diff --git a/app/Http/Kernel.php b/app/Http/Kernel.php
index e4fd781c97..a8e0baf3e5 100644
--- a/app/Http/Kernel.php
+++ b/app/Http/Kernel.php
@@ -29,6 +29,8 @@ class Kernel extends HttpKernel
         \App\Http\Middleware\TrimStrings::class,
         \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
         \App\Http\Middleware\TrustProxies::class,
+             \App\Http\Middleware\Cors::class,
+
     ];
 
     /**
@@ -53,7 +55,7 @@ class Kernel extends HttpKernel
             'bindings',
             'query_logging',
             \App\Http\Middleware\StartupCheck::class,
-            \App\Http\Middleware\Cors::class,
+#            \App\Http\Middleware\Cors::class,
         ],
         'contact' => [
             'throttle:60,1',
diff --git a/app/Jobs/Company/CreateCompanyPaymentTerms.php b/app/Jobs/Company/CreateCompanyPaymentTerms.php
index 35e5f73f6c..7547a147e6 100644
--- a/app/Jobs/Company/CreateCompanyPaymentTerms.php
+++ b/app/Jobs/Company/CreateCompanyPaymentTerms.php
@@ -50,14 +50,14 @@ class CreateCompanyPaymentTerms
     {
 
         $paymentTerms = [
-            ['num_days' => 0, 'name' => 'Net 0', 'company_id' => $this->company->id, 'user_id' => $this->user->id],
-            ['num_days' => 7,  'name'  => '', 'company_id' => $this->company->id, 'user_id' => $this->user->id],
-            ['num_days' => 10, 'name' => '', 'company_id' => $this->company->id, 'user_id' => $this->user->id],
-            ['num_days' => 14, 'name' => '', 'company_id' => $this->company->id, 'user_id' => $this->user->id],
-            ['num_days' => 15, 'name' => '', 'company_id' => $this->company->id, 'user_id' => $this->user->id],
-            ['num_days' => 30, 'name' => '', 'company_id' => $this->company->id, 'user_id' => $this->user->id],
-            ['num_days' => 60, 'name' => '', 'company_id' => $this->company->id, 'user_id' => $this->user->id],
-            ['num_days' => 90, 'name' => '', 'company_id' => $this->company->id, 'user_id' => $this->user->id],
+            ['num_days' => 0, 'name' => 'Net 0', 'company_id' => $this->company->id, 'user_id' => $this->user->id, 'created_at' => now(), 'updated_at' => now()],
+            ['num_days' => 7,  'name'  => '', 'company_id' => $this->company->id, 'user_id' => $this->user->id, 'created_at' => now(), 'updated_at' => now()],
+            ['num_days' => 10, 'name' => '', 'company_id' => $this->company->id, 'user_id' => $this->user->id, 'created_at' => now(), 'updated_at' => now()],
+            ['num_days' => 14, 'name' => '', 'company_id' => $this->company->id, 'user_id' => $this->user->id, 'created_at' => now(), 'updated_at' => now()],
+            ['num_days' => 15, 'name' => '', 'company_id' => $this->company->id, 'user_id' => $this->user->id, 'created_at' => now(), 'updated_at' => now()],
+            ['num_days' => 30, 'name' => '', 'company_id' => $this->company->id, 'user_id' => $this->user->id, 'created_at' => now(), 'updated_at' => now()],
+            ['num_days' => 60, 'name' => '', 'company_id' => $this->company->id, 'user_id' => $this->user->id, 'created_at' => now(), 'updated_at' => now()],
+            ['num_days' => 90, 'name' => '', 'company_id' => $this->company->id, 'user_id' => $this->user->id, 'created_at' => now(), 'updated_at' => now()],
         ];
         
         PaymentTerm::insert($paymentTerms);
diff --git a/composer.lock b/composer.lock
index 904d89b8ef..9fe25b9754 100644
--- a/composer.lock
+++ b/composer.lock
@@ -1086,20 +1086,6 @@
                 "sqlserver",
                 "sqlsrv"
             ],
-            "funding": [
-                {
-                    "url": "https://www.doctrine-project.org/sponsorship.html",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://www.patreon.com/phpdoctrine",
-                    "type": "patreon"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/doctrine%2Fdbal",
-                    "type": "tidelift"
-                }
-            ],
             "time": "2020-04-20T17:19:26+00:00"
         },
         {
@@ -5880,12 +5866,6 @@
                 "screenshot",
                 "webpage"
             ],
-            "funding": [
-                {
-                    "url": "https://www.patreon.com/spatie",
-                    "type": "patreon"
-                }
-            ],
             "time": "2020-04-20T10:33:41+00:00"
         },
         {
diff --git a/public/css/app.css b/public/css/app.css
index fef050217d..240189d351 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -1 +1,186777 @@
-/*! 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-green-500{--bg-opacity:1;background-color:#0e9f6e;background-color:rgba(14,159,110,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-green-600:hover{--bg-opacity:1;background-color:#057a55;background-color:rgba(5,122,85,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{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-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-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-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}.leading-tight{line-height:1.25}.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}.mt-1{margin-top:.25rem}.mr-1{margin-right:.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}.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}.-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}.p-1{padding:.25rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.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}.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}.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}.table-auto{table-layout:auto}.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-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-900{--text-opacity:1;color:#161e2e;color:rgba(22,30,46,var(--text-opacity))}.text-red-600{--text-opacity:1;color:#e02424;color:rgba(224,36,36,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))}.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-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))}.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-start-2{grid-column-start:2}.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\: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\:text-lg{font-size:1.125rem}.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\:text-3xl{font-size:1.875rem}.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\:-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-4{grid-column:span 4/span 4}.md\:col-start-2{grid-column-start:2}}@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\: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;
+  padding: 0;
+}
+
+/**
+ * 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::-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;
+}
+
+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::-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, 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::-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, 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 {
+  -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: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: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 {
+  -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: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: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-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;
+}
+
+.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::-webkit-input-placeholder {
+  color: transparent;
+}
+
+.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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--placeholder-opacity));
+}
+
+.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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbfdfe;
+  color: rgba(251, 253, 254, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f1f5f9;
+  color: rgba(241, 245, 249, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdfdea;
+  color: rgba(253, 253, 234, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, 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::-webkit-input-placeholder {
+  color: transparent;
+}
+
+.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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--placeholder-opacity));
+}
+
+.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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbfdfe;
+  color: rgba(251, 253, 254, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f1f5f9;
+  color: rgba(241, 245, 249, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdfdea;
+  color: rgba(253, 253, 234, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, 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::-webkit-input-placeholder {
+  --placeholder-opacity: 0;
+}
+
+.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::-webkit-input-placeholder {
+  --placeholder-opacity: 0.25;
+}
+
+.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::-webkit-input-placeholder {
+  --placeholder-opacity: 0.5;
+}
+
+.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::-webkit-input-placeholder {
+  --placeholder-opacity: 0.75;
+}
+
+.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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+}
+
+.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::-webkit-input-placeholder {
+  --placeholder-opacity: 0;
+}
+
+.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::-webkit-input-placeholder {
+  --placeholder-opacity: 0.25;
+}
+
+.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::-webkit-input-placeholder {
+  --placeholder-opacity: 0.5;
+}
+
+.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::-webkit-input-placeholder {
+  --placeholder-opacity: 0.75;
+}
+
+.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::-webkit-input-placeholder {
+  --placeholder-opacity: 1;
+}
+
+.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);
+}
+
+.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;
+}
+
+@media (min-width: 640px) {
+  .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\: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::-webkit-input-placeholder {
+    color: transparent;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, 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::-webkit-input-placeholder {
+    color: transparent;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .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);
+  }
+
+  .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;
+  }
+}
+
+@media (min-width: 768px) {
+  .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\: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::-webkit-input-placeholder {
+    color: transparent;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, 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::-webkit-input-placeholder {
+    color: transparent;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .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);
+  }
+
+  .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;
+  }
+}
+
+@media (min-width: 1024px) {
+  .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\: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::-webkit-input-placeholder {
+    color: transparent;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, 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::-webkit-input-placeholder {
+    color: transparent;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .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);
+  }
+
+  .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;
+  }
+}
+
+@media (min-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\: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::-webkit-input-placeholder {
+    color: transparent;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, 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::-webkit-input-placeholder {
+    color: transparent;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, 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::-webkit-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .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::-webkit-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .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);
+  }
+
+  .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;
+  }
+}
\ No newline at end of file
diff --git a/public/js/app.js b/public/js/app.js
index 0952b51bf0..0eac2b2745 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/david/Development/invoiceninja/resources/js/app.js */"./resources/js/app.js");
+module.exports = __webpack_require__(/*! /home/david/Development/invoiceninja/resources/sass/app.scss */"./resources/sass/app.scss");
+
+
+/***/ })
+
+/******/ });
\ 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 46a2eb6164..77dcdc4eb4 100644
--- a/public/js/clients/payment_methods/authorize-authorize-card.js
+++ b/public/js/clients/payment_methods/authorize-authorize-card.js
@@ -1 +1,249 @@
-!function(e){var t={};function n(a){if(t[a])return t[a].exports;var r=t[a]={i:a,l:!1,exports:{}};return e[a].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,a){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},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 a=Object.create(null);if(n.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(a,r,function(t){return e[t]}.bind(null,r));return a},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 a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}new(function(){function e(t,n){var a,r,o,i=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),o=function(){document.getElementById("card_number").addEventListener("keyup",(function(e){var t=document.getElementById("card_number_errors");valid.number(e.target.value).isValid?(t.hidden=!0,i.form.valid=!0):(t.textContent=i.translations.invalidCard,t.hidden=!1,i.form.valid=!1)})),document.getElementById("expiration_month").addEventListener("keyup",(function(e){var t=document.getElementById("expiration_month_errors");valid.expirationMonth(e.target.value).isValid?(t.hidden=!0,i.form.valid=!0):(t.textContent=i.translations.invalidMonth,t.hidden=!1,i.form.valid=!1)})),document.getElementById("expiration_year").addEventListener("keyup",(function(e){var t=document.getElementById("expiration_year_errors");valid.expirationYear(e.target.value).isValid?(t.hidden=!0,i.form.valid=!0):(t.textContent=i.translations.invalidYear,t.hidden=!1,i.form.valid=!1)}))},(r="handleFormValidation")in(a=this)?Object.defineProperty(a,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[r]=o,this.publicKey=t,this.loginId=n,this.cardHolderName=document.getElementById("cardholder_name"),this.cardButton=document.getElementById("card_button"),this.form={valid:!1},this.translations={invalidCard:document.querySelector('meta[name="credit-card-invalid"]').content,invalidMonth:document.querySelector('meta[name="month-invalid"]').content,invalidYear:document.querySelector('meta[name="year-invalid"]').content}}var t,a,r;return t=e,(a=[{key:"handleAuthorization",value:function(){var e={};e.clientKey=this.publicKey,e.apiLoginID=this.loginId;var t={};t.cardNumber=document.getElementById("card_number").value,t.month=document.getElementById("expiration_month").value,t.year=document.getElementById("expiration_year").value,t.cardCode=document.getElementById("cvv").value;var n={};return n.authData=e,n.cardData=t,Accept.dispatchData(n,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.handleFormValidation(),this.cardButton.addEventListener("click",(function(){e.handleAuthorization()})),this}}])&&n(t.prototype,a),r&&n(t,r),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; }
+
+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, "handleFormValidation", function () {
+      document.getElementById("card_number").addEventListener('keyup', function (e) {
+        var errors = document.getElementById('card_number_errors');
+
+        if (valid.number(e.target.value).isValid) {
+          errors.hidden = true;
+          _this.form.valid = true;
+        } else {
+          errors.textContent = _this.translations.invalidCard;
+          errors.hidden = false;
+          _this.form.valid = false;
+        }
+      });
+      document.getElementById("expiration_month").addEventListener('keyup', function (e) {
+        var errors = document.getElementById('expiration_month_errors');
+
+        if (valid.expirationMonth(e.target.value).isValid) {
+          errors.hidden = true;
+          _this.form.valid = true;
+        } else {
+          errors.textContent = _this.translations.invalidMonth;
+          errors.hidden = false;
+          _this.form.valid = false;
+        }
+      });
+      document.getElementById("expiration_year").addEventListener('keyup', function (e) {
+        var errors = document.getElementById('expiration_year_errors');
+
+        if (valid.expirationYear(e.target.value).isValid) {
+          errors.hidden = true;
+          _this.form.valid = true;
+        } else {
+          errors.textContent = _this.translations.invalidYear;
+          errors.hidden = false;
+          _this.form.valid = false;
+        }
+      });
+    });
+
+    this.publicKey = publicKey;
+    this.loginId = loginId;
+    this.cardHolderName = document.getElementById("cardholder_name");
+    this.cardButton = document.getElementById("card_button");
+    this.form = {
+      valid: false
+    };
+    this.translations = {
+      invalidCard: document.querySelector('meta[name="credit-card-invalid"]').content,
+      invalidMonth: document.querySelector('meta[name="month-invalid"]').content,
+      invalidYear: document.querySelector('meta[name="year-invalid"]').content
+    };
+  }
+
+  _createClass(AuthorizeAuthorizeCard, [{
+    key: "handleAuthorization",
+    value: function handleAuthorization() {
+      var authData = {};
+      authData.clientKey = this.publicKey;
+      authData.apiLoginID = this.loginId;
+      var cardData = {};
+      cardData.cardNumber = document.getElementById("card_number").value;
+      cardData.month = document.getElementById("expiration_month").value;
+      cardData.year = document.getElementById("expiration_year").value;
+      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;
+    }
+  }, {
+    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 _this2 = 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 () {
+        _this2.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/david/Development/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/payments/authorize-credit-card-payment.js b/public/js/clients/payments/authorize-credit-card-payment.js
index d72753ebc5..135c65d2b1 100644
--- a/public/js/clients/payments/authorize-credit-card-payment.js
+++ b/public/js/clients/payments/authorize-credit-card-payment.js
@@ -1,2 +1,243 @@
-/*! 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 _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 _iteratorNormalCompletion = true;
+        var _didIteratorError = false;
+        var _iteratorError = undefined;
+
+        try {
+          var _loop = function _loop() {
+            var item = _step.value;
+            item.addEventListener('click', function () {
+              item.disabled = true;
+
+              _this.handlePayNowAction(item.dataset.id);
+            });
+          };
+
+          for (var _iterator = _this.payNowButton[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+            _loop();
+          }
+        } catch (err) {
+          _didIteratorError = true;
+          _iteratorError = err;
+        } finally {
+          try {
+            if (!_iteratorNormalCompletion && _iterator["return"] != null) {
+              _iterator["return"]();
+            }
+          } finally {
+            if (_didIteratorError) {
+              throw _iteratorError;
+            }
+          }
+        }
+      }
+
+      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/david/Development/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/shared/pdf.js b/public/js/clients/shared/pdf.js
index 5043e6e274..d2709cf36b 100644
--- a/public/js/clients/shared/pdf.js
+++ b/public/js/clients/shared/pdf.js
@@ -1,2 +1,1029 @@
-/*! 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")}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 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;
+  GeneratorFunctionPrototype[toStringTagSymbol] =
+    GeneratorFunction.displayName = "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) {
+      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;
+      if (!(toStringTagSymbol in genFun)) {
+        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);
+
+  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');
+  }
+
+  _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/david/Development/invoiceninja/resources/js/clients/shared/pdf.js */"./resources/js/clients/shared/pdf.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index c6bc7001b1..c4575cde5d 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,20 +1,20 @@
 {
-    "/js/app.js": "/js/app.js?id=baf7fef12d5e65c3d9ff",
-    "/css/app.css": "/css/app.css?id=71354b23d8e01ffccfe0",
+    "/js/app.js": "/js/app.js?id=ff27ccddd30b0e7b4db9",
+    "/css/app.css": "/css/app.css?id=b4f28bc71925ec9b1f74",
     "/js/clients/invoices/action-selectors.js": "/js/clients/invoices/action-selectors.js?id=0632d6281202800e0921",
     "/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=1db80c8670affed9909b",
+    "/js/clients/payment_methods/authorize-authorize-card.js": "/js/clients/payment_methods/authorize-authorize-card.js?id=7f63b5cd48631432a424",
     "/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/authorize-credit-card-payment.js": "/js/clients/payments/authorize-credit-card-payment.js?id=a474e669b65198f7ce6f",
     "/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=2fe0ad3e46ead2edb8c3",
     "/js/clients/quotes/approve.js": "/js/clients/quotes/approve.js?id=1c5d76fb5f98bd49f6c8",
-    "/js/clients/shared/pdf.js": "/js/clients/shared/pdf.js?id=ba1182244cda0e0ffbeb",
+    "/js/clients/shared/pdf.js": "/js/clients/shared/pdf.js?id=fbf3650f8238a7a878e9",
     "/js/setup/setup.js": "/js/setup/setup.js?id=87653cfb4084aadea7a2",
     "/css/card-js.min.css": "/css/card-js.min.css?id=62afeb675235451543ad"
 }