From 6e866ae033f42c51ffe7f38c733928b94321bc55 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Wed, 27 Oct 2021 17:14:01 +0200
Subject: [PATCH 1/4] Login page fixes

---
 resources/views/portal/ninja2020/auth/login.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/portal/ninja2020/auth/login.blade.php b/resources/views/portal/ninja2020/auth/login.blade.php
index 7adb0f1fa6..3d3e59a12b 100644
--- a/resources/views/portal/ninja2020/auth/login.blade.php
+++ b/resources/views/portal/ninja2020/auth/login.blade.php
@@ -7,7 +7,7 @@
 @endcomponent
 
 @section('body')
-    <div class="grid lg:grid-cols-3">
+    <div class="grid lg:grid-cols-3 mx-6">
         @if($account && !$account->isPaid())
             <div class="hidden lg:block col-span-1 bg-red-100 h-screen">
                 <img src="{{ asset('images/client-portal-new-image.jpg') }}"

From f2b5237d244632c354b8e0800329fb7b5fb6f62a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Wed, 27 Oct 2021 17:15:28 +0200
Subject: [PATCH 2/4] Assets production build

---
 public/css/app.css       | 2 +-
 public/mix-manifest.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index 6afae111f1..8fa3ee6737 100755
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -1 +1 @@
-/*! 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=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-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}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:Open Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #d2d6dc}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0aec0}input::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-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='%239fa6b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;background-repeat:no-repeat;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.375rem;padding:.5rem 2.5rem .5rem .75rem;font-size:1rem;line-height:1.5;background-position:right .5rem center;background-size:1.5em 1.5em}.form-select::-ms-expand{color:#9fa6b2;border:none}@media not print{.form-select::-ms-expand{display:none}}@media print and (-ms-high-contrast:active),print and (-ms-high-contrast:none){.form-select{padding-right:.75rem}}.form-select:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-checkbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media not print{.form-checkbox::-ms-check{border-width:1px;color:transparent;background:inherit;border-color:inherit;border-radius:inherit}}.form-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#3f83f8;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.25rem}.form-checkbox:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-checkbox:checked:focus,.form-radio:checked{border-color:transparent}.form-radio:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media not print{.form-radio::-ms-check{border-width:1px;color:transparent;background:inherit;border-color:inherit;border-radius:inherit}}.form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;border-radius:100%;height:1rem;width:1rem;color:#3f83f8;background-color:#fff;border-color:#d2d6dc;border-width:1px}.form-radio:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-radio:checked:focus{border-color:transparent}.button{border-radius:.25rem;padding:.75rem 1rem;font-size:.875rem;line-height:1rem;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}button:disabled{opacity:.5;cursor:not-allowed}.button-primary{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.button-primary:hover{font-weight:600}.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:#374151;color:rgba(55,65,81,var(--text-opacity))}.button-link:hover{--text-opacity:1;color:#161e2e;color:rgba(22,30,46,var(--text-opacity));text-decoration:underline}.button-link:focus{outline:2px solid transparent;outline-offset:2px;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:2px solid transparent;outline-offset:2px;--bg-opacity:1;background-color:#f9fafb;background-color:rgba(249,250,251,var(--bg-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;--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:2px solid transparent;outline-offset:2px;--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}.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)))}.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*(1 - var(--space-x-reverse)))}.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}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.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-red-100{--bg-opacity:1;background-color:#fde8e8;background-color:rgba(253,232,232,var(--bg-opacity))}.bg-blue-50{--bg-opacity:1;background-color:#ebf5ff;background-color:rgba(235,245,255,var(--bg-opacity))}.bg-blue-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))}.focus\:bg-gray-100:focus,.hover\:bg-gray-100:hover{--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))}.active\:bg-gray-50:active{--bg-opacity:1;background-color:#f9fafb;background-color:rgba(249,250,251,var(--bg-opacity))}.border-collapse{border-collapse:collapse}.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-600{--border-opacity:1;border-color:#4b5563;border-color:rgba(75,85,99,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-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))}.group:hover .group-hover\:border-transparent{border-color:transparent}.hover\:border-gray-600:hover{--border-opacity:1;border-color:#4b5563;border-color:rgba(75,85,99,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-blue-600:hover{--border-opacity:1;border-color:#1c64f2;border-color:rgba(28,100,242,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}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-0{border-width:0}.border-4{border-width:4px}.border{border-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.focus\:font-semibold:focus,.hover\:font-semibold:hover{font-weight:600}.h-0{height:0}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-32{height:8rem}.h-64{height:16rem}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.text-xs{font-size:.75rem}.text-sm{font-size:.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-5xl{font-size:3rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-9{line-height:2.25rem}.leading-tight{line-height:1.25}.m-0{margin:0}.m-auto{margin:auto}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mx-4{margin-left:1rem;margin-right: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-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mb-6{margin-bottom:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.-mr-1{margin-right:-.25rem}.-ml-1{margin-left:-.25rem}.-mt-4{margin-top:-1rem}.-ml-4{margin-left:-1rem}.-mt-6{margin-top:-1.5rem}.-mr-14{margin-right:-3.5rem}.max-w-xs{max-width:20rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.min-h-screen{min-height:100vh}.min-w-full{min-width:100%}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.opacity-100{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.py-0{padding-top:0;padding-bottom:0}.px-0{padding-left:0;padding-right:0}.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}.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-8{padding-top:2rem;padding-bottom:2rem}.px-12{padding-left:3rem;padding-right:3rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.pt-0{padding-top:0}.pl-0{padding-left:0}.pt-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pl-3{padding-left:.75rem}.pt-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pb-10{padding-bottom:2.5rem}.pb-20{padding-bottom:5rem}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{right:0;left:0}.inset-0,.inset-y-0{top:0;bottom:0}.inset-x-0{right:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-1{top:.25rem}.left-1{left:.25rem}.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)}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.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-black{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.text-gray-300{--text-opacity:1;color:#d2d6dc;color:rgba(210,214,220,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#9fa6b2;color:rgba(159,166,178,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#374151;color:rgba(55,65,81,var(--text-opacity))}.text-gray-800{--text-opacity:1;color:#252f3f;color:rgba(37,47,63,var(--text-opacity))}.text-gray-900{--text-opacity:1;color:#161e2e;color:rgba(22,30,46,var(--text-opacity))}.text-red-400{--text-opacity:1;color:#f98080;color:rgba(249,128,128,var(--text-opacity))}.text-red-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-green-600{--text-opacity:1;color:#057a55;color:rgba(5,122,85,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))}.group:hover .group-hover\:text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.hover\:text-gray-300:hover{--text-opacity:1;color:#d2d6dc;color:rgba(210,214,220,var(--text-opacity))}.hover\:text-gray-500:hover{--text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--text-opacity))}.hover\:text-gray-600:hover{--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.hover\:text-gray-700:hover{--text-opacity:1;color:#374151;color:rgba(55,65,81,var(--text-opacity))}.hover\:text-gray-800:hover{--text-opacity:1;color:#252f3f;color:rgba(37,47,63,var(--text-opacity))}.hover\:text-gray-900:hover{--text-opacity:1;color:#161e2e;color:rgba(22,30,46,var(--text-opacity))}.hover\:text-blue-600:hover{--text-opacity:1;color:#1c64f2;color:rgba(28,100,242,var(--text-opacity))}.hover\:text-indigo-900:hover{--text-opacity:1;color:#362f78;color:rgba(54,47,120,var(--text-opacity))}.focus\:text-gray-500:focus{--text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--text-opacity))}.focus\:text-gray-600:focus{--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.focus\:text-gray-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}.capitalize{text-transform:capitalize}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.focus\:underline:focus,.hover\:underline:hover{text-decoration:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.whitespace-no-wrap{white-space:nowrap}.break-words{word-wrap:break-word;overflow-wrap:break-word}.break-all{word-break:break-all}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-0{width:0}.w-4{width:1rem}.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-5\/6{width:83.333333%}.w-full{width:100%}.w-screen{width:100vw}.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-5{grid-gap:1.25rem;gap:1.25rem}.gap-6{grid-gap:1.5rem;gap:1.5rem}.gap-8{grid-gap:2rem;gap:2rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.col-span-8{grid-column:span 8/span 8}.col-span-12{grid-column:span 12/span 12}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.origin-top-right{transform-origin:top right}.scale-95{--transform-scale-x:.95;--transform-scale-y:.95}.scale-100{--transform-scale-x:1;--transform-scale-y:1}.translate-x-0{--transform-translate-x:0}.-translate-x-full{--transform-translate-x:-100%}.translate-y-0{--transform-translate-y:0}.translate-y-4{--transform-translate-y:1rem}.transition-all{transition-property:all}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}.transition-opacity{transition-property:opacity}.ease-linear{transition-timing-function:linear}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@media (min-width:640px){.sm\:rounded-lg{border-radius:.5rem}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:flex-no-wrap{flex-wrap:nowrap}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:flex-shrink-0{flex-shrink:0}.sm\:h-10{height:2.5rem}.sm\:h-screen{height:100vh}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:my-8{margin-top:2rem;margin-bottom:2rem}.sm\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.sm\:mt-0{margin-top:0}.sm\:ml-3{margin-left:.75rem}.sm\:mt-4{margin-top:1rem}.sm\:ml-4{margin-left:1rem}.sm\:mt-6{margin-top:1.5rem}.sm\:ml-6{margin-left:1.5rem}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-lg{max-width:32rem}.sm\:p-0{padding:0}.sm\:p-6{padding:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:inset-0{top:0;right:0;bottom:0;left:0}.sm\:text-left{text-align:left}.sm\:align-middle{vertical-align:middle}.sm\:w-10{width:2.5rem}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:gap-4{grid-gap:1rem;gap:1rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.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\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:flex-shrink-0{flex-shrink:0}.md\:text-sm{font-size:.875rem}.md\:text-2xl{font-size:1.5rem}.md\:mt-0{margin-top:0}.md\:mr-2{margin-right:.5rem}.md\:ml-2{margin-left:.5rem}.md\:mt-5{margin-top:1.25rem}.md\:ml-6{margin-left:1.5rem}.md\:mt-10{margin-top:2.5rem}.md\:-mr-1{margin-right:-.25rem}.md\:max-w-3xl{max-width:48rem}.md\:p-24{padding:6rem}.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\:grid-cols-12{grid-template-columns:repeat(12,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-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-start-2{grid-column-start:2}.md\:col-start-4{grid-column-start:4}}@media (min-width:1024px){.lg\:rounded-lg{border-radius:.5rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:items-center{align-items:center}.lg\:h-screen{height:100vh}.lg\:-mx-8{margin-left:-2rem;margin-right:-2rem}.lg\:mt-24{margin-top:6rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:w-1\/2{width:50%}.lg\:w-1\/4{width:25%}.lg\:w-1\/5{width:20%}.lg\:gap-4{grid-gap:1rem;gap:1rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-3{grid-column:span 3/span 3}.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-start-3{grid-column-start:3}.lg\:col-start-4{grid-column-start:4}}@media (min-width:1280px){.xl\:flex{display:flex}.xl\:justify-center{justify-content:center}.xl\:mt-32{margin-top:8rem}.xl\:px-16{padding-left:4rem;padding-right:4rem}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:col-span-6{grid-column:span 6/span 6}.xl\:col-span-8{grid-column:span 8/span 8}.xl\:col-span-9{grid-column:span 9/span 9}.xl\:col-start-4{grid-column-start:4}}
\ No newline at end of file
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-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}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:Open Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #d2d6dc}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0aec0}input::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-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='%239fa6b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;background-repeat:no-repeat;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.375rem;padding:.5rem 2.5rem .5rem .75rem;font-size:1rem;line-height:1.5;background-position:right .5rem center;background-size:1.5em 1.5em}.form-select::-ms-expand{color:#9fa6b2;border:none}@media not print{.form-select::-ms-expand{display:none}}@media print and (-ms-high-contrast:active),print and (-ms-high-contrast:none){.form-select{padding-right:.75rem}}.form-select:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-checkbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media not print{.form-checkbox::-ms-check{border-width:1px;color:transparent;background:inherit;border-color:inherit;border-radius:inherit}}.form-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#3f83f8;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.25rem}.form-checkbox:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-checkbox:checked:focus,.form-radio:checked{border-color:transparent}.form-radio:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media not print{.form-radio::-ms-check{border-width:1px;color:transparent;background:inherit;border-color:inherit;border-radius:inherit}}.form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;border-radius:100%;height:1rem;width:1rem;color:#3f83f8;background-color:#fff;border-color:#d2d6dc;border-width:1px}.form-radio:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-radio:checked:focus{border-color:transparent}.button{border-radius:.25rem;padding:.75rem 1rem;font-size:.875rem;line-height:1rem;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}button:disabled{opacity:.5;cursor:not-allowed}.button-primary{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.button-primary:hover{font-weight:600}.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:#374151;color:rgba(55,65,81,var(--text-opacity))}.button-link:hover{--text-opacity:1;color:#161e2e;color:rgba(22,30,46,var(--text-opacity));text-decoration:underline}.button-link:focus{outline:2px solid transparent;outline-offset:2px;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:2px solid transparent;outline-offset:2px;--bg-opacity:1;background-color:#f9fafb;background-color:rgba(249,250,251,var(--bg-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;--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:2px solid transparent;outline-offset:2px;--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}.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)))}.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*(1 - var(--space-x-reverse)))}.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}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.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-red-100{--bg-opacity:1;background-color:#fde8e8;background-color:rgba(253,232,232,var(--bg-opacity))}.bg-blue-50{--bg-opacity:1;background-color:#ebf5ff;background-color:rgba(235,245,255,var(--bg-opacity))}.bg-blue-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))}.focus\:bg-gray-100:focus,.hover\:bg-gray-100:hover{--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))}.active\:bg-gray-50:active{--bg-opacity:1;background-color:#f9fafb;background-color:rgba(249,250,251,var(--bg-opacity))}.border-collapse{border-collapse:collapse}.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-600{--border-opacity:1;border-color:#4b5563;border-color:rgba(75,85,99,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-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))}.group:hover .group-hover\:border-transparent{border-color:transparent}.hover\:border-gray-600:hover{--border-opacity:1;border-color:#4b5563;border-color:rgba(75,85,99,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-blue-600:hover{--border-opacity:1;border-color:#1c64f2;border-color:rgba(28,100,242,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}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-0{border-width:0}.border-4{border-width:4px}.border{border-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.focus\:font-semibold:focus,.hover\:font-semibold:hover{font-weight:600}.h-0{height:0}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-32{height:8rem}.h-64{height:16rem}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.text-xs{font-size:.75rem}.text-sm{font-size:.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-5xl{font-size:3rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-9{line-height:2.25rem}.leading-tight{line-height:1.25}.m-0{margin:0}.m-auto{margin:auto}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.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-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mb-6{margin-bottom:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.-mr-1{margin-right:-.25rem}.-ml-1{margin-left:-.25rem}.-mt-4{margin-top:-1rem}.-ml-4{margin-left:-1rem}.-mt-6{margin-top:-1.5rem}.-mr-14{margin-right:-3.5rem}.max-w-xs{max-width:20rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.min-h-screen{min-height:100vh}.min-w-full{min-width:100%}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.opacity-100{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.py-0{padding-top:0;padding-bottom:0}.px-0{padding-left:0;padding-right:0}.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}.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-8{padding-top:2rem;padding-bottom:2rem}.px-12{padding-left:3rem;padding-right:3rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.pt-0{padding-top:0}.pl-0{padding-left:0}.pt-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pl-3{padding-left:.75rem}.pt-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pb-10{padding-bottom:2.5rem}.pb-20{padding-bottom:5rem}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{right:0;left:0}.inset-0,.inset-y-0{top:0;bottom:0}.inset-x-0{right:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-1{top:.25rem}.left-1{left:.25rem}.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)}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.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-black{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.text-gray-300{--text-opacity:1;color:#d2d6dc;color:rgba(210,214,220,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#9fa6b2;color:rgba(159,166,178,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#374151;color:rgba(55,65,81,var(--text-opacity))}.text-gray-800{--text-opacity:1;color:#252f3f;color:rgba(37,47,63,var(--text-opacity))}.text-gray-900{--text-opacity:1;color:#161e2e;color:rgba(22,30,46,var(--text-opacity))}.text-red-400{--text-opacity:1;color:#f98080;color:rgba(249,128,128,var(--text-opacity))}.text-red-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-green-600{--text-opacity:1;color:#057a55;color:rgba(5,122,85,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))}.group:hover .group-hover\:text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.hover\:text-gray-300:hover{--text-opacity:1;color:#d2d6dc;color:rgba(210,214,220,var(--text-opacity))}.hover\:text-gray-500:hover{--text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--text-opacity))}.hover\:text-gray-600:hover{--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.hover\:text-gray-700:hover{--text-opacity:1;color:#374151;color:rgba(55,65,81,var(--text-opacity))}.hover\:text-gray-800:hover{--text-opacity:1;color:#252f3f;color:rgba(37,47,63,var(--text-opacity))}.hover\:text-gray-900:hover{--text-opacity:1;color:#161e2e;color:rgba(22,30,46,var(--text-opacity))}.hover\:text-blue-600:hover{--text-opacity:1;color:#1c64f2;color:rgba(28,100,242,var(--text-opacity))}.hover\:text-indigo-900:hover{--text-opacity:1;color:#362f78;color:rgba(54,47,120,var(--text-opacity))}.focus\:text-gray-500:focus{--text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--text-opacity))}.focus\:text-gray-600:focus{--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.focus\:text-gray-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}.capitalize{text-transform:capitalize}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.focus\:underline:focus,.hover\:underline:hover{text-decoration:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.whitespace-no-wrap{white-space:nowrap}.break-words{word-wrap:break-word;overflow-wrap:break-word}.break-all{word-break:break-all}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-0{width:0}.w-4{width:1rem}.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-5\/6{width:83.333333%}.w-full{width:100%}.w-screen{width:100vw}.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-5{grid-gap:1.25rem;gap:1.25rem}.gap-6{grid-gap:1.5rem;gap:1.5rem}.gap-8{grid-gap:2rem;gap:2rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.col-span-8{grid-column:span 8/span 8}.col-span-12{grid-column:span 12/span 12}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.origin-top-right{transform-origin:top right}.scale-95{--transform-scale-x:.95;--transform-scale-y:.95}.scale-100{--transform-scale-x:1;--transform-scale-y:1}.translate-x-0{--transform-translate-x:0}.-translate-x-full{--transform-translate-x:-100%}.translate-y-0{--transform-translate-y:0}.translate-y-4{--transform-translate-y:1rem}.transition-all{transition-property:all}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}.transition-opacity{transition-property:opacity}.ease-linear{transition-timing-function:linear}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@media (min-width:640px){.sm\:rounded-lg{border-radius:.5rem}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:flex-no-wrap{flex-wrap:nowrap}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:flex-shrink-0{flex-shrink:0}.sm\:h-10{height:2.5rem}.sm\:h-screen{height:100vh}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:my-8{margin-top:2rem;margin-bottom:2rem}.sm\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.sm\:mt-0{margin-top:0}.sm\:ml-3{margin-left:.75rem}.sm\:mt-4{margin-top:1rem}.sm\:ml-4{margin-left:1rem}.sm\:mt-6{margin-top:1.5rem}.sm\:ml-6{margin-left:1.5rem}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-lg{max-width:32rem}.sm\:p-0{padding:0}.sm\:p-6{padding:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:inset-0{top:0;right:0;bottom:0;left:0}.sm\:text-left{text-align:left}.sm\:align-middle{vertical-align:middle}.sm\:w-10{width:2.5rem}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:gap-4{grid-gap:1rem;gap:1rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.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\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:flex-shrink-0{flex-shrink:0}.md\:text-sm{font-size:.875rem}.md\:text-2xl{font-size:1.5rem}.md\:mt-0{margin-top:0}.md\:mr-2{margin-right:.5rem}.md\:ml-2{margin-left:.5rem}.md\:mt-5{margin-top:1.25rem}.md\:ml-6{margin-left:1.5rem}.md\:mt-10{margin-top:2.5rem}.md\:-mr-1{margin-right:-.25rem}.md\:max-w-3xl{max-width:48rem}.md\:p-24{padding:6rem}.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\:grid-cols-12{grid-template-columns:repeat(12,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-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-start-2{grid-column-start:2}.md\:col-start-4{grid-column-start:4}}@media (min-width:1024px){.lg\:rounded-lg{border-radius:.5rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:items-center{align-items:center}.lg\:h-screen{height:100vh}.lg\:-mx-8{margin-left:-2rem;margin-right:-2rem}.lg\:mt-24{margin-top:6rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:w-1\/2{width:50%}.lg\:w-1\/4{width:25%}.lg\:w-1\/5{width:20%}.lg\:gap-4{grid-gap:1rem;gap:1rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-3{grid-column:span 3/span 3}.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-start-3{grid-column-start:3}.lg\:col-start-4{grid-column-start:4}}@media (min-width:1280px){.xl\:flex{display:flex}.xl\:justify-center{justify-content:center}.xl\:mt-32{margin-top:8rem}.xl\:px-16{padding-left:4rem;padding-right:4rem}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:col-span-6{grid-column:span 6/span 6}.xl\:col-span-8{grid-column:span 8/span 8}.xl\:col-span-9{grid-column:span 9/span 9}.xl\:col-start-4{grid-column-start:4}}
\ No newline at end of file
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index d0bd4c9365..294ba5f31a 100755
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,6 +1,6 @@
 {
     "/js/app.js": "/js/app.js?id=696e8203d5e8e7cf5ff5",
-    "/css/app.css": "/css/app.css?id=f7f7b35aa3f417a3eca3",
+    "/css/app.css": "/css/app.css?id=dfd96c63ef224323415b",
     "/js/clients/invoices/action-selectors.js": "/js/clients/invoices/action-selectors.js?id=a09bb529b8e1826f13b4",
     "/js/clients/invoices/payment.js": "/js/clients/invoices/payment.js?id=8ce8955ba775ea5f47d1",
     "/js/clients/linkify-urls.js": "/js/clients/linkify-urls.js?id=0dc8c34010d09195d2f7",

From 01909813d141d0a358a01159619f7139271599c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Wed, 27 Oct 2021 17:19:38 +0200
Subject: [PATCH 3/4] Improve spacing

---
 public/css/app.css                            | 217622 ++++++++++++++-
 public/js/app.js                              |   3367 +-
 .../js/clients/invoices/action-selectors.js   |    242 +-
 public/js/clients/invoices/payment.js         |    221 +-
 public/js/clients/linkify-urls.js             |    347 +-
 .../authorize-authorize-card.js               |    201 +-
 .../authorize-checkout-card.js                |    165 +-
 .../clients/payment_methods/braintree-ach.js  |    175 +-
 .../payment_methods/wepay-bank-account.js     |    180 +-
 .../payments/authorize-credit-card-payment.js |    243 +-
 .../clients/payments/braintree-credit-card.js |    223 +-
 .../js/clients/payments/braintree-paypal.js   |    236 +-
 public/js/clients/payments/card-js.min.js     |    113 +-
 .../clients/payments/checkout-credit-card.js  |    205 +-
 .../js/clients/payments/eway-credit-card.js   |    484 +-
 .../js/clients/payments/mollie-credit-card.js |    261 +-
 .../clients/payments/paytrace-credit-card.js  |    280 +-
 public/js/clients/payments/razorpay-aio.js    |    138 +-
 .../js/clients/payments/square-credit-card.js |   1186 +-
 public/js/clients/payments/stripe-ach.js      |    205 +-
 public/js/clients/payments/stripe-acss.js     |    213 +-
 public/js/clients/payments/stripe-alipay.js   |    176 +-
 .../js/clients/payments/stripe-bancontact.js  |    173 +-
 public/js/clients/payments/stripe-becs.js     |    255 +-
 .../js/clients/payments/stripe-credit-card.js |    325 +-
 public/js/clients/payments/stripe-eps.js      |    193 +-
 public/js/clients/payments/stripe-giropay.js  |    173 +-
 public/js/clients/payments/stripe-ideal.js    |    193 +-
 .../js/clients/payments/stripe-przelewy24.js  |    214 +-
 public/js/clients/payments/stripe-sepa.js     |    298 +-
 public/js/clients/payments/stripe-sofort.js   |    164 +-
 .../js/clients/payments/wepay-credit-card.js  |    322 +-
 public/js/clients/quotes/action-selectors.js  |    242 +-
 public/js/clients/quotes/approve.js           |    212 +-
 .../js/clients/shared/multiple-downloads.js   |    142 +-
 public/js/clients/shared/pdf.js               |   1063 +-
 public/js/clients/statements/view.js          |    208 +-
 public/js/setup/setup.js                      |   2332 +-
 public/mix-manifest.json                      |     76 +-
 .../portal/ninja2020/auth/login.blade.php     |      2 +-
 40 files changed, 232959 insertions(+), 111 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index 8fa3ee6737..f0664694d3 100755
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -1 +1,217621 @@
-/*! 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=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-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}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:Open Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #d2d6dc}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0aec0}input::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-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='%239fa6b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;background-repeat:no-repeat;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.375rem;padding:.5rem 2.5rem .5rem .75rem;font-size:1rem;line-height:1.5;background-position:right .5rem center;background-size:1.5em 1.5em}.form-select::-ms-expand{color:#9fa6b2;border:none}@media not print{.form-select::-ms-expand{display:none}}@media print and (-ms-high-contrast:active),print and (-ms-high-contrast:none){.form-select{padding-right:.75rem}}.form-select:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-checkbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media not print{.form-checkbox::-ms-check{border-width:1px;color:transparent;background:inherit;border-color:inherit;border-radius:inherit}}.form-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#3f83f8;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.25rem}.form-checkbox:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-checkbox:checked:focus,.form-radio:checked{border-color:transparent}.form-radio:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media not print{.form-radio::-ms-check{border-width:1px;color:transparent;background:inherit;border-color:inherit;border-radius:inherit}}.form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;border-radius:100%;height:1rem;width:1rem;color:#3f83f8;background-color:#fff;border-color:#d2d6dc;border-width:1px}.form-radio:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-radio:checked:focus{border-color:transparent}.button{border-radius:.25rem;padding:.75rem 1rem;font-size:.875rem;line-height:1rem;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}button:disabled{opacity:.5;cursor:not-allowed}.button-primary{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.button-primary:hover{font-weight:600}.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:#374151;color:rgba(55,65,81,var(--text-opacity))}.button-link:hover{--text-opacity:1;color:#161e2e;color:rgba(22,30,46,var(--text-opacity));text-decoration:underline}.button-link:focus{outline:2px solid transparent;outline-offset:2px;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:2px solid transparent;outline-offset:2px;--bg-opacity:1;background-color:#f9fafb;background-color:rgba(249,250,251,var(--bg-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;--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:2px solid transparent;outline-offset:2px;--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}.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)))}.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*(1 - var(--space-x-reverse)))}.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}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.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-red-100{--bg-opacity:1;background-color:#fde8e8;background-color:rgba(253,232,232,var(--bg-opacity))}.bg-blue-50{--bg-opacity:1;background-color:#ebf5ff;background-color:rgba(235,245,255,var(--bg-opacity))}.bg-blue-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))}.focus\:bg-gray-100:focus,.hover\:bg-gray-100:hover{--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))}.active\:bg-gray-50:active{--bg-opacity:1;background-color:#f9fafb;background-color:rgba(249,250,251,var(--bg-opacity))}.border-collapse{border-collapse:collapse}.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-600{--border-opacity:1;border-color:#4b5563;border-color:rgba(75,85,99,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-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))}.group:hover .group-hover\:border-transparent{border-color:transparent}.hover\:border-gray-600:hover{--border-opacity:1;border-color:#4b5563;border-color:rgba(75,85,99,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-blue-600:hover{--border-opacity:1;border-color:#1c64f2;border-color:rgba(28,100,242,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}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-0{border-width:0}.border-4{border-width:4px}.border{border-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.focus\:font-semibold:focus,.hover\:font-semibold:hover{font-weight:600}.h-0{height:0}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-32{height:8rem}.h-64{height:16rem}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.text-xs{font-size:.75rem}.text-sm{font-size:.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-5xl{font-size:3rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-9{line-height:2.25rem}.leading-tight{line-height:1.25}.m-0{margin:0}.m-auto{margin:auto}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.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-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mb-6{margin-bottom:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.-mr-1{margin-right:-.25rem}.-ml-1{margin-left:-.25rem}.-mt-4{margin-top:-1rem}.-ml-4{margin-left:-1rem}.-mt-6{margin-top:-1.5rem}.-mr-14{margin-right:-3.5rem}.max-w-xs{max-width:20rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.min-h-screen{min-height:100vh}.min-w-full{min-width:100%}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.opacity-100{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.py-0{padding-top:0;padding-bottom:0}.px-0{padding-left:0;padding-right:0}.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}.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-8{padding-top:2rem;padding-bottom:2rem}.px-12{padding-left:3rem;padding-right:3rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.pt-0{padding-top:0}.pl-0{padding-left:0}.pt-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pl-3{padding-left:.75rem}.pt-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pb-10{padding-bottom:2.5rem}.pb-20{padding-bottom:5rem}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{right:0;left:0}.inset-0,.inset-y-0{top:0;bottom:0}.inset-x-0{right:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-1{top:.25rem}.left-1{left:.25rem}.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)}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.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-black{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.text-gray-300{--text-opacity:1;color:#d2d6dc;color:rgba(210,214,220,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#9fa6b2;color:rgba(159,166,178,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#374151;color:rgba(55,65,81,var(--text-opacity))}.text-gray-800{--text-opacity:1;color:#252f3f;color:rgba(37,47,63,var(--text-opacity))}.text-gray-900{--text-opacity:1;color:#161e2e;color:rgba(22,30,46,var(--text-opacity))}.text-red-400{--text-opacity:1;color:#f98080;color:rgba(249,128,128,var(--text-opacity))}.text-red-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-green-600{--text-opacity:1;color:#057a55;color:rgba(5,122,85,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))}.group:hover .group-hover\:text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.hover\:text-gray-300:hover{--text-opacity:1;color:#d2d6dc;color:rgba(210,214,220,var(--text-opacity))}.hover\:text-gray-500:hover{--text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--text-opacity))}.hover\:text-gray-600:hover{--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.hover\:text-gray-700:hover{--text-opacity:1;color:#374151;color:rgba(55,65,81,var(--text-opacity))}.hover\:text-gray-800:hover{--text-opacity:1;color:#252f3f;color:rgba(37,47,63,var(--text-opacity))}.hover\:text-gray-900:hover{--text-opacity:1;color:#161e2e;color:rgba(22,30,46,var(--text-opacity))}.hover\:text-blue-600:hover{--text-opacity:1;color:#1c64f2;color:rgba(28,100,242,var(--text-opacity))}.hover\:text-indigo-900:hover{--text-opacity:1;color:#362f78;color:rgba(54,47,120,var(--text-opacity))}.focus\:text-gray-500:focus{--text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--text-opacity))}.focus\:text-gray-600:focus{--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.focus\:text-gray-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}.capitalize{text-transform:capitalize}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.focus\:underline:focus,.hover\:underline:hover{text-decoration:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.whitespace-no-wrap{white-space:nowrap}.break-words{word-wrap:break-word;overflow-wrap:break-word}.break-all{word-break:break-all}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-0{width:0}.w-4{width:1rem}.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-5\/6{width:83.333333%}.w-full{width:100%}.w-screen{width:100vw}.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-5{grid-gap:1.25rem;gap:1.25rem}.gap-6{grid-gap:1.5rem;gap:1.5rem}.gap-8{grid-gap:2rem;gap:2rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.col-span-8{grid-column:span 8/span 8}.col-span-12{grid-column:span 12/span 12}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.origin-top-right{transform-origin:top right}.scale-95{--transform-scale-x:.95;--transform-scale-y:.95}.scale-100{--transform-scale-x:1;--transform-scale-y:1}.translate-x-0{--transform-translate-x:0}.-translate-x-full{--transform-translate-x:-100%}.translate-y-0{--transform-translate-y:0}.translate-y-4{--transform-translate-y:1rem}.transition-all{transition-property:all}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}.transition-opacity{transition-property:opacity}.ease-linear{transition-timing-function:linear}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@media (min-width:640px){.sm\:rounded-lg{border-radius:.5rem}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:flex-no-wrap{flex-wrap:nowrap}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:flex-shrink-0{flex-shrink:0}.sm\:h-10{height:2.5rem}.sm\:h-screen{height:100vh}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:my-8{margin-top:2rem;margin-bottom:2rem}.sm\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.sm\:mt-0{margin-top:0}.sm\:ml-3{margin-left:.75rem}.sm\:mt-4{margin-top:1rem}.sm\:ml-4{margin-left:1rem}.sm\:mt-6{margin-top:1.5rem}.sm\:ml-6{margin-left:1.5rem}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-lg{max-width:32rem}.sm\:p-0{padding:0}.sm\:p-6{padding:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:inset-0{top:0;right:0;bottom:0;left:0}.sm\:text-left{text-align:left}.sm\:align-middle{vertical-align:middle}.sm\:w-10{width:2.5rem}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:gap-4{grid-gap:1rem;gap:1rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.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\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:flex-shrink-0{flex-shrink:0}.md\:text-sm{font-size:.875rem}.md\:text-2xl{font-size:1.5rem}.md\:mt-0{margin-top:0}.md\:mr-2{margin-right:.5rem}.md\:ml-2{margin-left:.5rem}.md\:mt-5{margin-top:1.25rem}.md\:ml-6{margin-left:1.5rem}.md\:mt-10{margin-top:2.5rem}.md\:-mr-1{margin-right:-.25rem}.md\:max-w-3xl{max-width:48rem}.md\:p-24{padding:6rem}.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\:grid-cols-12{grid-template-columns:repeat(12,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-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-start-2{grid-column-start:2}.md\:col-start-4{grid-column-start:4}}@media (min-width:1024px){.lg\:rounded-lg{border-radius:.5rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:items-center{align-items:center}.lg\:h-screen{height:100vh}.lg\:-mx-8{margin-left:-2rem;margin-right:-2rem}.lg\:mt-24{margin-top:6rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:w-1\/2{width:50%}.lg\:w-1\/4{width:25%}.lg\:w-1\/5{width:20%}.lg\:gap-4{grid-gap:1rem;gap:1rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-3{grid-column:span 3/span 3}.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-start-3{grid-column-start:3}.lg\:col-start-4{grid-column-start:4}}@media (min-width:1280px){.xl\:flex{display:flex}.xl\:justify-center{justify-content:center}.xl\:mt-32{margin-top:8rem}.xl\:px-16{padding-left:4rem;padding-right:4rem}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:col-span-6{grid-column:span 6/span 6}.xl\:col-span-8{grid-column:span 8/span 8}.xl\:col-span-9{grid-column:span 9/span 9}.xl\:col-start-4{grid-column-start:4}}
\ No newline at end of file
+/* purgecss start ignore */
+
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+  display: none;
+}
+
+/**
+ * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
+ * A thin layer on top of normalize.css that provides a starting point more
+ * suitable for web applications.
+ */
+
+/**
+ * Removes the default spacing and border for appropriate elements.
+ */
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+
+button {
+  background-color: transparent;
+  background-image: none;
+}
+
+/**
+ * Work around a Firefox/IE bug where the transparent `button` background
+ * results in a loss of the default `button` focus styles.
+ */
+
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+
+ol,
+ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+/**
+ * Tailwind custom reset styles
+ */
+
+/**
+ * 1. Use the user's configured `sans` font-family (with Tailwind's default
+ *    sans-serif font stack as a fallback) as a sane default.
+ * 2. Use Tailwind's default "normal" line-height so the user isn't forced
+ *    to override it to ensure consistency even when using the default theme.
+ */
+
+html {
+  font-family: Open Sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
+  line-height: 1.5; /* 2 */
+}
+
+/**
+ * 1. Prevent padding and border from affecting element width.
+ *
+ *    We used to set this in the html element and inherit from
+ *    the parent element for everything else. This caused issues
+ *    in shadow-dom-enhanced elements like <details> where the content
+ *    is wrapped by a div with box-sizing set to `content-box`.
+ *
+ *    https://github.com/mozdevs/cssremedy/issues/4
+ *
+ *
+ * 2. Allow adding a border to an element by just adding a border-width.
+ *
+ *    By default, the way the browser specifies that an element should have no
+ *    border is by setting it's border-style to `none` in the user-agent
+ *    stylesheet.
+ *
+ *    In order to easily add borders to elements by just setting the `border-width`
+ *    property, we change the default border-style for all elements to `solid`, and
+ *    use border-width to hide them instead. This way our `border` utilities only
+ *    need to set the `border-width` property instead of the entire `border`
+ *    shorthand, making our border utilities much more straightforward to compose.
+ *
+ *    https://github.com/tailwindcss/tailwindcss/pull/116
+ */
+
+*,
+::before,
+::after {
+  box-sizing: border-box; /* 1 */
+  border-width: 0; /* 2 */
+  border-style: solid; /* 2 */
+  border-color: #d2d6dc; /* 2 */
+}
+
+/*
+ * Ensure horizontal rules are visible by default
+ */
+
+hr {
+  border-top-width: 1px;
+}
+
+/**
+ * Undo the `border-style: none` reset that Normalize applies to images so that
+ * our `border-{width}` utilities have the expected effect.
+ *
+ * The Normalize reset is unnecessary for us since we default the border-width
+ * to 0 on all elements.
+ *
+ * https://github.com/tailwindcss/tailwindcss/issues/362
+ */
+
+img {
+  border-style: solid;
+}
+
+textarea {
+  resize: vertical;
+}
+
+input::-moz-placeholder, textarea::-moz-placeholder {
+  color: #a0aec0;
+}
+
+input:-ms-input-placeholder, textarea:-ms-input-placeholder {
+  color: #a0aec0;
+}
+
+input::placeholder,
+textarea::placeholder {
+  color: #a0aec0;
+}
+
+button,
+[role="button"] {
+  cursor: pointer;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+/**
+ * Reset links to optimize for opt-in styling instead of
+ * opt-out.
+ */
+
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+/**
+ * Reset form element properties that are easy to forget to
+ * style explicitly so you don't inadvertently introduce
+ * styles that deviate from your design system. These styles
+ * supplement a partial reset that is already applied by
+ * normalize.css.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  padding: 0;
+  line-height: inherit;
+  color: inherit;
+}
+
+/**
+ * Use the configured 'mono' font family for elements that
+ * are expected to be rendered with a monospace font, falling
+ * back to the system monospace stack if there is no configured
+ * 'mono' font family.
+ */
+
+pre,
+code,
+kbd,
+samp {
+  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+/**
+ * Make replaced elements `display: block` by default as that's
+ * the behavior you want almost all of the time. Inspired by
+ * CSS Remedy, with `svg` added as well.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/14
+ */
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block;
+  vertical-align: middle;
+}
+
+/**
+ * Constrain images and videos to the parent width and preserve
+ * their instrinsic aspect ratio.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/14
+ */
+
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
+.container {
+  width: 100%;
+}
+
+@media (min-width: 640px) {
+  .container {
+    max-width: 640px;
+  }
+}
+
+@media (min-width: 768px) {
+  .container {
+    max-width: 768px;
+  }
+}
+
+@media (min-width: 1024px) {
+  .container {
+    max-width: 1024px;
+  }
+}
+
+@media (min-width: 1280px) {
+  .container {
+    max-width: 1280px;
+  }
+}
+
+.form-input {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-color: #ffffff;
+  border-color: #d2d6dc;
+  border-width: 1px;
+  border-radius: 0.375rem;
+  padding-top: 0.5rem;
+  padding-right: 0.75rem;
+  padding-bottom: 0.5rem;
+  padding-left: 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.form-input::-moz-placeholder {
+  color: #9fa6b2;
+  opacity: 1;
+}
+
+.form-input:-ms-input-placeholder {
+  color: #9fa6b2;
+  opacity: 1;
+}
+
+.form-input::placeholder {
+  color: #9fa6b2;
+  opacity: 1;
+}
+
+.form-input:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  border-color: #a4cafe;
+}
+
+.form-textarea {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-color: #ffffff;
+  border-color: #d2d6dc;
+  border-width: 1px;
+  border-radius: 0.375rem;
+  padding-top: 0.5rem;
+  padding-right: 0.75rem;
+  padding-bottom: 0.5rem;
+  padding-left: 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.form-textarea::-moz-placeholder {
+  color: #9fa6b2;
+  opacity: 1;
+}
+
+.form-textarea:-ms-input-placeholder {
+  color: #9fa6b2;
+  opacity: 1;
+}
+
+.form-textarea::placeholder {
+  color: #9fa6b2;
+  opacity: 1;
+}
+
+.form-textarea:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  border-color: #a4cafe;
+}
+
+.form-multiselect {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-color: #ffffff;
+  border-color: #d2d6dc;
+  border-width: 1px;
+  border-radius: 0.375rem;
+  padding-top: 0.5rem;
+  padding-right: 0.75rem;
+  padding-bottom: 0.5rem;
+  padding-left: 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.form-multiselect:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  border-color: #a4cafe;
+}
+
+.form-select {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3e%3cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='%239fa6b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  -webkit-print-color-adjust: exact;
+          color-adjust: exact;
+  background-repeat: no-repeat;
+  background-color: #ffffff;
+  border-color: #d2d6dc;
+  border-width: 1px;
+  border-radius: 0.375rem;
+  padding-top: 0.5rem;
+  padding-right: 2.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5;
+  background-position: right 0.5rem center;
+  background-size: 1.5em 1.5em;
+}
+
+.form-select::-ms-expand {
+  color: #9fa6b2;
+  border: none;
+}
+
+@media not print {
+  .form-select::-ms-expand {
+    display: none;
+  }
+}
+
+@media print and (-ms-high-contrast: active), print and (-ms-high-contrast: none) {
+  .form-select {
+    padding-right: 0.75rem;
+  }
+}
+
+.form-select:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  border-color: #a4cafe;
+}
+
+.form-checkbox:checked {
+  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");
+  border-color: transparent;
+  background-color: currentColor;
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+@media not print {
+  .form-checkbox::-ms-check {
+    border-width: 1px;
+    color: transparent;
+    background: inherit;
+    border-color: inherit;
+    border-radius: inherit;
+  }
+}
+
+.form-checkbox {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  -webkit-print-color-adjust: exact;
+          color-adjust: exact;
+  display: inline-block;
+  vertical-align: middle;
+  background-origin: border-box;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  flex-shrink: 0;
+  height: 1rem;
+  width: 1rem;
+  color: #3f83f8;
+  background-color: #ffffff;
+  border-color: #d2d6dc;
+  border-width: 1px;
+  border-radius: 0.25rem;
+}
+
+.form-checkbox:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  border-color: #a4cafe;
+}
+
+.form-checkbox:checked:focus {
+  border-color: transparent;
+}
+
+.form-radio:checked {
+  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
+  border-color: transparent;
+  background-color: currentColor;
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+@media not print {
+  .form-radio::-ms-check {
+    border-width: 1px;
+    color: transparent;
+    background: inherit;
+    border-color: inherit;
+    border-radius: inherit;
+  }
+}
+
+.form-radio {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  -webkit-print-color-adjust: exact;
+          color-adjust: exact;
+  display: inline-block;
+  vertical-align: middle;
+  background-origin: border-box;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  flex-shrink: 0;
+  border-radius: 100%;
+  height: 1rem;
+  width: 1rem;
+  color: #3f83f8;
+  background-color: #ffffff;
+  border-color: #d2d6dc;
+  border-width: 1px;
+}
+
+.form-radio:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  border-color: #a4cafe;
+}
+
+.form-radio:checked:focus {
+  border-color: transparent;
+}
+
+.prose {
+  color: #374151;
+  max-width: 65ch;
+}
+
+.prose [class~="lead"] {
+  color: #4b5563;
+  font-size: 1.25em;
+  line-height: 1.6;
+  margin-top: 1.2em;
+  margin-bottom: 1.2em;
+}
+
+.prose a {
+  color: #5850ec;
+  text-decoration: none;
+  font-weight: 600;
+}
+
+.prose strong {
+  color: #161e2e;
+  font-weight: 600;
+}
+
+.prose ol {
+  counter-reset: list-counter;
+  margin-top: 1.25em;
+  margin-bottom: 1.25em;
+}
+
+.prose ol > li {
+  position: relative;
+  counter-increment: list-counter;
+  padding-left: 1.75em;
+}
+
+.prose ol > li::before {
+  content: counter(list-counter) ".";
+  position: absolute;
+  font-weight: 400;
+  color: #6b7280;
+}
+
+.prose ul > li {
+  position: relative;
+  padding-left: 1.75em;
+}
+
+.prose ul > li::before {
+  content: "";
+  position: absolute;
+  background-color: #d2d6dc;
+  border-radius: 50%;
+  width: 0.375em;
+  height: 0.375em;
+  top: calc(0.875em - 0.1875em);
+  left: 0.25em;
+}
+
+.prose hr {
+  border-color: #e5e7eb;
+  border-top-width: 1px;
+  margin-top: 3em;
+  margin-bottom: 3em;
+}
+
+.prose blockquote {
+  font-weight: 500;
+  font-style: italic;
+  color: #161e2e;
+  border-left-width: 0.25rem;
+  border-left-color: #e5e7eb;
+  quotes: "\201C""\201D""\2018""\2019";
+  margin-top: 1.6em;
+  margin-bottom: 1.6em;
+  padding-left: 1em;
+}
+
+.prose blockquote p:first-of-type::before {
+  content: open-quote;
+}
+
+.prose blockquote p:last-of-type::after {
+  content: close-quote;
+}
+
+.prose h1 {
+  color: #1a202c;
+  font-weight: 800;
+  font-size: 2.25em;
+  margin-top: 0;
+  margin-bottom: 0.8888889em;
+  line-height: 1.1111111;
+}
+
+.prose h2 {
+  color: #1a202c;
+  font-weight: 700;
+  font-size: 1.5em;
+  margin-top: 2em;
+  margin-bottom: 1em;
+  line-height: 1.3333333;
+}
+
+.prose h3 {
+  color: #1a202c;
+  font-weight: 600;
+  font-size: 1.25em;
+  margin-top: 1.6em;
+  margin-bottom: 0.6em;
+  line-height: 1.6;
+}
+
+.prose h4 {
+  color: #1a202c;
+  font-weight: 600;
+  margin-top: 1.5em;
+  margin-bottom: 0.5em;
+  line-height: 1.5;
+}
+
+.prose figure figcaption {
+  color: #6b7280;
+  font-size: 0.875em;
+  line-height: 1.4285714;
+  margin-top: 0.8571429em;
+}
+
+.prose code {
+  color: #161e2e;
+  font-weight: 600;
+  font-size: 0.875em;
+}
+
+.prose code::before {
+  content: "`";
+}
+
+.prose code::after {
+  content: "`";
+}
+
+.prose pre {
+  color: #e5e7eb;
+  background-color: #252f3f;
+  overflow-x: auto;
+  font-size: 0.875em;
+  line-height: 1.7142857;
+  margin-top: 1.7142857em;
+  margin-bottom: 1.7142857em;
+  border-radius: 0.375rem;
+  padding-top: 0.8571429em;
+  padding-right: 1.1428571em;
+  padding-bottom: 0.8571429em;
+  padding-left: 1.1428571em;
+}
+
+.prose pre code {
+  background-color: transparent;
+  border-width: 0;
+  border-radius: 0;
+  padding: 0;
+  font-weight: 400;
+  color: inherit;
+  font-size: inherit;
+  font-family: inherit;
+  line-height: inherit;
+}
+
+.prose pre code::before {
+  content: "";
+}
+
+.prose pre code::after {
+  content: "";
+}
+
+.prose table {
+  width: 100%;
+  table-layout: auto;
+  text-align: left;
+  margin-top: 2em;
+  margin-bottom: 2em;
+  font-size: 0.875em;
+  line-height: 1.7142857;
+}
+
+.prose thead {
+  color: #161e2e;
+  font-weight: 600;
+  border-bottom-width: 1px;
+  border-bottom-color: #d2d6dc;
+}
+
+.prose thead th {
+  vertical-align: bottom;
+  padding-right: 0.5714286em;
+  padding-bottom: 0.5714286em;
+  padding-left: 0.5714286em;
+}
+
+.prose tbody tr {
+  border-bottom-width: 1px;
+  border-bottom-color: #e5e7eb;
+}
+
+.prose tbody tr:last-child {
+  border-bottom-width: 0;
+}
+
+.prose tbody td {
+  vertical-align: top;
+  padding-top: 0.5714286em;
+  padding-right: 0.5714286em;
+  padding-bottom: 0.5714286em;
+  padding-left: 0.5714286em;
+}
+
+.prose {
+  font-size: 1rem;
+  line-height: 1.75;
+}
+
+.prose p {
+  margin-top: 1.25em;
+  margin-bottom: 1.25em;
+}
+
+.prose img {
+  margin-top: 2em;
+  margin-bottom: 2em;
+}
+
+.prose video {
+  margin-top: 2em;
+  margin-bottom: 2em;
+}
+
+.prose figure {
+  margin-top: 2em;
+  margin-bottom: 2em;
+}
+
+.prose figure > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.prose h2 code {
+  font-size: 0.875em;
+}
+
+.prose h3 code {
+  font-size: 0.9em;
+}
+
+.prose ul {
+  margin-top: 1.25em;
+  margin-bottom: 1.25em;
+}
+
+.prose li {
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}
+
+.prose ol > li:before {
+  left: 0;
+}
+
+.prose > ul > li p {
+  margin-top: 0.75em;
+  margin-bottom: 0.75em;
+}
+
+.prose > ul > li > *:first-child {
+  margin-top: 1.25em;
+}
+
+.prose > ul > li > *:last-child {
+  margin-bottom: 1.25em;
+}
+
+.prose > ol > li > *:first-child {
+  margin-top: 1.25em;
+}
+
+.prose > ol > li > *:last-child {
+  margin-bottom: 1.25em;
+}
+
+.prose ul ul, .prose ul ol, .prose ol ul, .prose ol ol {
+  margin-top: 0.75em;
+  margin-bottom: 0.75em;
+}
+
+.prose hr + * {
+  margin-top: 0;
+}
+
+.prose h2 + * {
+  margin-top: 0;
+}
+
+.prose h3 + * {
+  margin-top: 0;
+}
+
+.prose h4 + * {
+  margin-top: 0;
+}
+
+.prose thead th:first-child {
+  padding-left: 0;
+}
+
+.prose thead th:last-child {
+  padding-right: 0;
+}
+
+.prose tbody td:first-child {
+  padding-left: 0;
+}
+
+.prose tbody td:last-child {
+  padding-right: 0;
+}
+
+.prose > :first-child {
+  margin-top: 0;
+}
+
+.prose > :last-child {
+  margin-bottom: 0;
+}
+
+.prose h1, .prose h2, .prose h3, .prose h4 {
+  color: #161e2e;
+}
+
+.prose-sm {
+  font-size: 0.875rem;
+  line-height: 1.7142857;
+}
+
+.prose-sm p {
+  margin-top: 1.1428571em;
+  margin-bottom: 1.1428571em;
+}
+
+.prose-sm [class~="lead"] {
+  font-size: 1.2857143em;
+  line-height: 1.5555556;
+  margin-top: 0.8888889em;
+  margin-bottom: 0.8888889em;
+}
+
+.prose-sm blockquote {
+  margin-top: 1.3333333em;
+  margin-bottom: 1.3333333em;
+  padding-left: 1.1111111em;
+}
+
+.prose-sm h1 {
+  font-size: 2.1428571em;
+  margin-top: 0;
+  margin-bottom: 0.8em;
+  line-height: 1.2;
+}
+
+.prose-sm h2 {
+  font-size: 1.4285714em;
+  margin-top: 1.6em;
+  margin-bottom: 0.8em;
+  line-height: 1.4;
+}
+
+.prose-sm h3 {
+  font-size: 1.2857143em;
+  margin-top: 1.5555556em;
+  margin-bottom: 0.4444444em;
+  line-height: 1.5555556;
+}
+
+.prose-sm h4 {
+  margin-top: 1.4285714em;
+  margin-bottom: 0.5714286em;
+  line-height: 1.4285714;
+}
+
+.prose-sm img {
+  margin-top: 1.7142857em;
+  margin-bottom: 1.7142857em;
+}
+
+.prose-sm video {
+  margin-top: 1.7142857em;
+  margin-bottom: 1.7142857em;
+}
+
+.prose-sm figure {
+  margin-top: 1.7142857em;
+  margin-bottom: 1.7142857em;
+}
+
+.prose-sm figure > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.prose-sm figure figcaption {
+  font-size: 0.8571429em;
+  line-height: 1.3333333;
+  margin-top: 0.6666667em;
+}
+
+.prose-sm code {
+  font-size: 0.8571429em;
+}
+
+.prose-sm h2 code {
+  font-size: 0.9em;
+}
+
+.prose-sm h3 code {
+  font-size: 0.8888889em;
+}
+
+.prose-sm pre {
+  font-size: 0.8571429em;
+  line-height: 1.6666667;
+  margin-top: 1.6666667em;
+  margin-bottom: 1.6666667em;
+  border-radius: 0.25rem;
+  padding-top: 0.6666667em;
+  padding-right: 1em;
+  padding-bottom: 0.6666667em;
+  padding-left: 1em;
+}
+
+.prose-sm ol {
+  margin-top: 1.1428571em;
+  margin-bottom: 1.1428571em;
+}
+
+.prose-sm ul {
+  margin-top: 1.1428571em;
+  margin-bottom: 1.1428571em;
+}
+
+.prose-sm li {
+  margin-top: 0.2857143em;
+  margin-bottom: 0.2857143em;
+}
+
+.prose-sm ol > li {
+  padding-left: 1.5714286em;
+}
+
+.prose-sm ol > li:before {
+  left: 0;
+}
+
+.prose-sm ul > li {
+  padding-left: 1.5714286em;
+}
+
+.prose-sm ul > li::before {
+  height: 0.3571429em;
+  width: 0.3571429em;
+  top: calc(0.8571429em - 0.1785714em);
+  left: 0.2142857em;
+}
+
+.prose-sm > ul > li p {
+  margin-top: 0.5714286em;
+  margin-bottom: 0.5714286em;
+}
+
+.prose-sm > ul > li > *:first-child {
+  margin-top: 1.1428571em;
+}
+
+.prose-sm > ul > li > *:last-child {
+  margin-bottom: 1.1428571em;
+}
+
+.prose-sm > ol > li > *:first-child {
+  margin-top: 1.1428571em;
+}
+
+.prose-sm > ol > li > *:last-child {
+  margin-bottom: 1.1428571em;
+}
+
+.prose-sm ul ul, .prose-sm ul ol, .prose-sm ol ul, .prose-sm ol ol {
+  margin-top: 0.5714286em;
+  margin-bottom: 0.5714286em;
+}
+
+.prose-sm hr {
+  margin-top: 2.8571429em;
+  margin-bottom: 2.8571429em;
+}
+
+.prose-sm hr + * {
+  margin-top: 0;
+}
+
+.prose-sm h2 + * {
+  margin-top: 0;
+}
+
+.prose-sm h3 + * {
+  margin-top: 0;
+}
+
+.prose-sm h4 + * {
+  margin-top: 0;
+}
+
+.prose-sm table {
+  font-size: 0.8571429em;
+  line-height: 1.5;
+}
+
+.prose-sm thead th {
+  padding-right: 1em;
+  padding-bottom: 0.6666667em;
+  padding-left: 1em;
+}
+
+.prose-sm thead th:first-child {
+  padding-left: 0;
+}
+
+.prose-sm thead th:last-child {
+  padding-right: 0;
+}
+
+.prose-sm tbody td {
+  padding-top: 0.6666667em;
+  padding-right: 1em;
+  padding-bottom: 0.6666667em;
+  padding-left: 1em;
+}
+
+.prose-sm tbody td:first-child {
+  padding-left: 0;
+}
+
+.prose-sm tbody td:last-child {
+  padding-right: 0;
+}
+
+.prose-sm > :first-child {
+  margin-top: 0;
+}
+
+.prose-sm > :last-child {
+  margin-bottom: 0;
+}
+
+.prose-lg {
+  font-size: 1.125rem;
+  line-height: 1.7777778;
+}
+
+.prose-lg p {
+  margin-top: 1.3333333em;
+  margin-bottom: 1.3333333em;
+}
+
+.prose-lg [class~="lead"] {
+  font-size: 1.2222222em;
+  line-height: 1.4545455;
+  margin-top: 1.0909091em;
+  margin-bottom: 1.0909091em;
+}
+
+.prose-lg blockquote {
+  margin-top: 1.6666667em;
+  margin-bottom: 1.6666667em;
+  padding-left: 1em;
+}
+
+.prose-lg h1 {
+  font-size: 2.6666667em;
+  margin-top: 0;
+  margin-bottom: 0.8333333em;
+  line-height: 1;
+}
+
+.prose-lg h2 {
+  font-size: 1.6666667em;
+  margin-top: 1.8666667em;
+  margin-bottom: 1.0666667em;
+  line-height: 1.3333333;
+}
+
+.prose-lg h3 {
+  font-size: 1.3333333em;
+  margin-top: 1.6666667em;
+  margin-bottom: 0.6666667em;
+  line-height: 1.5;
+}
+
+.prose-lg h4 {
+  margin-top: 1.7777778em;
+  margin-bottom: 0.4444444em;
+  line-height: 1.5555556;
+}
+
+.prose-lg img {
+  margin-top: 1.7777778em;
+  margin-bottom: 1.7777778em;
+}
+
+.prose-lg video {
+  margin-top: 1.7777778em;
+  margin-bottom: 1.7777778em;
+}
+
+.prose-lg figure {
+  margin-top: 1.7777778em;
+  margin-bottom: 1.7777778em;
+}
+
+.prose-lg figure > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.prose-lg figure figcaption {
+  font-size: 0.8888889em;
+  line-height: 1.5;
+  margin-top: 1em;
+}
+
+.prose-lg code {
+  font-size: 0.8888889em;
+}
+
+.prose-lg h2 code {
+  font-size: 0.8666667em;
+}
+
+.prose-lg h3 code {
+  font-size: 0.875em;
+}
+
+.prose-lg pre {
+  font-size: 0.8888889em;
+  line-height: 1.75;
+  margin-top: 2em;
+  margin-bottom: 2em;
+  border-radius: 0.375rem;
+  padding-top: 1em;
+  padding-right: 1.5em;
+  padding-bottom: 1em;
+  padding-left: 1.5em;
+}
+
+.prose-lg ol {
+  margin-top: 1.3333333em;
+  margin-bottom: 1.3333333em;
+}
+
+.prose-lg ul {
+  margin-top: 1.3333333em;
+  margin-bottom: 1.3333333em;
+}
+
+.prose-lg li {
+  margin-top: 0.6666667em;
+  margin-bottom: 0.6666667em;
+}
+
+.prose-lg ol > li {
+  padding-left: 1.6666667em;
+}
+
+.prose-lg ol > li:before {
+  left: 0;
+}
+
+.prose-lg ul > li {
+  padding-left: 1.6666667em;
+}
+
+.prose-lg ul > li::before {
+  width: 0.3333333em;
+  height: 0.3333333em;
+  top: calc(0.8888889em - 0.1666667em);
+  left: 0.2222222em;
+}
+
+.prose-lg > ul > li p {
+  margin-top: 0.8888889em;
+  margin-bottom: 0.8888889em;
+}
+
+.prose-lg > ul > li > *:first-child {
+  margin-top: 1.3333333em;
+}
+
+.prose-lg > ul > li > *:last-child {
+  margin-bottom: 1.3333333em;
+}
+
+.prose-lg > ol > li > *:first-child {
+  margin-top: 1.3333333em;
+}
+
+.prose-lg > ol > li > *:last-child {
+  margin-bottom: 1.3333333em;
+}
+
+.prose-lg ul ul, .prose-lg ul ol, .prose-lg ol ul, .prose-lg ol ol {
+  margin-top: 0.8888889em;
+  margin-bottom: 0.8888889em;
+}
+
+.prose-lg hr {
+  margin-top: 3.1111111em;
+  margin-bottom: 3.1111111em;
+}
+
+.prose-lg hr + * {
+  margin-top: 0;
+}
+
+.prose-lg h2 + * {
+  margin-top: 0;
+}
+
+.prose-lg h3 + * {
+  margin-top: 0;
+}
+
+.prose-lg h4 + * {
+  margin-top: 0;
+}
+
+.prose-lg table {
+  font-size: 0.8888889em;
+  line-height: 1.5;
+}
+
+.prose-lg thead th {
+  padding-right: 0.75em;
+  padding-bottom: 0.75em;
+  padding-left: 0.75em;
+}
+
+.prose-lg thead th:first-child {
+  padding-left: 0;
+}
+
+.prose-lg thead th:last-child {
+  padding-right: 0;
+}
+
+.prose-lg tbody td {
+  padding-top: 0.75em;
+  padding-right: 0.75em;
+  padding-bottom: 0.75em;
+  padding-left: 0.75em;
+}
+
+.prose-lg tbody td:first-child {
+  padding-left: 0;
+}
+
+.prose-lg tbody td:last-child {
+  padding-right: 0;
+}
+
+.prose-lg > :first-child {
+  margin-top: 0;
+}
+
+.prose-lg > :last-child {
+  margin-bottom: 0;
+}
+
+.prose-xl {
+  font-size: 1.25rem;
+  line-height: 1.8;
+}
+
+.prose-xl p {
+  margin-top: 1.2em;
+  margin-bottom: 1.2em;
+}
+
+.prose-xl [class~="lead"] {
+  font-size: 1.2em;
+  line-height: 1.5;
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+
+.prose-xl blockquote {
+  margin-top: 1.6em;
+  margin-bottom: 1.6em;
+  padding-left: 1.0666667em;
+}
+
+.prose-xl h1 {
+  font-size: 2.8em;
+  margin-top: 0;
+  margin-bottom: 0.8571429em;
+  line-height: 1;
+}
+
+.prose-xl h2 {
+  font-size: 1.8em;
+  margin-top: 1.5555556em;
+  margin-bottom: 0.8888889em;
+  line-height: 1.1111111;
+}
+
+.prose-xl h3 {
+  font-size: 1.5em;
+  margin-top: 1.6em;
+  margin-bottom: 0.6666667em;
+  line-height: 1.3333333;
+}
+
+.prose-xl h4 {
+  margin-top: 1.8em;
+  margin-bottom: 0.6em;
+  line-height: 1.6;
+}
+
+.prose-xl img {
+  margin-top: 2em;
+  margin-bottom: 2em;
+}
+
+.prose-xl video {
+  margin-top: 2em;
+  margin-bottom: 2em;
+}
+
+.prose-xl figure {
+  margin-top: 2em;
+  margin-bottom: 2em;
+}
+
+.prose-xl figure > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.prose-xl figure figcaption {
+  font-size: 0.9em;
+  line-height: 1.5555556;
+  margin-top: 1em;
+}
+
+.prose-xl code {
+  font-size: 0.9em;
+}
+
+.prose-xl h2 code {
+  font-size: 0.8611111em;
+}
+
+.prose-xl h3 code {
+  font-size: 0.9em;
+}
+
+.prose-xl pre {
+  font-size: 0.9em;
+  line-height: 1.7777778;
+  margin-top: 2em;
+  margin-bottom: 2em;
+  border-radius: 0.5rem;
+  padding-top: 1.1111111em;
+  padding-right: 1.3333333em;
+  padding-bottom: 1.1111111em;
+  padding-left: 1.3333333em;
+}
+
+.prose-xl ol {
+  margin-top: 1.2em;
+  margin-bottom: 1.2em;
+}
+
+.prose-xl ul {
+  margin-top: 1.2em;
+  margin-bottom: 1.2em;
+}
+
+.prose-xl li {
+  margin-top: 0.6em;
+  margin-bottom: 0.6em;
+}
+
+.prose-xl ol > li {
+  padding-left: 1.8em;
+}
+
+.prose-xl ol > li:before {
+  left: 0;
+}
+
+.prose-xl ul > li {
+  padding-left: 1.8em;
+}
+
+.prose-xl ul > li::before {
+  width: 0.35em;
+  height: 0.35em;
+  top: calc(0.9em - 0.175em);
+  left: 0.25em;
+}
+
+.prose-xl > ul > li p {
+  margin-top: 0.8em;
+  margin-bottom: 0.8em;
+}
+
+.prose-xl > ul > li > *:first-child {
+  margin-top: 1.2em;
+}
+
+.prose-xl > ul > li > *:last-child {
+  margin-bottom: 1.2em;
+}
+
+.prose-xl > ol > li > *:first-child {
+  margin-top: 1.2em;
+}
+
+.prose-xl > ol > li > *:last-child {
+  margin-bottom: 1.2em;
+}
+
+.prose-xl ul ul, .prose-xl ul ol, .prose-xl ol ul, .prose-xl ol ol {
+  margin-top: 0.8em;
+  margin-bottom: 0.8em;
+}
+
+.prose-xl hr {
+  margin-top: 2.8em;
+  margin-bottom: 2.8em;
+}
+
+.prose-xl hr + * {
+  margin-top: 0;
+}
+
+.prose-xl h2 + * {
+  margin-top: 0;
+}
+
+.prose-xl h3 + * {
+  margin-top: 0;
+}
+
+.prose-xl h4 + * {
+  margin-top: 0;
+}
+
+.prose-xl table {
+  font-size: 0.9em;
+  line-height: 1.5555556;
+}
+
+.prose-xl thead th {
+  padding-right: 0.6666667em;
+  padding-bottom: 0.8888889em;
+  padding-left: 0.6666667em;
+}
+
+.prose-xl thead th:first-child {
+  padding-left: 0;
+}
+
+.prose-xl thead th:last-child {
+  padding-right: 0;
+}
+
+.prose-xl tbody td {
+  padding-top: 0.8888889em;
+  padding-right: 0.6666667em;
+  padding-bottom: 0.8888889em;
+  padding-left: 0.6666667em;
+}
+
+.prose-xl tbody td:first-child {
+  padding-left: 0;
+}
+
+.prose-xl tbody td:last-child {
+  padding-right: 0;
+}
+
+.prose-xl > :first-child {
+  margin-top: 0;
+}
+
+.prose-xl > :last-child {
+  margin-bottom: 0;
+}
+
+.prose-2xl {
+  font-size: 1.5rem;
+  line-height: 1.6666667;
+}
+
+.prose-2xl p {
+  margin-top: 1.3333333em;
+  margin-bottom: 1.3333333em;
+}
+
+.prose-2xl [class~="lead"] {
+  font-size: 1.25em;
+  line-height: 1.4666667;
+  margin-top: 1.0666667em;
+  margin-bottom: 1.0666667em;
+}
+
+.prose-2xl blockquote {
+  margin-top: 1.7777778em;
+  margin-bottom: 1.7777778em;
+  padding-left: 1.1111111em;
+}
+
+.prose-2xl h1 {
+  font-size: 2.6666667em;
+  margin-top: 0;
+  margin-bottom: 0.875em;
+  line-height: 1;
+}
+
+.prose-2xl h2 {
+  font-size: 2em;
+  margin-top: 1.5em;
+  margin-bottom: 0.8333333em;
+  line-height: 1.0833333;
+}
+
+.prose-2xl h3 {
+  font-size: 1.5em;
+  margin-top: 1.5555556em;
+  margin-bottom: 0.6666667em;
+  line-height: 1.2222222;
+}
+
+.prose-2xl h4 {
+  margin-top: 1.6666667em;
+  margin-bottom: 0.6666667em;
+  line-height: 1.5;
+}
+
+.prose-2xl img {
+  margin-top: 2em;
+  margin-bottom: 2em;
+}
+
+.prose-2xl video {
+  margin-top: 2em;
+  margin-bottom: 2em;
+}
+
+.prose-2xl figure {
+  margin-top: 2em;
+  margin-bottom: 2em;
+}
+
+.prose-2xl figure > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.prose-2xl figure figcaption {
+  font-size: 0.8333333em;
+  line-height: 1.6;
+  margin-top: 1em;
+}
+
+.prose-2xl code {
+  font-size: 0.8333333em;
+}
+
+.prose-2xl h2 code {
+  font-size: 0.875em;
+}
+
+.prose-2xl h3 code {
+  font-size: 0.8888889em;
+}
+
+.prose-2xl pre {
+  font-size: 0.8333333em;
+  line-height: 1.8;
+  margin-top: 2em;
+  margin-bottom: 2em;
+  border-radius: 0.5rem;
+  padding-top: 1.2em;
+  padding-right: 1.6em;
+  padding-bottom: 1.2em;
+  padding-left: 1.6em;
+}
+
+.prose-2xl ol {
+  margin-top: 1.3333333em;
+  margin-bottom: 1.3333333em;
+}
+
+.prose-2xl ul {
+  margin-top: 1.3333333em;
+  margin-bottom: 1.3333333em;
+}
+
+.prose-2xl li {
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}
+
+.prose-2xl ol > li {
+  padding-left: 1.6666667em;
+}
+
+.prose-2xl ol > li:before {
+  left: 0;
+}
+
+.prose-2xl ul > li {
+  padding-left: 1.6666667em;
+}
+
+.prose-2xl ul > li::before {
+  width: 0.3333333em;
+  height: 0.3333333em;
+  top: calc(0.8333333em - 0.1666667em);
+  left: 0.25em;
+}
+
+.prose-2xl > ul > li p {
+  margin-top: 0.8333333em;
+  margin-bottom: 0.8333333em;
+}
+
+.prose-2xl > ul > li > *:first-child {
+  margin-top: 1.3333333em;
+}
+
+.prose-2xl > ul > li > *:last-child {
+  margin-bottom: 1.3333333em;
+}
+
+.prose-2xl > ol > li > *:first-child {
+  margin-top: 1.3333333em;
+}
+
+.prose-2xl > ol > li > *:last-child {
+  margin-bottom: 1.3333333em;
+}
+
+.prose-2xl ul ul, .prose-2xl ul ol, .prose-2xl ol ul, .prose-2xl ol ol {
+  margin-top: 0.6666667em;
+  margin-bottom: 0.6666667em;
+}
+
+.prose-2xl hr {
+  margin-top: 3em;
+  margin-bottom: 3em;
+}
+
+.prose-2xl hr + * {
+  margin-top: 0;
+}
+
+.prose-2xl h2 + * {
+  margin-top: 0;
+}
+
+.prose-2xl h3 + * {
+  margin-top: 0;
+}
+
+.prose-2xl h4 + * {
+  margin-top: 0;
+}
+
+.prose-2xl table {
+  font-size: 0.8333333em;
+  line-height: 1.4;
+}
+
+.prose-2xl thead th {
+  padding-right: 0.6em;
+  padding-bottom: 0.8em;
+  padding-left: 0.6em;
+}
+
+.prose-2xl thead th:first-child {
+  padding-left: 0;
+}
+
+.prose-2xl thead th:last-child {
+  padding-right: 0;
+}
+
+.prose-2xl tbody td {
+  padding-top: 0.8em;
+  padding-right: 0.6em;
+  padding-bottom: 0.8em;
+  padding-left: 0.6em;
+}
+
+.prose-2xl tbody td:first-child {
+  padding-left: 0;
+}
+
+.prose-2xl tbody td:last-child {
+  padding-right: 0;
+}
+
+.prose-2xl > :first-child {
+  margin-top: 0;
+}
+
+.prose-2xl > :last-child {
+  margin-bottom: 0;
+}
+
+.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);
+}
+
+button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.button-primary {
+  --text-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--text-opacity));
+}
+
+.button-primary:hover {
+  font-weight: 600;
+}
+
+.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: #374151;
+  color: rgba(55, 65, 81, var(--text-opacity));
+}
+
+.button-link:hover {
+  --text-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--text-opacity));
+  text-decoration: underline;
+}
+
+.button-link:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  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: 2px solid transparent;
+  outline-offset: 2px;
+  --bg-opacity: 1;
+  background-color: #f9fafb;
+  background-color: rgba(249, 250, 251, var(--bg-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;
+  --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: 2px solid transparent;
+  outline-offset: 2px;
+  --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;
+}
+
+/* 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-44 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(11rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(11rem * var(--space-y-reverse));
+}
+
+.space-x-44 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(11rem * var(--space-x-reverse));
+  margin-left: calc(11rem * 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-52 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(13rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(13rem * var(--space-y-reverse));
+}
+
+.space-x-52 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(13rem * var(--space-x-reverse));
+  margin-left: calc(13rem * 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-44 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-11rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-11rem * var(--space-y-reverse));
+}
+
+.-space-x-44 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-11rem * var(--space-x-reverse));
+  margin-left: calc(-11rem * 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-52 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-13rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-13rem * var(--space-y-reverse));
+}
+
+.-space-x-52 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-13rem * var(--space-x-reverse));
+  margin-left: calc(-13rem * 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-current > :not(template) ~ :not(template) {
+  border-color: currentColor;
+}
+
+.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-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: #73230d;
+  border-color: rgba(115, 35, 13, 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-cool-gray-50 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #f8fafc;
+  border-color: rgba(248, 250, 252, 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-solid > :not(template) ~ :not(template) {
+  border-style: solid;
+}
+
+.divide-dashed > :not(template) ~ :not(template) {
+  border-style: dashed;
+}
+
+.divide-dotted > :not(template) ~ :not(template) {
+  border-style: dotted;
+}
+
+.divide-double > :not(template) ~ :not(template) {
+  border-style: double;
+}
+
+.divide-none > :not(template) ~ :not(template) {
+  border-style: none;
+}
+
+.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-clip-border {
+  background-clip: border-box;
+}
+
+.bg-clip-padding {
+  background-clip: padding-box;
+}
+
+.bg-clip-content {
+  background-clip: content-box;
+}
+
+.bg-clip-text {
+  -webkit-background-clip: text;
+          background-clip: text;
+}
+
+.bg-current {
+  background-color: currentColor;
+}
+
+.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-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: #73230d;
+  background-color: rgba(115, 35, 13, 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));
+}
+
+.bg-cool-gray-50 {
+  --bg-opacity: 1;
+  background-color: #f8fafc;
+  background-color: rgba(248, 250, 252, 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));
+}
+
+.group:hover .group-hover\:bg-current {
+  background-color: currentColor;
+}
+
+.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-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: #73230d;
+  background-color: rgba(115, 35, 13, 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:hover .group-hover\:bg-cool-gray-50 {
+  --bg-opacity: 1;
+  background-color: #f8fafc;
+  background-color: rgba(248, 250, 252, 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:focus .group-focus\:bg-current {
+  background-color: currentColor;
+}
+
+.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-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: #73230d;
+  background-color: rgba(115, 35, 13, 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));
+}
+
+.group:focus .group-focus\:bg-cool-gray-50 {
+  --bg-opacity: 1;
+  background-color: #f8fafc;
+  background-color: rgba(248, 250, 252, 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));
+}
+
+.hover\:bg-current:hover {
+  background-color: currentColor;
+}
+
+.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-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: #73230d;
+  background-color: rgba(115, 35, 13, 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));
+}
+
+.hover\:bg-cool-gray-50:hover {
+  --bg-opacity: 1;
+  background-color: #f8fafc;
+  background-color: rgba(248, 250, 252, 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));
+}
+
+.focus\:bg-current:focus {
+  background-color: currentColor;
+}
+
+.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-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: #73230d;
+  background-color: rgba(115, 35, 13, 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));
+}
+
+.focus\:bg-cool-gray-50:focus {
+  --bg-opacity: 1;
+  background-color: #f8fafc;
+  background-color: rgba(248, 250, 252, 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));
+}
+
+.active\:bg-current:active {
+  background-color: currentColor;
+}
+
+.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-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: #73230d;
+  background-color: rgba(115, 35, 13, 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));
+}
+
+.active\:bg-cool-gray-50:active {
+  --bg-opacity: 1;
+  background-color: #f8fafc;
+  background-color: rgba(248, 250, 252, 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));
+}
+
+.bg-none {
+  background-image: none;
+}
+
+.bg-gradient-to-t {
+  background-image: linear-gradient(to top, var(--gradient-color-stops));
+}
+
+.bg-gradient-to-tr {
+  background-image: linear-gradient(to top right, var(--gradient-color-stops));
+}
+
+.bg-gradient-to-r {
+  background-image: linear-gradient(to right, var(--gradient-color-stops));
+}
+
+.bg-gradient-to-br {
+  background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
+}
+
+.bg-gradient-to-b {
+  background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+}
+
+.bg-gradient-to-bl {
+  background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+}
+
+.bg-gradient-to-l {
+  background-image: linear-gradient(to left, var(--gradient-color-stops));
+}
+
+.bg-gradient-to-tl {
+  background-image: linear-gradient(to top left, var(--gradient-color-stops));
+}
+
+.from-current {
+  --gradient-from-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+}
+
+.from-transparent {
+  --gradient-from-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+}
+
+.from-white {
+  --gradient-from-color: #ffffff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+}
+
+.from-black {
+  --gradient-from-color: #000000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+}
+
+.from-gray-50 {
+  --gradient-from-color: #f9fafb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+}
+
+.from-gray-100 {
+  --gradient-from-color: #f4f5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+}
+
+.from-gray-200 {
+  --gradient-from-color: #e5e7eb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+}
+
+.from-gray-300 {
+  --gradient-from-color: #d2d6dc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+}
+
+.from-gray-400 {
+  --gradient-from-color: #9fa6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+}
+
+.from-gray-500 {
+  --gradient-from-color: #6b7280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+}
+
+.from-gray-600 {
+  --gradient-from-color: #4b5563;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+}
+
+.from-gray-700 {
+  --gradient-from-color: #374151;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+}
+
+.from-gray-800 {
+  --gradient-from-color: #252f3f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+}
+
+.from-gray-900 {
+  --gradient-from-color: #161e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+}
+
+.from-red-50 {
+  --gradient-from-color: #fdf2f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+}
+
+.from-red-100 {
+  --gradient-from-color: #fde8e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+}
+
+.from-red-200 {
+  --gradient-from-color: #fbd5d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+}
+
+.from-red-300 {
+  --gradient-from-color: #f8b4b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+}
+
+.from-red-400 {
+  --gradient-from-color: #f98080;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+}
+
+.from-red-500 {
+  --gradient-from-color: #f05252;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+}
+
+.from-red-600 {
+  --gradient-from-color: #e02424;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+}
+
+.from-red-700 {
+  --gradient-from-color: #c81e1e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+}
+
+.from-red-800 {
+  --gradient-from-color: #9b1c1c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+}
+
+.from-red-900 {
+  --gradient-from-color: #771d1d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+}
+
+.from-orange-50 {
+  --gradient-from-color: #fff8f1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+}
+
+.from-orange-100 {
+  --gradient-from-color: #feecdc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+}
+
+.from-orange-200 {
+  --gradient-from-color: #fcd9bd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+}
+
+.from-orange-300 {
+  --gradient-from-color: #fdba8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+}
+
+.from-orange-400 {
+  --gradient-from-color: #ff8a4c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+}
+
+.from-orange-500 {
+  --gradient-from-color: #ff5a1f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+}
+
+.from-orange-600 {
+  --gradient-from-color: #d03801;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+}
+
+.from-orange-700 {
+  --gradient-from-color: #b43403;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+}
+
+.from-orange-800 {
+  --gradient-from-color: #8a2c0d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+}
+
+.from-orange-900 {
+  --gradient-from-color: #73230d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+}
+
+.from-yellow-50 {
+  --gradient-from-color: #fdfdea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+}
+
+.from-yellow-100 {
+  --gradient-from-color: #fdf6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+}
+
+.from-yellow-200 {
+  --gradient-from-color: #fce96a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+}
+
+.from-yellow-300 {
+  --gradient-from-color: #faca15;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+}
+
+.from-yellow-400 {
+  --gradient-from-color: #e3a008;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+}
+
+.from-yellow-500 {
+  --gradient-from-color: #c27803;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+}
+
+.from-yellow-600 {
+  --gradient-from-color: #9f580a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+}
+
+.from-yellow-700 {
+  --gradient-from-color: #8e4b10;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+}
+
+.from-yellow-800 {
+  --gradient-from-color: #723b13;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+}
+
+.from-yellow-900 {
+  --gradient-from-color: #633112;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+}
+
+.from-green-50 {
+  --gradient-from-color: #f3faf7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+}
+
+.from-green-100 {
+  --gradient-from-color: #def7ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+}
+
+.from-green-200 {
+  --gradient-from-color: #bcf0da;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+}
+
+.from-green-300 {
+  --gradient-from-color: #84e1bc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+}
+
+.from-green-400 {
+  --gradient-from-color: #31c48d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+}
+
+.from-green-500 {
+  --gradient-from-color: #0e9f6e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+}
+
+.from-green-600 {
+  --gradient-from-color: #057a55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+}
+
+.from-green-700 {
+  --gradient-from-color: #046c4e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+}
+
+.from-green-800 {
+  --gradient-from-color: #03543f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+}
+
+.from-green-900 {
+  --gradient-from-color: #014737;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+}
+
+.from-teal-50 {
+  --gradient-from-color: #edfafa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+}
+
+.from-teal-100 {
+  --gradient-from-color: #d5f5f6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+}
+
+.from-teal-200 {
+  --gradient-from-color: #afecef;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+}
+
+.from-teal-300 {
+  --gradient-from-color: #7edce2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+}
+
+.from-teal-400 {
+  --gradient-from-color: #16bdca;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+}
+
+.from-teal-500 {
+  --gradient-from-color: #0694a2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+}
+
+.from-teal-600 {
+  --gradient-from-color: #047481;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+}
+
+.from-teal-700 {
+  --gradient-from-color: #036672;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+}
+
+.from-teal-800 {
+  --gradient-from-color: #05505c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+}
+
+.from-teal-900 {
+  --gradient-from-color: #014451;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+}
+
+.from-blue-50 {
+  --gradient-from-color: #ebf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+}
+
+.from-blue-100 {
+  --gradient-from-color: #e1effe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+}
+
+.from-blue-200 {
+  --gradient-from-color: #c3ddfd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+}
+
+.from-blue-300 {
+  --gradient-from-color: #a4cafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+}
+
+.from-blue-400 {
+  --gradient-from-color: #76a9fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+}
+
+.from-blue-500 {
+  --gradient-from-color: #3f83f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+}
+
+.from-blue-600 {
+  --gradient-from-color: #1c64f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+}
+
+.from-blue-700 {
+  --gradient-from-color: #1a56db;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+}
+
+.from-blue-800 {
+  --gradient-from-color: #1e429f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+}
+
+.from-blue-900 {
+  --gradient-from-color: #233876;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+}
+
+.from-indigo-50 {
+  --gradient-from-color: #f0f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+}
+
+.from-indigo-100 {
+  --gradient-from-color: #e5edff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+}
+
+.from-indigo-200 {
+  --gradient-from-color: #cddbfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+}
+
+.from-indigo-300 {
+  --gradient-from-color: #b4c6fc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+}
+
+.from-indigo-400 {
+  --gradient-from-color: #8da2fb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+}
+
+.from-indigo-500 {
+  --gradient-from-color: #6875f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+}
+
+.from-indigo-600 {
+  --gradient-from-color: #5850ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+}
+
+.from-indigo-700 {
+  --gradient-from-color: #5145cd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+}
+
+.from-indigo-800 {
+  --gradient-from-color: #42389d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+}
+
+.from-indigo-900 {
+  --gradient-from-color: #362f78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+}
+
+.from-purple-50 {
+  --gradient-from-color: #f6f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+}
+
+.from-purple-100 {
+  --gradient-from-color: #edebfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+}
+
+.from-purple-200 {
+  --gradient-from-color: #dcd7fe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+}
+
+.from-purple-300 {
+  --gradient-from-color: #cabffd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+}
+
+.from-purple-400 {
+  --gradient-from-color: #ac94fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+}
+
+.from-purple-500 {
+  --gradient-from-color: #9061f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+}
+
+.from-purple-600 {
+  --gradient-from-color: #7e3af2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+}
+
+.from-purple-700 {
+  --gradient-from-color: #6c2bd9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+}
+
+.from-purple-800 {
+  --gradient-from-color: #5521b5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+}
+
+.from-purple-900 {
+  --gradient-from-color: #4a1d96;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+}
+
+.from-pink-50 {
+  --gradient-from-color: #fdf2f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+}
+
+.from-pink-100 {
+  --gradient-from-color: #fce8f3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+}
+
+.from-pink-200 {
+  --gradient-from-color: #fad1e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+}
+
+.from-pink-300 {
+  --gradient-from-color: #f8b4d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+}
+
+.from-pink-400 {
+  --gradient-from-color: #f17eb8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+}
+
+.from-pink-500 {
+  --gradient-from-color: #e74694;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+}
+
+.from-pink-600 {
+  --gradient-from-color: #d61f69;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+}
+
+.from-pink-700 {
+  --gradient-from-color: #bf125d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+}
+
+.from-pink-800 {
+  --gradient-from-color: #99154b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+}
+
+.from-pink-900 {
+  --gradient-from-color: #751a3d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+}
+
+.from-cool-gray-50 {
+  --gradient-from-color: #f8fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+}
+
+.from-cool-gray-100 {
+  --gradient-from-color: #f1f5f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+}
+
+.from-cool-gray-200 {
+  --gradient-from-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+}
+
+.from-cool-gray-300 {
+  --gradient-from-color: #cfd8e3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+}
+
+.from-cool-gray-400 {
+  --gradient-from-color: #97a6ba;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+}
+
+.from-cool-gray-500 {
+  --gradient-from-color: #64748b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+}
+
+.from-cool-gray-600 {
+  --gradient-from-color: #475569;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+}
+
+.from-cool-gray-700 {
+  --gradient-from-color: #364152;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+}
+
+.from-cool-gray-800 {
+  --gradient-from-color: #27303f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+}
+
+.from-cool-gray-900 {
+  --gradient-from-color: #1a202e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+}
+
+.via-current {
+  --gradient-via-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+}
+
+.via-transparent {
+  --gradient-via-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+}
+
+.via-white {
+  --gradient-via-color: #ffffff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+}
+
+.via-black {
+  --gradient-via-color: #000000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+}
+
+.via-gray-50 {
+  --gradient-via-color: #f9fafb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+}
+
+.via-gray-100 {
+  --gradient-via-color: #f4f5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+}
+
+.via-gray-200 {
+  --gradient-via-color: #e5e7eb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+}
+
+.via-gray-300 {
+  --gradient-via-color: #d2d6dc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+}
+
+.via-gray-400 {
+  --gradient-via-color: #9fa6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+}
+
+.via-gray-500 {
+  --gradient-via-color: #6b7280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+}
+
+.via-gray-600 {
+  --gradient-via-color: #4b5563;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+}
+
+.via-gray-700 {
+  --gradient-via-color: #374151;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+}
+
+.via-gray-800 {
+  --gradient-via-color: #252f3f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+}
+
+.via-gray-900 {
+  --gradient-via-color: #161e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+}
+
+.via-red-50 {
+  --gradient-via-color: #fdf2f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+}
+
+.via-red-100 {
+  --gradient-via-color: #fde8e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+}
+
+.via-red-200 {
+  --gradient-via-color: #fbd5d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+}
+
+.via-red-300 {
+  --gradient-via-color: #f8b4b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+}
+
+.via-red-400 {
+  --gradient-via-color: #f98080;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+}
+
+.via-red-500 {
+  --gradient-via-color: #f05252;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+}
+
+.via-red-600 {
+  --gradient-via-color: #e02424;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+}
+
+.via-red-700 {
+  --gradient-via-color: #c81e1e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+}
+
+.via-red-800 {
+  --gradient-via-color: #9b1c1c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+}
+
+.via-red-900 {
+  --gradient-via-color: #771d1d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+}
+
+.via-orange-50 {
+  --gradient-via-color: #fff8f1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+}
+
+.via-orange-100 {
+  --gradient-via-color: #feecdc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+}
+
+.via-orange-200 {
+  --gradient-via-color: #fcd9bd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+}
+
+.via-orange-300 {
+  --gradient-via-color: #fdba8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+}
+
+.via-orange-400 {
+  --gradient-via-color: #ff8a4c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+}
+
+.via-orange-500 {
+  --gradient-via-color: #ff5a1f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+}
+
+.via-orange-600 {
+  --gradient-via-color: #d03801;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+}
+
+.via-orange-700 {
+  --gradient-via-color: #b43403;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+}
+
+.via-orange-800 {
+  --gradient-via-color: #8a2c0d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+}
+
+.via-orange-900 {
+  --gradient-via-color: #73230d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+}
+
+.via-yellow-50 {
+  --gradient-via-color: #fdfdea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+}
+
+.via-yellow-100 {
+  --gradient-via-color: #fdf6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+}
+
+.via-yellow-200 {
+  --gradient-via-color: #fce96a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+}
+
+.via-yellow-300 {
+  --gradient-via-color: #faca15;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+}
+
+.via-yellow-400 {
+  --gradient-via-color: #e3a008;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+}
+
+.via-yellow-500 {
+  --gradient-via-color: #c27803;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+}
+
+.via-yellow-600 {
+  --gradient-via-color: #9f580a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+}
+
+.via-yellow-700 {
+  --gradient-via-color: #8e4b10;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+}
+
+.via-yellow-800 {
+  --gradient-via-color: #723b13;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+}
+
+.via-yellow-900 {
+  --gradient-via-color: #633112;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+}
+
+.via-green-50 {
+  --gradient-via-color: #f3faf7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+}
+
+.via-green-100 {
+  --gradient-via-color: #def7ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+}
+
+.via-green-200 {
+  --gradient-via-color: #bcf0da;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+}
+
+.via-green-300 {
+  --gradient-via-color: #84e1bc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+}
+
+.via-green-400 {
+  --gradient-via-color: #31c48d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+}
+
+.via-green-500 {
+  --gradient-via-color: #0e9f6e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+}
+
+.via-green-600 {
+  --gradient-via-color: #057a55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+}
+
+.via-green-700 {
+  --gradient-via-color: #046c4e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+}
+
+.via-green-800 {
+  --gradient-via-color: #03543f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+}
+
+.via-green-900 {
+  --gradient-via-color: #014737;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+}
+
+.via-teal-50 {
+  --gradient-via-color: #edfafa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+}
+
+.via-teal-100 {
+  --gradient-via-color: #d5f5f6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+}
+
+.via-teal-200 {
+  --gradient-via-color: #afecef;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+}
+
+.via-teal-300 {
+  --gradient-via-color: #7edce2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+}
+
+.via-teal-400 {
+  --gradient-via-color: #16bdca;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+}
+
+.via-teal-500 {
+  --gradient-via-color: #0694a2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+}
+
+.via-teal-600 {
+  --gradient-via-color: #047481;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+}
+
+.via-teal-700 {
+  --gradient-via-color: #036672;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+}
+
+.via-teal-800 {
+  --gradient-via-color: #05505c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+}
+
+.via-teal-900 {
+  --gradient-via-color: #014451;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+}
+
+.via-blue-50 {
+  --gradient-via-color: #ebf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+}
+
+.via-blue-100 {
+  --gradient-via-color: #e1effe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+}
+
+.via-blue-200 {
+  --gradient-via-color: #c3ddfd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+}
+
+.via-blue-300 {
+  --gradient-via-color: #a4cafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+}
+
+.via-blue-400 {
+  --gradient-via-color: #76a9fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+}
+
+.via-blue-500 {
+  --gradient-via-color: #3f83f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+}
+
+.via-blue-600 {
+  --gradient-via-color: #1c64f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+}
+
+.via-blue-700 {
+  --gradient-via-color: #1a56db;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+}
+
+.via-blue-800 {
+  --gradient-via-color: #1e429f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+}
+
+.via-blue-900 {
+  --gradient-via-color: #233876;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+}
+
+.via-indigo-50 {
+  --gradient-via-color: #f0f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+}
+
+.via-indigo-100 {
+  --gradient-via-color: #e5edff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+}
+
+.via-indigo-200 {
+  --gradient-via-color: #cddbfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+}
+
+.via-indigo-300 {
+  --gradient-via-color: #b4c6fc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+}
+
+.via-indigo-400 {
+  --gradient-via-color: #8da2fb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+}
+
+.via-indigo-500 {
+  --gradient-via-color: #6875f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+}
+
+.via-indigo-600 {
+  --gradient-via-color: #5850ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+}
+
+.via-indigo-700 {
+  --gradient-via-color: #5145cd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+}
+
+.via-indigo-800 {
+  --gradient-via-color: #42389d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+}
+
+.via-indigo-900 {
+  --gradient-via-color: #362f78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+}
+
+.via-purple-50 {
+  --gradient-via-color: #f6f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+}
+
+.via-purple-100 {
+  --gradient-via-color: #edebfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+}
+
+.via-purple-200 {
+  --gradient-via-color: #dcd7fe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+}
+
+.via-purple-300 {
+  --gradient-via-color: #cabffd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+}
+
+.via-purple-400 {
+  --gradient-via-color: #ac94fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+}
+
+.via-purple-500 {
+  --gradient-via-color: #9061f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+}
+
+.via-purple-600 {
+  --gradient-via-color: #7e3af2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+}
+
+.via-purple-700 {
+  --gradient-via-color: #6c2bd9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+}
+
+.via-purple-800 {
+  --gradient-via-color: #5521b5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+}
+
+.via-purple-900 {
+  --gradient-via-color: #4a1d96;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+}
+
+.via-pink-50 {
+  --gradient-via-color: #fdf2f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+}
+
+.via-pink-100 {
+  --gradient-via-color: #fce8f3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+}
+
+.via-pink-200 {
+  --gradient-via-color: #fad1e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+}
+
+.via-pink-300 {
+  --gradient-via-color: #f8b4d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+}
+
+.via-pink-400 {
+  --gradient-via-color: #f17eb8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+}
+
+.via-pink-500 {
+  --gradient-via-color: #e74694;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+}
+
+.via-pink-600 {
+  --gradient-via-color: #d61f69;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+}
+
+.via-pink-700 {
+  --gradient-via-color: #bf125d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+}
+
+.via-pink-800 {
+  --gradient-via-color: #99154b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+}
+
+.via-pink-900 {
+  --gradient-via-color: #751a3d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+}
+
+.via-cool-gray-50 {
+  --gradient-via-color: #f8fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+}
+
+.via-cool-gray-100 {
+  --gradient-via-color: #f1f5f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+}
+
+.via-cool-gray-200 {
+  --gradient-via-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+}
+
+.via-cool-gray-300 {
+  --gradient-via-color: #cfd8e3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+}
+
+.via-cool-gray-400 {
+  --gradient-via-color: #97a6ba;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+}
+
+.via-cool-gray-500 {
+  --gradient-via-color: #64748b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+}
+
+.via-cool-gray-600 {
+  --gradient-via-color: #475569;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+}
+
+.via-cool-gray-700 {
+  --gradient-via-color: #364152;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+}
+
+.via-cool-gray-800 {
+  --gradient-via-color: #27303f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+}
+
+.via-cool-gray-900 {
+  --gradient-via-color: #1a202e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+}
+
+.to-current {
+  --gradient-to-color: currentColor;
+}
+
+.to-transparent {
+  --gradient-to-color: transparent;
+}
+
+.to-white {
+  --gradient-to-color: #ffffff;
+}
+
+.to-black {
+  --gradient-to-color: #000000;
+}
+
+.to-gray-50 {
+  --gradient-to-color: #f9fafb;
+}
+
+.to-gray-100 {
+  --gradient-to-color: #f4f5f7;
+}
+
+.to-gray-200 {
+  --gradient-to-color: #e5e7eb;
+}
+
+.to-gray-300 {
+  --gradient-to-color: #d2d6dc;
+}
+
+.to-gray-400 {
+  --gradient-to-color: #9fa6b2;
+}
+
+.to-gray-500 {
+  --gradient-to-color: #6b7280;
+}
+
+.to-gray-600 {
+  --gradient-to-color: #4b5563;
+}
+
+.to-gray-700 {
+  --gradient-to-color: #374151;
+}
+
+.to-gray-800 {
+  --gradient-to-color: #252f3f;
+}
+
+.to-gray-900 {
+  --gradient-to-color: #161e2e;
+}
+
+.to-red-50 {
+  --gradient-to-color: #fdf2f2;
+}
+
+.to-red-100 {
+  --gradient-to-color: #fde8e8;
+}
+
+.to-red-200 {
+  --gradient-to-color: #fbd5d5;
+}
+
+.to-red-300 {
+  --gradient-to-color: #f8b4b4;
+}
+
+.to-red-400 {
+  --gradient-to-color: #f98080;
+}
+
+.to-red-500 {
+  --gradient-to-color: #f05252;
+}
+
+.to-red-600 {
+  --gradient-to-color: #e02424;
+}
+
+.to-red-700 {
+  --gradient-to-color: #c81e1e;
+}
+
+.to-red-800 {
+  --gradient-to-color: #9b1c1c;
+}
+
+.to-red-900 {
+  --gradient-to-color: #771d1d;
+}
+
+.to-orange-50 {
+  --gradient-to-color: #fff8f1;
+}
+
+.to-orange-100 {
+  --gradient-to-color: #feecdc;
+}
+
+.to-orange-200 {
+  --gradient-to-color: #fcd9bd;
+}
+
+.to-orange-300 {
+  --gradient-to-color: #fdba8c;
+}
+
+.to-orange-400 {
+  --gradient-to-color: #ff8a4c;
+}
+
+.to-orange-500 {
+  --gradient-to-color: #ff5a1f;
+}
+
+.to-orange-600 {
+  --gradient-to-color: #d03801;
+}
+
+.to-orange-700 {
+  --gradient-to-color: #b43403;
+}
+
+.to-orange-800 {
+  --gradient-to-color: #8a2c0d;
+}
+
+.to-orange-900 {
+  --gradient-to-color: #73230d;
+}
+
+.to-yellow-50 {
+  --gradient-to-color: #fdfdea;
+}
+
+.to-yellow-100 {
+  --gradient-to-color: #fdf6b2;
+}
+
+.to-yellow-200 {
+  --gradient-to-color: #fce96a;
+}
+
+.to-yellow-300 {
+  --gradient-to-color: #faca15;
+}
+
+.to-yellow-400 {
+  --gradient-to-color: #e3a008;
+}
+
+.to-yellow-500 {
+  --gradient-to-color: #c27803;
+}
+
+.to-yellow-600 {
+  --gradient-to-color: #9f580a;
+}
+
+.to-yellow-700 {
+  --gradient-to-color: #8e4b10;
+}
+
+.to-yellow-800 {
+  --gradient-to-color: #723b13;
+}
+
+.to-yellow-900 {
+  --gradient-to-color: #633112;
+}
+
+.to-green-50 {
+  --gradient-to-color: #f3faf7;
+}
+
+.to-green-100 {
+  --gradient-to-color: #def7ec;
+}
+
+.to-green-200 {
+  --gradient-to-color: #bcf0da;
+}
+
+.to-green-300 {
+  --gradient-to-color: #84e1bc;
+}
+
+.to-green-400 {
+  --gradient-to-color: #31c48d;
+}
+
+.to-green-500 {
+  --gradient-to-color: #0e9f6e;
+}
+
+.to-green-600 {
+  --gradient-to-color: #057a55;
+}
+
+.to-green-700 {
+  --gradient-to-color: #046c4e;
+}
+
+.to-green-800 {
+  --gradient-to-color: #03543f;
+}
+
+.to-green-900 {
+  --gradient-to-color: #014737;
+}
+
+.to-teal-50 {
+  --gradient-to-color: #edfafa;
+}
+
+.to-teal-100 {
+  --gradient-to-color: #d5f5f6;
+}
+
+.to-teal-200 {
+  --gradient-to-color: #afecef;
+}
+
+.to-teal-300 {
+  --gradient-to-color: #7edce2;
+}
+
+.to-teal-400 {
+  --gradient-to-color: #16bdca;
+}
+
+.to-teal-500 {
+  --gradient-to-color: #0694a2;
+}
+
+.to-teal-600 {
+  --gradient-to-color: #047481;
+}
+
+.to-teal-700 {
+  --gradient-to-color: #036672;
+}
+
+.to-teal-800 {
+  --gradient-to-color: #05505c;
+}
+
+.to-teal-900 {
+  --gradient-to-color: #014451;
+}
+
+.to-blue-50 {
+  --gradient-to-color: #ebf5ff;
+}
+
+.to-blue-100 {
+  --gradient-to-color: #e1effe;
+}
+
+.to-blue-200 {
+  --gradient-to-color: #c3ddfd;
+}
+
+.to-blue-300 {
+  --gradient-to-color: #a4cafe;
+}
+
+.to-blue-400 {
+  --gradient-to-color: #76a9fa;
+}
+
+.to-blue-500 {
+  --gradient-to-color: #3f83f8;
+}
+
+.to-blue-600 {
+  --gradient-to-color: #1c64f2;
+}
+
+.to-blue-700 {
+  --gradient-to-color: #1a56db;
+}
+
+.to-blue-800 {
+  --gradient-to-color: #1e429f;
+}
+
+.to-blue-900 {
+  --gradient-to-color: #233876;
+}
+
+.to-indigo-50 {
+  --gradient-to-color: #f0f5ff;
+}
+
+.to-indigo-100 {
+  --gradient-to-color: #e5edff;
+}
+
+.to-indigo-200 {
+  --gradient-to-color: #cddbfe;
+}
+
+.to-indigo-300 {
+  --gradient-to-color: #b4c6fc;
+}
+
+.to-indigo-400 {
+  --gradient-to-color: #8da2fb;
+}
+
+.to-indigo-500 {
+  --gradient-to-color: #6875f5;
+}
+
+.to-indigo-600 {
+  --gradient-to-color: #5850ec;
+}
+
+.to-indigo-700 {
+  --gradient-to-color: #5145cd;
+}
+
+.to-indigo-800 {
+  --gradient-to-color: #42389d;
+}
+
+.to-indigo-900 {
+  --gradient-to-color: #362f78;
+}
+
+.to-purple-50 {
+  --gradient-to-color: #f6f5ff;
+}
+
+.to-purple-100 {
+  --gradient-to-color: #edebfe;
+}
+
+.to-purple-200 {
+  --gradient-to-color: #dcd7fe;
+}
+
+.to-purple-300 {
+  --gradient-to-color: #cabffd;
+}
+
+.to-purple-400 {
+  --gradient-to-color: #ac94fa;
+}
+
+.to-purple-500 {
+  --gradient-to-color: #9061f9;
+}
+
+.to-purple-600 {
+  --gradient-to-color: #7e3af2;
+}
+
+.to-purple-700 {
+  --gradient-to-color: #6c2bd9;
+}
+
+.to-purple-800 {
+  --gradient-to-color: #5521b5;
+}
+
+.to-purple-900 {
+  --gradient-to-color: #4a1d96;
+}
+
+.to-pink-50 {
+  --gradient-to-color: #fdf2f8;
+}
+
+.to-pink-100 {
+  --gradient-to-color: #fce8f3;
+}
+
+.to-pink-200 {
+  --gradient-to-color: #fad1e8;
+}
+
+.to-pink-300 {
+  --gradient-to-color: #f8b4d9;
+}
+
+.to-pink-400 {
+  --gradient-to-color: #f17eb8;
+}
+
+.to-pink-500 {
+  --gradient-to-color: #e74694;
+}
+
+.to-pink-600 {
+  --gradient-to-color: #d61f69;
+}
+
+.to-pink-700 {
+  --gradient-to-color: #bf125d;
+}
+
+.to-pink-800 {
+  --gradient-to-color: #99154b;
+}
+
+.to-pink-900 {
+  --gradient-to-color: #751a3d;
+}
+
+.to-cool-gray-50 {
+  --gradient-to-color: #f8fafc;
+}
+
+.to-cool-gray-100 {
+  --gradient-to-color: #f1f5f9;
+}
+
+.to-cool-gray-200 {
+  --gradient-to-color: #e2e8f0;
+}
+
+.to-cool-gray-300 {
+  --gradient-to-color: #cfd8e3;
+}
+
+.to-cool-gray-400 {
+  --gradient-to-color: #97a6ba;
+}
+
+.to-cool-gray-500 {
+  --gradient-to-color: #64748b;
+}
+
+.to-cool-gray-600 {
+  --gradient-to-color: #475569;
+}
+
+.to-cool-gray-700 {
+  --gradient-to-color: #364152;
+}
+
+.to-cool-gray-800 {
+  --gradient-to-color: #27303f;
+}
+
+.to-cool-gray-900 {
+  --gradient-to-color: #1a202e;
+}
+
+.hover\:from-current:hover {
+  --gradient-from-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-transparent:hover {
+  --gradient-from-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+}
+
+.hover\:from-white:hover {
+  --gradient-from-color: #ffffff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-black:hover {
+  --gradient-from-color: #000000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+}
+
+.hover\:from-gray-50:hover {
+  --gradient-from-color: #f9fafb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+}
+
+.hover\:from-gray-100:hover {
+  --gradient-from-color: #f4f5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+}
+
+.hover\:from-gray-200:hover {
+  --gradient-from-color: #e5e7eb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+}
+
+.hover\:from-gray-300:hover {
+  --gradient-from-color: #d2d6dc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+}
+
+.hover\:from-gray-400:hover {
+  --gradient-from-color: #9fa6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+}
+
+.hover\:from-gray-500:hover {
+  --gradient-from-color: #6b7280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+}
+
+.hover\:from-gray-600:hover {
+  --gradient-from-color: #4b5563;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+}
+
+.hover\:from-gray-700:hover {
+  --gradient-from-color: #374151;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+}
+
+.hover\:from-gray-800:hover {
+  --gradient-from-color: #252f3f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+}
+
+.hover\:from-gray-900:hover {
+  --gradient-from-color: #161e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+}
+
+.hover\:from-red-50:hover {
+  --gradient-from-color: #fdf2f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+}
+
+.hover\:from-red-100:hover {
+  --gradient-from-color: #fde8e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+}
+
+.hover\:from-red-200:hover {
+  --gradient-from-color: #fbd5d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+}
+
+.hover\:from-red-300:hover {
+  --gradient-from-color: #f8b4b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+}
+
+.hover\:from-red-400:hover {
+  --gradient-from-color: #f98080;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+}
+
+.hover\:from-red-500:hover {
+  --gradient-from-color: #f05252;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+}
+
+.hover\:from-red-600:hover {
+  --gradient-from-color: #e02424;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+}
+
+.hover\:from-red-700:hover {
+  --gradient-from-color: #c81e1e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+}
+
+.hover\:from-red-800:hover {
+  --gradient-from-color: #9b1c1c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+}
+
+.hover\:from-red-900:hover {
+  --gradient-from-color: #771d1d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+}
+
+.hover\:from-orange-50:hover {
+  --gradient-from-color: #fff8f1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+}
+
+.hover\:from-orange-100:hover {
+  --gradient-from-color: #feecdc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+}
+
+.hover\:from-orange-200:hover {
+  --gradient-from-color: #fcd9bd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+}
+
+.hover\:from-orange-300:hover {
+  --gradient-from-color: #fdba8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+}
+
+.hover\:from-orange-400:hover {
+  --gradient-from-color: #ff8a4c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+}
+
+.hover\:from-orange-500:hover {
+  --gradient-from-color: #ff5a1f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+}
+
+.hover\:from-orange-600:hover {
+  --gradient-from-color: #d03801;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+}
+
+.hover\:from-orange-700:hover {
+  --gradient-from-color: #b43403;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+}
+
+.hover\:from-orange-800:hover {
+  --gradient-from-color: #8a2c0d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+}
+
+.hover\:from-orange-900:hover {
+  --gradient-from-color: #73230d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+}
+
+.hover\:from-yellow-50:hover {
+  --gradient-from-color: #fdfdea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+}
+
+.hover\:from-yellow-100:hover {
+  --gradient-from-color: #fdf6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+}
+
+.hover\:from-yellow-200:hover {
+  --gradient-from-color: #fce96a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+}
+
+.hover\:from-yellow-300:hover {
+  --gradient-from-color: #faca15;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+}
+
+.hover\:from-yellow-400:hover {
+  --gradient-from-color: #e3a008;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+}
+
+.hover\:from-yellow-500:hover {
+  --gradient-from-color: #c27803;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+}
+
+.hover\:from-yellow-600:hover {
+  --gradient-from-color: #9f580a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+}
+
+.hover\:from-yellow-700:hover {
+  --gradient-from-color: #8e4b10;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+}
+
+.hover\:from-yellow-800:hover {
+  --gradient-from-color: #723b13;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+}
+
+.hover\:from-yellow-900:hover {
+  --gradient-from-color: #633112;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+}
+
+.hover\:from-green-50:hover {
+  --gradient-from-color: #f3faf7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+}
+
+.hover\:from-green-100:hover {
+  --gradient-from-color: #def7ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+}
+
+.hover\:from-green-200:hover {
+  --gradient-from-color: #bcf0da;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+}
+
+.hover\:from-green-300:hover {
+  --gradient-from-color: #84e1bc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+}
+
+.hover\:from-green-400:hover {
+  --gradient-from-color: #31c48d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+}
+
+.hover\:from-green-500:hover {
+  --gradient-from-color: #0e9f6e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+}
+
+.hover\:from-green-600:hover {
+  --gradient-from-color: #057a55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+}
+
+.hover\:from-green-700:hover {
+  --gradient-from-color: #046c4e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+}
+
+.hover\:from-green-800:hover {
+  --gradient-from-color: #03543f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+}
+
+.hover\:from-green-900:hover {
+  --gradient-from-color: #014737;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+}
+
+.hover\:from-teal-50:hover {
+  --gradient-from-color: #edfafa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+}
+
+.hover\:from-teal-100:hover {
+  --gradient-from-color: #d5f5f6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+}
+
+.hover\:from-teal-200:hover {
+  --gradient-from-color: #afecef;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+}
+
+.hover\:from-teal-300:hover {
+  --gradient-from-color: #7edce2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+}
+
+.hover\:from-teal-400:hover {
+  --gradient-from-color: #16bdca;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+}
+
+.hover\:from-teal-500:hover {
+  --gradient-from-color: #0694a2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+}
+
+.hover\:from-teal-600:hover {
+  --gradient-from-color: #047481;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+}
+
+.hover\:from-teal-700:hover {
+  --gradient-from-color: #036672;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+}
+
+.hover\:from-teal-800:hover {
+  --gradient-from-color: #05505c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+}
+
+.hover\:from-teal-900:hover {
+  --gradient-from-color: #014451;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+}
+
+.hover\:from-blue-50:hover {
+  --gradient-from-color: #ebf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+}
+
+.hover\:from-blue-100:hover {
+  --gradient-from-color: #e1effe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+}
+
+.hover\:from-blue-200:hover {
+  --gradient-from-color: #c3ddfd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+}
+
+.hover\:from-blue-300:hover {
+  --gradient-from-color: #a4cafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+}
+
+.hover\:from-blue-400:hover {
+  --gradient-from-color: #76a9fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+}
+
+.hover\:from-blue-500:hover {
+  --gradient-from-color: #3f83f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+}
+
+.hover\:from-blue-600:hover {
+  --gradient-from-color: #1c64f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+}
+
+.hover\:from-blue-700:hover {
+  --gradient-from-color: #1a56db;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+}
+
+.hover\:from-blue-800:hover {
+  --gradient-from-color: #1e429f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+}
+
+.hover\:from-blue-900:hover {
+  --gradient-from-color: #233876;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+}
+
+.hover\:from-indigo-50:hover {
+  --gradient-from-color: #f0f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+}
+
+.hover\:from-indigo-100:hover {
+  --gradient-from-color: #e5edff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+}
+
+.hover\:from-indigo-200:hover {
+  --gradient-from-color: #cddbfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+}
+
+.hover\:from-indigo-300:hover {
+  --gradient-from-color: #b4c6fc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+}
+
+.hover\:from-indigo-400:hover {
+  --gradient-from-color: #8da2fb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+}
+
+.hover\:from-indigo-500:hover {
+  --gradient-from-color: #6875f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+}
+
+.hover\:from-indigo-600:hover {
+  --gradient-from-color: #5850ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+}
+
+.hover\:from-indigo-700:hover {
+  --gradient-from-color: #5145cd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+}
+
+.hover\:from-indigo-800:hover {
+  --gradient-from-color: #42389d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+}
+
+.hover\:from-indigo-900:hover {
+  --gradient-from-color: #362f78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+}
+
+.hover\:from-purple-50:hover {
+  --gradient-from-color: #f6f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+}
+
+.hover\:from-purple-100:hover {
+  --gradient-from-color: #edebfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+}
+
+.hover\:from-purple-200:hover {
+  --gradient-from-color: #dcd7fe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+}
+
+.hover\:from-purple-300:hover {
+  --gradient-from-color: #cabffd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+}
+
+.hover\:from-purple-400:hover {
+  --gradient-from-color: #ac94fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+}
+
+.hover\:from-purple-500:hover {
+  --gradient-from-color: #9061f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+}
+
+.hover\:from-purple-600:hover {
+  --gradient-from-color: #7e3af2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+}
+
+.hover\:from-purple-700:hover {
+  --gradient-from-color: #6c2bd9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+}
+
+.hover\:from-purple-800:hover {
+  --gradient-from-color: #5521b5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+}
+
+.hover\:from-purple-900:hover {
+  --gradient-from-color: #4a1d96;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+}
+
+.hover\:from-pink-50:hover {
+  --gradient-from-color: #fdf2f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+}
+
+.hover\:from-pink-100:hover {
+  --gradient-from-color: #fce8f3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+}
+
+.hover\:from-pink-200:hover {
+  --gradient-from-color: #fad1e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+}
+
+.hover\:from-pink-300:hover {
+  --gradient-from-color: #f8b4d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+}
+
+.hover\:from-pink-400:hover {
+  --gradient-from-color: #f17eb8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+}
+
+.hover\:from-pink-500:hover {
+  --gradient-from-color: #e74694;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+}
+
+.hover\:from-pink-600:hover {
+  --gradient-from-color: #d61f69;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+}
+
+.hover\:from-pink-700:hover {
+  --gradient-from-color: #bf125d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+}
+
+.hover\:from-pink-800:hover {
+  --gradient-from-color: #99154b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+}
+
+.hover\:from-pink-900:hover {
+  --gradient-from-color: #751a3d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+}
+
+.hover\:from-cool-gray-50:hover {
+  --gradient-from-color: #f8fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+}
+
+.hover\:from-cool-gray-100:hover {
+  --gradient-from-color: #f1f5f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+}
+
+.hover\:from-cool-gray-200:hover {
+  --gradient-from-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+}
+
+.hover\:from-cool-gray-300:hover {
+  --gradient-from-color: #cfd8e3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+}
+
+.hover\:from-cool-gray-400:hover {
+  --gradient-from-color: #97a6ba;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+}
+
+.hover\:from-cool-gray-500:hover {
+  --gradient-from-color: #64748b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+}
+
+.hover\:from-cool-gray-600:hover {
+  --gradient-from-color: #475569;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+}
+
+.hover\:from-cool-gray-700:hover {
+  --gradient-from-color: #364152;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+}
+
+.hover\:from-cool-gray-800:hover {
+  --gradient-from-color: #27303f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+}
+
+.hover\:from-cool-gray-900:hover {
+  --gradient-from-color: #1a202e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+}
+
+.hover\:via-current:hover {
+  --gradient-via-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-transparent:hover {
+  --gradient-via-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+}
+
+.hover\:via-white:hover {
+  --gradient-via-color: #ffffff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-black:hover {
+  --gradient-via-color: #000000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+}
+
+.hover\:via-gray-50:hover {
+  --gradient-via-color: #f9fafb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+}
+
+.hover\:via-gray-100:hover {
+  --gradient-via-color: #f4f5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+}
+
+.hover\:via-gray-200:hover {
+  --gradient-via-color: #e5e7eb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+}
+
+.hover\:via-gray-300:hover {
+  --gradient-via-color: #d2d6dc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+}
+
+.hover\:via-gray-400:hover {
+  --gradient-via-color: #9fa6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+}
+
+.hover\:via-gray-500:hover {
+  --gradient-via-color: #6b7280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+}
+
+.hover\:via-gray-600:hover {
+  --gradient-via-color: #4b5563;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+}
+
+.hover\:via-gray-700:hover {
+  --gradient-via-color: #374151;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+}
+
+.hover\:via-gray-800:hover {
+  --gradient-via-color: #252f3f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+}
+
+.hover\:via-gray-900:hover {
+  --gradient-via-color: #161e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+}
+
+.hover\:via-red-50:hover {
+  --gradient-via-color: #fdf2f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+}
+
+.hover\:via-red-100:hover {
+  --gradient-via-color: #fde8e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+}
+
+.hover\:via-red-200:hover {
+  --gradient-via-color: #fbd5d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+}
+
+.hover\:via-red-300:hover {
+  --gradient-via-color: #f8b4b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+}
+
+.hover\:via-red-400:hover {
+  --gradient-via-color: #f98080;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+}
+
+.hover\:via-red-500:hover {
+  --gradient-via-color: #f05252;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+}
+
+.hover\:via-red-600:hover {
+  --gradient-via-color: #e02424;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+}
+
+.hover\:via-red-700:hover {
+  --gradient-via-color: #c81e1e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+}
+
+.hover\:via-red-800:hover {
+  --gradient-via-color: #9b1c1c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+}
+
+.hover\:via-red-900:hover {
+  --gradient-via-color: #771d1d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+}
+
+.hover\:via-orange-50:hover {
+  --gradient-via-color: #fff8f1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+}
+
+.hover\:via-orange-100:hover {
+  --gradient-via-color: #feecdc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+}
+
+.hover\:via-orange-200:hover {
+  --gradient-via-color: #fcd9bd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+}
+
+.hover\:via-orange-300:hover {
+  --gradient-via-color: #fdba8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+}
+
+.hover\:via-orange-400:hover {
+  --gradient-via-color: #ff8a4c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+}
+
+.hover\:via-orange-500:hover {
+  --gradient-via-color: #ff5a1f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+}
+
+.hover\:via-orange-600:hover {
+  --gradient-via-color: #d03801;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+}
+
+.hover\:via-orange-700:hover {
+  --gradient-via-color: #b43403;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+}
+
+.hover\:via-orange-800:hover {
+  --gradient-via-color: #8a2c0d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+}
+
+.hover\:via-orange-900:hover {
+  --gradient-via-color: #73230d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+}
+
+.hover\:via-yellow-50:hover {
+  --gradient-via-color: #fdfdea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+}
+
+.hover\:via-yellow-100:hover {
+  --gradient-via-color: #fdf6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+}
+
+.hover\:via-yellow-200:hover {
+  --gradient-via-color: #fce96a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+}
+
+.hover\:via-yellow-300:hover {
+  --gradient-via-color: #faca15;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+}
+
+.hover\:via-yellow-400:hover {
+  --gradient-via-color: #e3a008;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+}
+
+.hover\:via-yellow-500:hover {
+  --gradient-via-color: #c27803;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+}
+
+.hover\:via-yellow-600:hover {
+  --gradient-via-color: #9f580a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+}
+
+.hover\:via-yellow-700:hover {
+  --gradient-via-color: #8e4b10;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+}
+
+.hover\:via-yellow-800:hover {
+  --gradient-via-color: #723b13;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+}
+
+.hover\:via-yellow-900:hover {
+  --gradient-via-color: #633112;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+}
+
+.hover\:via-green-50:hover {
+  --gradient-via-color: #f3faf7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+}
+
+.hover\:via-green-100:hover {
+  --gradient-via-color: #def7ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+}
+
+.hover\:via-green-200:hover {
+  --gradient-via-color: #bcf0da;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+}
+
+.hover\:via-green-300:hover {
+  --gradient-via-color: #84e1bc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+}
+
+.hover\:via-green-400:hover {
+  --gradient-via-color: #31c48d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+}
+
+.hover\:via-green-500:hover {
+  --gradient-via-color: #0e9f6e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+}
+
+.hover\:via-green-600:hover {
+  --gradient-via-color: #057a55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+}
+
+.hover\:via-green-700:hover {
+  --gradient-via-color: #046c4e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+}
+
+.hover\:via-green-800:hover {
+  --gradient-via-color: #03543f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+}
+
+.hover\:via-green-900:hover {
+  --gradient-via-color: #014737;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+}
+
+.hover\:via-teal-50:hover {
+  --gradient-via-color: #edfafa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+}
+
+.hover\:via-teal-100:hover {
+  --gradient-via-color: #d5f5f6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+}
+
+.hover\:via-teal-200:hover {
+  --gradient-via-color: #afecef;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+}
+
+.hover\:via-teal-300:hover {
+  --gradient-via-color: #7edce2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+}
+
+.hover\:via-teal-400:hover {
+  --gradient-via-color: #16bdca;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+}
+
+.hover\:via-teal-500:hover {
+  --gradient-via-color: #0694a2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+}
+
+.hover\:via-teal-600:hover {
+  --gradient-via-color: #047481;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+}
+
+.hover\:via-teal-700:hover {
+  --gradient-via-color: #036672;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+}
+
+.hover\:via-teal-800:hover {
+  --gradient-via-color: #05505c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+}
+
+.hover\:via-teal-900:hover {
+  --gradient-via-color: #014451;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+}
+
+.hover\:via-blue-50:hover {
+  --gradient-via-color: #ebf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+}
+
+.hover\:via-blue-100:hover {
+  --gradient-via-color: #e1effe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+}
+
+.hover\:via-blue-200:hover {
+  --gradient-via-color: #c3ddfd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+}
+
+.hover\:via-blue-300:hover {
+  --gradient-via-color: #a4cafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+}
+
+.hover\:via-blue-400:hover {
+  --gradient-via-color: #76a9fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+}
+
+.hover\:via-blue-500:hover {
+  --gradient-via-color: #3f83f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+}
+
+.hover\:via-blue-600:hover {
+  --gradient-via-color: #1c64f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+}
+
+.hover\:via-blue-700:hover {
+  --gradient-via-color: #1a56db;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+}
+
+.hover\:via-blue-800:hover {
+  --gradient-via-color: #1e429f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+}
+
+.hover\:via-blue-900:hover {
+  --gradient-via-color: #233876;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+}
+
+.hover\:via-indigo-50:hover {
+  --gradient-via-color: #f0f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+}
+
+.hover\:via-indigo-100:hover {
+  --gradient-via-color: #e5edff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+}
+
+.hover\:via-indigo-200:hover {
+  --gradient-via-color: #cddbfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+}
+
+.hover\:via-indigo-300:hover {
+  --gradient-via-color: #b4c6fc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+}
+
+.hover\:via-indigo-400:hover {
+  --gradient-via-color: #8da2fb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+}
+
+.hover\:via-indigo-500:hover {
+  --gradient-via-color: #6875f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+}
+
+.hover\:via-indigo-600:hover {
+  --gradient-via-color: #5850ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+}
+
+.hover\:via-indigo-700:hover {
+  --gradient-via-color: #5145cd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+}
+
+.hover\:via-indigo-800:hover {
+  --gradient-via-color: #42389d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+}
+
+.hover\:via-indigo-900:hover {
+  --gradient-via-color: #362f78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+}
+
+.hover\:via-purple-50:hover {
+  --gradient-via-color: #f6f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+}
+
+.hover\:via-purple-100:hover {
+  --gradient-via-color: #edebfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+}
+
+.hover\:via-purple-200:hover {
+  --gradient-via-color: #dcd7fe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+}
+
+.hover\:via-purple-300:hover {
+  --gradient-via-color: #cabffd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+}
+
+.hover\:via-purple-400:hover {
+  --gradient-via-color: #ac94fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+}
+
+.hover\:via-purple-500:hover {
+  --gradient-via-color: #9061f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+}
+
+.hover\:via-purple-600:hover {
+  --gradient-via-color: #7e3af2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+}
+
+.hover\:via-purple-700:hover {
+  --gradient-via-color: #6c2bd9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+}
+
+.hover\:via-purple-800:hover {
+  --gradient-via-color: #5521b5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+}
+
+.hover\:via-purple-900:hover {
+  --gradient-via-color: #4a1d96;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+}
+
+.hover\:via-pink-50:hover {
+  --gradient-via-color: #fdf2f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+}
+
+.hover\:via-pink-100:hover {
+  --gradient-via-color: #fce8f3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+}
+
+.hover\:via-pink-200:hover {
+  --gradient-via-color: #fad1e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+}
+
+.hover\:via-pink-300:hover {
+  --gradient-via-color: #f8b4d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+}
+
+.hover\:via-pink-400:hover {
+  --gradient-via-color: #f17eb8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+}
+
+.hover\:via-pink-500:hover {
+  --gradient-via-color: #e74694;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+}
+
+.hover\:via-pink-600:hover {
+  --gradient-via-color: #d61f69;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+}
+
+.hover\:via-pink-700:hover {
+  --gradient-via-color: #bf125d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+}
+
+.hover\:via-pink-800:hover {
+  --gradient-via-color: #99154b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+}
+
+.hover\:via-pink-900:hover {
+  --gradient-via-color: #751a3d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+}
+
+.hover\:via-cool-gray-50:hover {
+  --gradient-via-color: #f8fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+}
+
+.hover\:via-cool-gray-100:hover {
+  --gradient-via-color: #f1f5f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+}
+
+.hover\:via-cool-gray-200:hover {
+  --gradient-via-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+}
+
+.hover\:via-cool-gray-300:hover {
+  --gradient-via-color: #cfd8e3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+}
+
+.hover\:via-cool-gray-400:hover {
+  --gradient-via-color: #97a6ba;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+}
+
+.hover\:via-cool-gray-500:hover {
+  --gradient-via-color: #64748b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+}
+
+.hover\:via-cool-gray-600:hover {
+  --gradient-via-color: #475569;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+}
+
+.hover\:via-cool-gray-700:hover {
+  --gradient-via-color: #364152;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+}
+
+.hover\:via-cool-gray-800:hover {
+  --gradient-via-color: #27303f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+}
+
+.hover\:via-cool-gray-900:hover {
+  --gradient-via-color: #1a202e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+}
+
+.hover\:to-current:hover {
+  --gradient-to-color: currentColor;
+}
+
+.hover\:to-transparent:hover {
+  --gradient-to-color: transparent;
+}
+
+.hover\:to-white:hover {
+  --gradient-to-color: #ffffff;
+}
+
+.hover\:to-black:hover {
+  --gradient-to-color: #000000;
+}
+
+.hover\:to-gray-50:hover {
+  --gradient-to-color: #f9fafb;
+}
+
+.hover\:to-gray-100:hover {
+  --gradient-to-color: #f4f5f7;
+}
+
+.hover\:to-gray-200:hover {
+  --gradient-to-color: #e5e7eb;
+}
+
+.hover\:to-gray-300:hover {
+  --gradient-to-color: #d2d6dc;
+}
+
+.hover\:to-gray-400:hover {
+  --gradient-to-color: #9fa6b2;
+}
+
+.hover\:to-gray-500:hover {
+  --gradient-to-color: #6b7280;
+}
+
+.hover\:to-gray-600:hover {
+  --gradient-to-color: #4b5563;
+}
+
+.hover\:to-gray-700:hover {
+  --gradient-to-color: #374151;
+}
+
+.hover\:to-gray-800:hover {
+  --gradient-to-color: #252f3f;
+}
+
+.hover\:to-gray-900:hover {
+  --gradient-to-color: #161e2e;
+}
+
+.hover\:to-red-50:hover {
+  --gradient-to-color: #fdf2f2;
+}
+
+.hover\:to-red-100:hover {
+  --gradient-to-color: #fde8e8;
+}
+
+.hover\:to-red-200:hover {
+  --gradient-to-color: #fbd5d5;
+}
+
+.hover\:to-red-300:hover {
+  --gradient-to-color: #f8b4b4;
+}
+
+.hover\:to-red-400:hover {
+  --gradient-to-color: #f98080;
+}
+
+.hover\:to-red-500:hover {
+  --gradient-to-color: #f05252;
+}
+
+.hover\:to-red-600:hover {
+  --gradient-to-color: #e02424;
+}
+
+.hover\:to-red-700:hover {
+  --gradient-to-color: #c81e1e;
+}
+
+.hover\:to-red-800:hover {
+  --gradient-to-color: #9b1c1c;
+}
+
+.hover\:to-red-900:hover {
+  --gradient-to-color: #771d1d;
+}
+
+.hover\:to-orange-50:hover {
+  --gradient-to-color: #fff8f1;
+}
+
+.hover\:to-orange-100:hover {
+  --gradient-to-color: #feecdc;
+}
+
+.hover\:to-orange-200:hover {
+  --gradient-to-color: #fcd9bd;
+}
+
+.hover\:to-orange-300:hover {
+  --gradient-to-color: #fdba8c;
+}
+
+.hover\:to-orange-400:hover {
+  --gradient-to-color: #ff8a4c;
+}
+
+.hover\:to-orange-500:hover {
+  --gradient-to-color: #ff5a1f;
+}
+
+.hover\:to-orange-600:hover {
+  --gradient-to-color: #d03801;
+}
+
+.hover\:to-orange-700:hover {
+  --gradient-to-color: #b43403;
+}
+
+.hover\:to-orange-800:hover {
+  --gradient-to-color: #8a2c0d;
+}
+
+.hover\:to-orange-900:hover {
+  --gradient-to-color: #73230d;
+}
+
+.hover\:to-yellow-50:hover {
+  --gradient-to-color: #fdfdea;
+}
+
+.hover\:to-yellow-100:hover {
+  --gradient-to-color: #fdf6b2;
+}
+
+.hover\:to-yellow-200:hover {
+  --gradient-to-color: #fce96a;
+}
+
+.hover\:to-yellow-300:hover {
+  --gradient-to-color: #faca15;
+}
+
+.hover\:to-yellow-400:hover {
+  --gradient-to-color: #e3a008;
+}
+
+.hover\:to-yellow-500:hover {
+  --gradient-to-color: #c27803;
+}
+
+.hover\:to-yellow-600:hover {
+  --gradient-to-color: #9f580a;
+}
+
+.hover\:to-yellow-700:hover {
+  --gradient-to-color: #8e4b10;
+}
+
+.hover\:to-yellow-800:hover {
+  --gradient-to-color: #723b13;
+}
+
+.hover\:to-yellow-900:hover {
+  --gradient-to-color: #633112;
+}
+
+.hover\:to-green-50:hover {
+  --gradient-to-color: #f3faf7;
+}
+
+.hover\:to-green-100:hover {
+  --gradient-to-color: #def7ec;
+}
+
+.hover\:to-green-200:hover {
+  --gradient-to-color: #bcf0da;
+}
+
+.hover\:to-green-300:hover {
+  --gradient-to-color: #84e1bc;
+}
+
+.hover\:to-green-400:hover {
+  --gradient-to-color: #31c48d;
+}
+
+.hover\:to-green-500:hover {
+  --gradient-to-color: #0e9f6e;
+}
+
+.hover\:to-green-600:hover {
+  --gradient-to-color: #057a55;
+}
+
+.hover\:to-green-700:hover {
+  --gradient-to-color: #046c4e;
+}
+
+.hover\:to-green-800:hover {
+  --gradient-to-color: #03543f;
+}
+
+.hover\:to-green-900:hover {
+  --gradient-to-color: #014737;
+}
+
+.hover\:to-teal-50:hover {
+  --gradient-to-color: #edfafa;
+}
+
+.hover\:to-teal-100:hover {
+  --gradient-to-color: #d5f5f6;
+}
+
+.hover\:to-teal-200:hover {
+  --gradient-to-color: #afecef;
+}
+
+.hover\:to-teal-300:hover {
+  --gradient-to-color: #7edce2;
+}
+
+.hover\:to-teal-400:hover {
+  --gradient-to-color: #16bdca;
+}
+
+.hover\:to-teal-500:hover {
+  --gradient-to-color: #0694a2;
+}
+
+.hover\:to-teal-600:hover {
+  --gradient-to-color: #047481;
+}
+
+.hover\:to-teal-700:hover {
+  --gradient-to-color: #036672;
+}
+
+.hover\:to-teal-800:hover {
+  --gradient-to-color: #05505c;
+}
+
+.hover\:to-teal-900:hover {
+  --gradient-to-color: #014451;
+}
+
+.hover\:to-blue-50:hover {
+  --gradient-to-color: #ebf5ff;
+}
+
+.hover\:to-blue-100:hover {
+  --gradient-to-color: #e1effe;
+}
+
+.hover\:to-blue-200:hover {
+  --gradient-to-color: #c3ddfd;
+}
+
+.hover\:to-blue-300:hover {
+  --gradient-to-color: #a4cafe;
+}
+
+.hover\:to-blue-400:hover {
+  --gradient-to-color: #76a9fa;
+}
+
+.hover\:to-blue-500:hover {
+  --gradient-to-color: #3f83f8;
+}
+
+.hover\:to-blue-600:hover {
+  --gradient-to-color: #1c64f2;
+}
+
+.hover\:to-blue-700:hover {
+  --gradient-to-color: #1a56db;
+}
+
+.hover\:to-blue-800:hover {
+  --gradient-to-color: #1e429f;
+}
+
+.hover\:to-blue-900:hover {
+  --gradient-to-color: #233876;
+}
+
+.hover\:to-indigo-50:hover {
+  --gradient-to-color: #f0f5ff;
+}
+
+.hover\:to-indigo-100:hover {
+  --gradient-to-color: #e5edff;
+}
+
+.hover\:to-indigo-200:hover {
+  --gradient-to-color: #cddbfe;
+}
+
+.hover\:to-indigo-300:hover {
+  --gradient-to-color: #b4c6fc;
+}
+
+.hover\:to-indigo-400:hover {
+  --gradient-to-color: #8da2fb;
+}
+
+.hover\:to-indigo-500:hover {
+  --gradient-to-color: #6875f5;
+}
+
+.hover\:to-indigo-600:hover {
+  --gradient-to-color: #5850ec;
+}
+
+.hover\:to-indigo-700:hover {
+  --gradient-to-color: #5145cd;
+}
+
+.hover\:to-indigo-800:hover {
+  --gradient-to-color: #42389d;
+}
+
+.hover\:to-indigo-900:hover {
+  --gradient-to-color: #362f78;
+}
+
+.hover\:to-purple-50:hover {
+  --gradient-to-color: #f6f5ff;
+}
+
+.hover\:to-purple-100:hover {
+  --gradient-to-color: #edebfe;
+}
+
+.hover\:to-purple-200:hover {
+  --gradient-to-color: #dcd7fe;
+}
+
+.hover\:to-purple-300:hover {
+  --gradient-to-color: #cabffd;
+}
+
+.hover\:to-purple-400:hover {
+  --gradient-to-color: #ac94fa;
+}
+
+.hover\:to-purple-500:hover {
+  --gradient-to-color: #9061f9;
+}
+
+.hover\:to-purple-600:hover {
+  --gradient-to-color: #7e3af2;
+}
+
+.hover\:to-purple-700:hover {
+  --gradient-to-color: #6c2bd9;
+}
+
+.hover\:to-purple-800:hover {
+  --gradient-to-color: #5521b5;
+}
+
+.hover\:to-purple-900:hover {
+  --gradient-to-color: #4a1d96;
+}
+
+.hover\:to-pink-50:hover {
+  --gradient-to-color: #fdf2f8;
+}
+
+.hover\:to-pink-100:hover {
+  --gradient-to-color: #fce8f3;
+}
+
+.hover\:to-pink-200:hover {
+  --gradient-to-color: #fad1e8;
+}
+
+.hover\:to-pink-300:hover {
+  --gradient-to-color: #f8b4d9;
+}
+
+.hover\:to-pink-400:hover {
+  --gradient-to-color: #f17eb8;
+}
+
+.hover\:to-pink-500:hover {
+  --gradient-to-color: #e74694;
+}
+
+.hover\:to-pink-600:hover {
+  --gradient-to-color: #d61f69;
+}
+
+.hover\:to-pink-700:hover {
+  --gradient-to-color: #bf125d;
+}
+
+.hover\:to-pink-800:hover {
+  --gradient-to-color: #99154b;
+}
+
+.hover\:to-pink-900:hover {
+  --gradient-to-color: #751a3d;
+}
+
+.hover\:to-cool-gray-50:hover {
+  --gradient-to-color: #f8fafc;
+}
+
+.hover\:to-cool-gray-100:hover {
+  --gradient-to-color: #f1f5f9;
+}
+
+.hover\:to-cool-gray-200:hover {
+  --gradient-to-color: #e2e8f0;
+}
+
+.hover\:to-cool-gray-300:hover {
+  --gradient-to-color: #cfd8e3;
+}
+
+.hover\:to-cool-gray-400:hover {
+  --gradient-to-color: #97a6ba;
+}
+
+.hover\:to-cool-gray-500:hover {
+  --gradient-to-color: #64748b;
+}
+
+.hover\:to-cool-gray-600:hover {
+  --gradient-to-color: #475569;
+}
+
+.hover\:to-cool-gray-700:hover {
+  --gradient-to-color: #364152;
+}
+
+.hover\:to-cool-gray-800:hover {
+  --gradient-to-color: #27303f;
+}
+
+.hover\:to-cool-gray-900:hover {
+  --gradient-to-color: #1a202e;
+}
+
+.focus\:from-current:focus {
+  --gradient-from-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-transparent:focus {
+  --gradient-from-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+}
+
+.focus\:from-white:focus {
+  --gradient-from-color: #ffffff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-black:focus {
+  --gradient-from-color: #000000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+}
+
+.focus\:from-gray-50:focus {
+  --gradient-from-color: #f9fafb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+}
+
+.focus\:from-gray-100:focus {
+  --gradient-from-color: #f4f5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+}
+
+.focus\:from-gray-200:focus {
+  --gradient-from-color: #e5e7eb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+}
+
+.focus\:from-gray-300:focus {
+  --gradient-from-color: #d2d6dc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+}
+
+.focus\:from-gray-400:focus {
+  --gradient-from-color: #9fa6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+}
+
+.focus\:from-gray-500:focus {
+  --gradient-from-color: #6b7280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+}
+
+.focus\:from-gray-600:focus {
+  --gradient-from-color: #4b5563;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+}
+
+.focus\:from-gray-700:focus {
+  --gradient-from-color: #374151;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+}
+
+.focus\:from-gray-800:focus {
+  --gradient-from-color: #252f3f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+}
+
+.focus\:from-gray-900:focus {
+  --gradient-from-color: #161e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+}
+
+.focus\:from-red-50:focus {
+  --gradient-from-color: #fdf2f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+}
+
+.focus\:from-red-100:focus {
+  --gradient-from-color: #fde8e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+}
+
+.focus\:from-red-200:focus {
+  --gradient-from-color: #fbd5d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+}
+
+.focus\:from-red-300:focus {
+  --gradient-from-color: #f8b4b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+}
+
+.focus\:from-red-400:focus {
+  --gradient-from-color: #f98080;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+}
+
+.focus\:from-red-500:focus {
+  --gradient-from-color: #f05252;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+}
+
+.focus\:from-red-600:focus {
+  --gradient-from-color: #e02424;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+}
+
+.focus\:from-red-700:focus {
+  --gradient-from-color: #c81e1e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+}
+
+.focus\:from-red-800:focus {
+  --gradient-from-color: #9b1c1c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+}
+
+.focus\:from-red-900:focus {
+  --gradient-from-color: #771d1d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+}
+
+.focus\:from-orange-50:focus {
+  --gradient-from-color: #fff8f1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+}
+
+.focus\:from-orange-100:focus {
+  --gradient-from-color: #feecdc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+}
+
+.focus\:from-orange-200:focus {
+  --gradient-from-color: #fcd9bd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+}
+
+.focus\:from-orange-300:focus {
+  --gradient-from-color: #fdba8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+}
+
+.focus\:from-orange-400:focus {
+  --gradient-from-color: #ff8a4c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+}
+
+.focus\:from-orange-500:focus {
+  --gradient-from-color: #ff5a1f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+}
+
+.focus\:from-orange-600:focus {
+  --gradient-from-color: #d03801;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+}
+
+.focus\:from-orange-700:focus {
+  --gradient-from-color: #b43403;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+}
+
+.focus\:from-orange-800:focus {
+  --gradient-from-color: #8a2c0d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+}
+
+.focus\:from-orange-900:focus {
+  --gradient-from-color: #73230d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+}
+
+.focus\:from-yellow-50:focus {
+  --gradient-from-color: #fdfdea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+}
+
+.focus\:from-yellow-100:focus {
+  --gradient-from-color: #fdf6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+}
+
+.focus\:from-yellow-200:focus {
+  --gradient-from-color: #fce96a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+}
+
+.focus\:from-yellow-300:focus {
+  --gradient-from-color: #faca15;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+}
+
+.focus\:from-yellow-400:focus {
+  --gradient-from-color: #e3a008;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+}
+
+.focus\:from-yellow-500:focus {
+  --gradient-from-color: #c27803;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+}
+
+.focus\:from-yellow-600:focus {
+  --gradient-from-color: #9f580a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+}
+
+.focus\:from-yellow-700:focus {
+  --gradient-from-color: #8e4b10;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+}
+
+.focus\:from-yellow-800:focus {
+  --gradient-from-color: #723b13;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+}
+
+.focus\:from-yellow-900:focus {
+  --gradient-from-color: #633112;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+}
+
+.focus\:from-green-50:focus {
+  --gradient-from-color: #f3faf7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+}
+
+.focus\:from-green-100:focus {
+  --gradient-from-color: #def7ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+}
+
+.focus\:from-green-200:focus {
+  --gradient-from-color: #bcf0da;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+}
+
+.focus\:from-green-300:focus {
+  --gradient-from-color: #84e1bc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+}
+
+.focus\:from-green-400:focus {
+  --gradient-from-color: #31c48d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+}
+
+.focus\:from-green-500:focus {
+  --gradient-from-color: #0e9f6e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+}
+
+.focus\:from-green-600:focus {
+  --gradient-from-color: #057a55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+}
+
+.focus\:from-green-700:focus {
+  --gradient-from-color: #046c4e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+}
+
+.focus\:from-green-800:focus {
+  --gradient-from-color: #03543f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+}
+
+.focus\:from-green-900:focus {
+  --gradient-from-color: #014737;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+}
+
+.focus\:from-teal-50:focus {
+  --gradient-from-color: #edfafa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+}
+
+.focus\:from-teal-100:focus {
+  --gradient-from-color: #d5f5f6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+}
+
+.focus\:from-teal-200:focus {
+  --gradient-from-color: #afecef;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+}
+
+.focus\:from-teal-300:focus {
+  --gradient-from-color: #7edce2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+}
+
+.focus\:from-teal-400:focus {
+  --gradient-from-color: #16bdca;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+}
+
+.focus\:from-teal-500:focus {
+  --gradient-from-color: #0694a2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+}
+
+.focus\:from-teal-600:focus {
+  --gradient-from-color: #047481;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+}
+
+.focus\:from-teal-700:focus {
+  --gradient-from-color: #036672;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+}
+
+.focus\:from-teal-800:focus {
+  --gradient-from-color: #05505c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+}
+
+.focus\:from-teal-900:focus {
+  --gradient-from-color: #014451;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+}
+
+.focus\:from-blue-50:focus {
+  --gradient-from-color: #ebf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+}
+
+.focus\:from-blue-100:focus {
+  --gradient-from-color: #e1effe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+}
+
+.focus\:from-blue-200:focus {
+  --gradient-from-color: #c3ddfd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+}
+
+.focus\:from-blue-300:focus {
+  --gradient-from-color: #a4cafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+}
+
+.focus\:from-blue-400:focus {
+  --gradient-from-color: #76a9fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+}
+
+.focus\:from-blue-500:focus {
+  --gradient-from-color: #3f83f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+}
+
+.focus\:from-blue-600:focus {
+  --gradient-from-color: #1c64f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+}
+
+.focus\:from-blue-700:focus {
+  --gradient-from-color: #1a56db;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+}
+
+.focus\:from-blue-800:focus {
+  --gradient-from-color: #1e429f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+}
+
+.focus\:from-blue-900:focus {
+  --gradient-from-color: #233876;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+}
+
+.focus\:from-indigo-50:focus {
+  --gradient-from-color: #f0f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+}
+
+.focus\:from-indigo-100:focus {
+  --gradient-from-color: #e5edff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+}
+
+.focus\:from-indigo-200:focus {
+  --gradient-from-color: #cddbfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+}
+
+.focus\:from-indigo-300:focus {
+  --gradient-from-color: #b4c6fc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+}
+
+.focus\:from-indigo-400:focus {
+  --gradient-from-color: #8da2fb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+}
+
+.focus\:from-indigo-500:focus {
+  --gradient-from-color: #6875f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+}
+
+.focus\:from-indigo-600:focus {
+  --gradient-from-color: #5850ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+}
+
+.focus\:from-indigo-700:focus {
+  --gradient-from-color: #5145cd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+}
+
+.focus\:from-indigo-800:focus {
+  --gradient-from-color: #42389d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+}
+
+.focus\:from-indigo-900:focus {
+  --gradient-from-color: #362f78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+}
+
+.focus\:from-purple-50:focus {
+  --gradient-from-color: #f6f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+}
+
+.focus\:from-purple-100:focus {
+  --gradient-from-color: #edebfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+}
+
+.focus\:from-purple-200:focus {
+  --gradient-from-color: #dcd7fe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+}
+
+.focus\:from-purple-300:focus {
+  --gradient-from-color: #cabffd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+}
+
+.focus\:from-purple-400:focus {
+  --gradient-from-color: #ac94fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+}
+
+.focus\:from-purple-500:focus {
+  --gradient-from-color: #9061f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+}
+
+.focus\:from-purple-600:focus {
+  --gradient-from-color: #7e3af2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+}
+
+.focus\:from-purple-700:focus {
+  --gradient-from-color: #6c2bd9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+}
+
+.focus\:from-purple-800:focus {
+  --gradient-from-color: #5521b5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+}
+
+.focus\:from-purple-900:focus {
+  --gradient-from-color: #4a1d96;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+}
+
+.focus\:from-pink-50:focus {
+  --gradient-from-color: #fdf2f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+}
+
+.focus\:from-pink-100:focus {
+  --gradient-from-color: #fce8f3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+}
+
+.focus\:from-pink-200:focus {
+  --gradient-from-color: #fad1e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+}
+
+.focus\:from-pink-300:focus {
+  --gradient-from-color: #f8b4d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+}
+
+.focus\:from-pink-400:focus {
+  --gradient-from-color: #f17eb8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+}
+
+.focus\:from-pink-500:focus {
+  --gradient-from-color: #e74694;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+}
+
+.focus\:from-pink-600:focus {
+  --gradient-from-color: #d61f69;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+}
+
+.focus\:from-pink-700:focus {
+  --gradient-from-color: #bf125d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+}
+
+.focus\:from-pink-800:focus {
+  --gradient-from-color: #99154b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+}
+
+.focus\:from-pink-900:focus {
+  --gradient-from-color: #751a3d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+}
+
+.focus\:from-cool-gray-50:focus {
+  --gradient-from-color: #f8fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+}
+
+.focus\:from-cool-gray-100:focus {
+  --gradient-from-color: #f1f5f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+}
+
+.focus\:from-cool-gray-200:focus {
+  --gradient-from-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+}
+
+.focus\:from-cool-gray-300:focus {
+  --gradient-from-color: #cfd8e3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+}
+
+.focus\:from-cool-gray-400:focus {
+  --gradient-from-color: #97a6ba;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+}
+
+.focus\:from-cool-gray-500:focus {
+  --gradient-from-color: #64748b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+}
+
+.focus\:from-cool-gray-600:focus {
+  --gradient-from-color: #475569;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+}
+
+.focus\:from-cool-gray-700:focus {
+  --gradient-from-color: #364152;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+}
+
+.focus\:from-cool-gray-800:focus {
+  --gradient-from-color: #27303f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+}
+
+.focus\:from-cool-gray-900:focus {
+  --gradient-from-color: #1a202e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+}
+
+.focus\:via-current:focus {
+  --gradient-via-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-transparent:focus {
+  --gradient-via-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+}
+
+.focus\:via-white:focus {
+  --gradient-via-color: #ffffff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-black:focus {
+  --gradient-via-color: #000000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+}
+
+.focus\:via-gray-50:focus {
+  --gradient-via-color: #f9fafb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+}
+
+.focus\:via-gray-100:focus {
+  --gradient-via-color: #f4f5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+}
+
+.focus\:via-gray-200:focus {
+  --gradient-via-color: #e5e7eb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+}
+
+.focus\:via-gray-300:focus {
+  --gradient-via-color: #d2d6dc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+}
+
+.focus\:via-gray-400:focus {
+  --gradient-via-color: #9fa6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+}
+
+.focus\:via-gray-500:focus {
+  --gradient-via-color: #6b7280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+}
+
+.focus\:via-gray-600:focus {
+  --gradient-via-color: #4b5563;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+}
+
+.focus\:via-gray-700:focus {
+  --gradient-via-color: #374151;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+}
+
+.focus\:via-gray-800:focus {
+  --gradient-via-color: #252f3f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+}
+
+.focus\:via-gray-900:focus {
+  --gradient-via-color: #161e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+}
+
+.focus\:via-red-50:focus {
+  --gradient-via-color: #fdf2f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+}
+
+.focus\:via-red-100:focus {
+  --gradient-via-color: #fde8e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+}
+
+.focus\:via-red-200:focus {
+  --gradient-via-color: #fbd5d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+}
+
+.focus\:via-red-300:focus {
+  --gradient-via-color: #f8b4b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+}
+
+.focus\:via-red-400:focus {
+  --gradient-via-color: #f98080;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+}
+
+.focus\:via-red-500:focus {
+  --gradient-via-color: #f05252;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+}
+
+.focus\:via-red-600:focus {
+  --gradient-via-color: #e02424;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+}
+
+.focus\:via-red-700:focus {
+  --gradient-via-color: #c81e1e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+}
+
+.focus\:via-red-800:focus {
+  --gradient-via-color: #9b1c1c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+}
+
+.focus\:via-red-900:focus {
+  --gradient-via-color: #771d1d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+}
+
+.focus\:via-orange-50:focus {
+  --gradient-via-color: #fff8f1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+}
+
+.focus\:via-orange-100:focus {
+  --gradient-via-color: #feecdc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+}
+
+.focus\:via-orange-200:focus {
+  --gradient-via-color: #fcd9bd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+}
+
+.focus\:via-orange-300:focus {
+  --gradient-via-color: #fdba8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+}
+
+.focus\:via-orange-400:focus {
+  --gradient-via-color: #ff8a4c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+}
+
+.focus\:via-orange-500:focus {
+  --gradient-via-color: #ff5a1f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+}
+
+.focus\:via-orange-600:focus {
+  --gradient-via-color: #d03801;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+}
+
+.focus\:via-orange-700:focus {
+  --gradient-via-color: #b43403;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+}
+
+.focus\:via-orange-800:focus {
+  --gradient-via-color: #8a2c0d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+}
+
+.focus\:via-orange-900:focus {
+  --gradient-via-color: #73230d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+}
+
+.focus\:via-yellow-50:focus {
+  --gradient-via-color: #fdfdea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+}
+
+.focus\:via-yellow-100:focus {
+  --gradient-via-color: #fdf6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+}
+
+.focus\:via-yellow-200:focus {
+  --gradient-via-color: #fce96a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+}
+
+.focus\:via-yellow-300:focus {
+  --gradient-via-color: #faca15;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+}
+
+.focus\:via-yellow-400:focus {
+  --gradient-via-color: #e3a008;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+}
+
+.focus\:via-yellow-500:focus {
+  --gradient-via-color: #c27803;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+}
+
+.focus\:via-yellow-600:focus {
+  --gradient-via-color: #9f580a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+}
+
+.focus\:via-yellow-700:focus {
+  --gradient-via-color: #8e4b10;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+}
+
+.focus\:via-yellow-800:focus {
+  --gradient-via-color: #723b13;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+}
+
+.focus\:via-yellow-900:focus {
+  --gradient-via-color: #633112;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+}
+
+.focus\:via-green-50:focus {
+  --gradient-via-color: #f3faf7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+}
+
+.focus\:via-green-100:focus {
+  --gradient-via-color: #def7ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+}
+
+.focus\:via-green-200:focus {
+  --gradient-via-color: #bcf0da;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+}
+
+.focus\:via-green-300:focus {
+  --gradient-via-color: #84e1bc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+}
+
+.focus\:via-green-400:focus {
+  --gradient-via-color: #31c48d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+}
+
+.focus\:via-green-500:focus {
+  --gradient-via-color: #0e9f6e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+}
+
+.focus\:via-green-600:focus {
+  --gradient-via-color: #057a55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+}
+
+.focus\:via-green-700:focus {
+  --gradient-via-color: #046c4e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+}
+
+.focus\:via-green-800:focus {
+  --gradient-via-color: #03543f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+}
+
+.focus\:via-green-900:focus {
+  --gradient-via-color: #014737;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+}
+
+.focus\:via-teal-50:focus {
+  --gradient-via-color: #edfafa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+}
+
+.focus\:via-teal-100:focus {
+  --gradient-via-color: #d5f5f6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+}
+
+.focus\:via-teal-200:focus {
+  --gradient-via-color: #afecef;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+}
+
+.focus\:via-teal-300:focus {
+  --gradient-via-color: #7edce2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+}
+
+.focus\:via-teal-400:focus {
+  --gradient-via-color: #16bdca;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+}
+
+.focus\:via-teal-500:focus {
+  --gradient-via-color: #0694a2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+}
+
+.focus\:via-teal-600:focus {
+  --gradient-via-color: #047481;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+}
+
+.focus\:via-teal-700:focus {
+  --gradient-via-color: #036672;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+}
+
+.focus\:via-teal-800:focus {
+  --gradient-via-color: #05505c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+}
+
+.focus\:via-teal-900:focus {
+  --gradient-via-color: #014451;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+}
+
+.focus\:via-blue-50:focus {
+  --gradient-via-color: #ebf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+}
+
+.focus\:via-blue-100:focus {
+  --gradient-via-color: #e1effe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+}
+
+.focus\:via-blue-200:focus {
+  --gradient-via-color: #c3ddfd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+}
+
+.focus\:via-blue-300:focus {
+  --gradient-via-color: #a4cafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+}
+
+.focus\:via-blue-400:focus {
+  --gradient-via-color: #76a9fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+}
+
+.focus\:via-blue-500:focus {
+  --gradient-via-color: #3f83f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+}
+
+.focus\:via-blue-600:focus {
+  --gradient-via-color: #1c64f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+}
+
+.focus\:via-blue-700:focus {
+  --gradient-via-color: #1a56db;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+}
+
+.focus\:via-blue-800:focus {
+  --gradient-via-color: #1e429f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+}
+
+.focus\:via-blue-900:focus {
+  --gradient-via-color: #233876;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+}
+
+.focus\:via-indigo-50:focus {
+  --gradient-via-color: #f0f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+}
+
+.focus\:via-indigo-100:focus {
+  --gradient-via-color: #e5edff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+}
+
+.focus\:via-indigo-200:focus {
+  --gradient-via-color: #cddbfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+}
+
+.focus\:via-indigo-300:focus {
+  --gradient-via-color: #b4c6fc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+}
+
+.focus\:via-indigo-400:focus {
+  --gradient-via-color: #8da2fb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+}
+
+.focus\:via-indigo-500:focus {
+  --gradient-via-color: #6875f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+}
+
+.focus\:via-indigo-600:focus {
+  --gradient-via-color: #5850ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+}
+
+.focus\:via-indigo-700:focus {
+  --gradient-via-color: #5145cd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+}
+
+.focus\:via-indigo-800:focus {
+  --gradient-via-color: #42389d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+}
+
+.focus\:via-indigo-900:focus {
+  --gradient-via-color: #362f78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+}
+
+.focus\:via-purple-50:focus {
+  --gradient-via-color: #f6f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+}
+
+.focus\:via-purple-100:focus {
+  --gradient-via-color: #edebfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+}
+
+.focus\:via-purple-200:focus {
+  --gradient-via-color: #dcd7fe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+}
+
+.focus\:via-purple-300:focus {
+  --gradient-via-color: #cabffd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+}
+
+.focus\:via-purple-400:focus {
+  --gradient-via-color: #ac94fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+}
+
+.focus\:via-purple-500:focus {
+  --gradient-via-color: #9061f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+}
+
+.focus\:via-purple-600:focus {
+  --gradient-via-color: #7e3af2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+}
+
+.focus\:via-purple-700:focus {
+  --gradient-via-color: #6c2bd9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+}
+
+.focus\:via-purple-800:focus {
+  --gradient-via-color: #5521b5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+}
+
+.focus\:via-purple-900:focus {
+  --gradient-via-color: #4a1d96;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+}
+
+.focus\:via-pink-50:focus {
+  --gradient-via-color: #fdf2f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+}
+
+.focus\:via-pink-100:focus {
+  --gradient-via-color: #fce8f3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+}
+
+.focus\:via-pink-200:focus {
+  --gradient-via-color: #fad1e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+}
+
+.focus\:via-pink-300:focus {
+  --gradient-via-color: #f8b4d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+}
+
+.focus\:via-pink-400:focus {
+  --gradient-via-color: #f17eb8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+}
+
+.focus\:via-pink-500:focus {
+  --gradient-via-color: #e74694;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+}
+
+.focus\:via-pink-600:focus {
+  --gradient-via-color: #d61f69;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+}
+
+.focus\:via-pink-700:focus {
+  --gradient-via-color: #bf125d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+}
+
+.focus\:via-pink-800:focus {
+  --gradient-via-color: #99154b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+}
+
+.focus\:via-pink-900:focus {
+  --gradient-via-color: #751a3d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+}
+
+.focus\:via-cool-gray-50:focus {
+  --gradient-via-color: #f8fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+}
+
+.focus\:via-cool-gray-100:focus {
+  --gradient-via-color: #f1f5f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+}
+
+.focus\:via-cool-gray-200:focus {
+  --gradient-via-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+}
+
+.focus\:via-cool-gray-300:focus {
+  --gradient-via-color: #cfd8e3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+}
+
+.focus\:via-cool-gray-400:focus {
+  --gradient-via-color: #97a6ba;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+}
+
+.focus\:via-cool-gray-500:focus {
+  --gradient-via-color: #64748b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+}
+
+.focus\:via-cool-gray-600:focus {
+  --gradient-via-color: #475569;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+}
+
+.focus\:via-cool-gray-700:focus {
+  --gradient-via-color: #364152;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+}
+
+.focus\:via-cool-gray-800:focus {
+  --gradient-via-color: #27303f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+}
+
+.focus\:via-cool-gray-900:focus {
+  --gradient-via-color: #1a202e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+}
+
+.focus\:to-current:focus {
+  --gradient-to-color: currentColor;
+}
+
+.focus\:to-transparent:focus {
+  --gradient-to-color: transparent;
+}
+
+.focus\:to-white:focus {
+  --gradient-to-color: #ffffff;
+}
+
+.focus\:to-black:focus {
+  --gradient-to-color: #000000;
+}
+
+.focus\:to-gray-50:focus {
+  --gradient-to-color: #f9fafb;
+}
+
+.focus\:to-gray-100:focus {
+  --gradient-to-color: #f4f5f7;
+}
+
+.focus\:to-gray-200:focus {
+  --gradient-to-color: #e5e7eb;
+}
+
+.focus\:to-gray-300:focus {
+  --gradient-to-color: #d2d6dc;
+}
+
+.focus\:to-gray-400:focus {
+  --gradient-to-color: #9fa6b2;
+}
+
+.focus\:to-gray-500:focus {
+  --gradient-to-color: #6b7280;
+}
+
+.focus\:to-gray-600:focus {
+  --gradient-to-color: #4b5563;
+}
+
+.focus\:to-gray-700:focus {
+  --gradient-to-color: #374151;
+}
+
+.focus\:to-gray-800:focus {
+  --gradient-to-color: #252f3f;
+}
+
+.focus\:to-gray-900:focus {
+  --gradient-to-color: #161e2e;
+}
+
+.focus\:to-red-50:focus {
+  --gradient-to-color: #fdf2f2;
+}
+
+.focus\:to-red-100:focus {
+  --gradient-to-color: #fde8e8;
+}
+
+.focus\:to-red-200:focus {
+  --gradient-to-color: #fbd5d5;
+}
+
+.focus\:to-red-300:focus {
+  --gradient-to-color: #f8b4b4;
+}
+
+.focus\:to-red-400:focus {
+  --gradient-to-color: #f98080;
+}
+
+.focus\:to-red-500:focus {
+  --gradient-to-color: #f05252;
+}
+
+.focus\:to-red-600:focus {
+  --gradient-to-color: #e02424;
+}
+
+.focus\:to-red-700:focus {
+  --gradient-to-color: #c81e1e;
+}
+
+.focus\:to-red-800:focus {
+  --gradient-to-color: #9b1c1c;
+}
+
+.focus\:to-red-900:focus {
+  --gradient-to-color: #771d1d;
+}
+
+.focus\:to-orange-50:focus {
+  --gradient-to-color: #fff8f1;
+}
+
+.focus\:to-orange-100:focus {
+  --gradient-to-color: #feecdc;
+}
+
+.focus\:to-orange-200:focus {
+  --gradient-to-color: #fcd9bd;
+}
+
+.focus\:to-orange-300:focus {
+  --gradient-to-color: #fdba8c;
+}
+
+.focus\:to-orange-400:focus {
+  --gradient-to-color: #ff8a4c;
+}
+
+.focus\:to-orange-500:focus {
+  --gradient-to-color: #ff5a1f;
+}
+
+.focus\:to-orange-600:focus {
+  --gradient-to-color: #d03801;
+}
+
+.focus\:to-orange-700:focus {
+  --gradient-to-color: #b43403;
+}
+
+.focus\:to-orange-800:focus {
+  --gradient-to-color: #8a2c0d;
+}
+
+.focus\:to-orange-900:focus {
+  --gradient-to-color: #73230d;
+}
+
+.focus\:to-yellow-50:focus {
+  --gradient-to-color: #fdfdea;
+}
+
+.focus\:to-yellow-100:focus {
+  --gradient-to-color: #fdf6b2;
+}
+
+.focus\:to-yellow-200:focus {
+  --gradient-to-color: #fce96a;
+}
+
+.focus\:to-yellow-300:focus {
+  --gradient-to-color: #faca15;
+}
+
+.focus\:to-yellow-400:focus {
+  --gradient-to-color: #e3a008;
+}
+
+.focus\:to-yellow-500:focus {
+  --gradient-to-color: #c27803;
+}
+
+.focus\:to-yellow-600:focus {
+  --gradient-to-color: #9f580a;
+}
+
+.focus\:to-yellow-700:focus {
+  --gradient-to-color: #8e4b10;
+}
+
+.focus\:to-yellow-800:focus {
+  --gradient-to-color: #723b13;
+}
+
+.focus\:to-yellow-900:focus {
+  --gradient-to-color: #633112;
+}
+
+.focus\:to-green-50:focus {
+  --gradient-to-color: #f3faf7;
+}
+
+.focus\:to-green-100:focus {
+  --gradient-to-color: #def7ec;
+}
+
+.focus\:to-green-200:focus {
+  --gradient-to-color: #bcf0da;
+}
+
+.focus\:to-green-300:focus {
+  --gradient-to-color: #84e1bc;
+}
+
+.focus\:to-green-400:focus {
+  --gradient-to-color: #31c48d;
+}
+
+.focus\:to-green-500:focus {
+  --gradient-to-color: #0e9f6e;
+}
+
+.focus\:to-green-600:focus {
+  --gradient-to-color: #057a55;
+}
+
+.focus\:to-green-700:focus {
+  --gradient-to-color: #046c4e;
+}
+
+.focus\:to-green-800:focus {
+  --gradient-to-color: #03543f;
+}
+
+.focus\:to-green-900:focus {
+  --gradient-to-color: #014737;
+}
+
+.focus\:to-teal-50:focus {
+  --gradient-to-color: #edfafa;
+}
+
+.focus\:to-teal-100:focus {
+  --gradient-to-color: #d5f5f6;
+}
+
+.focus\:to-teal-200:focus {
+  --gradient-to-color: #afecef;
+}
+
+.focus\:to-teal-300:focus {
+  --gradient-to-color: #7edce2;
+}
+
+.focus\:to-teal-400:focus {
+  --gradient-to-color: #16bdca;
+}
+
+.focus\:to-teal-500:focus {
+  --gradient-to-color: #0694a2;
+}
+
+.focus\:to-teal-600:focus {
+  --gradient-to-color: #047481;
+}
+
+.focus\:to-teal-700:focus {
+  --gradient-to-color: #036672;
+}
+
+.focus\:to-teal-800:focus {
+  --gradient-to-color: #05505c;
+}
+
+.focus\:to-teal-900:focus {
+  --gradient-to-color: #014451;
+}
+
+.focus\:to-blue-50:focus {
+  --gradient-to-color: #ebf5ff;
+}
+
+.focus\:to-blue-100:focus {
+  --gradient-to-color: #e1effe;
+}
+
+.focus\:to-blue-200:focus {
+  --gradient-to-color: #c3ddfd;
+}
+
+.focus\:to-blue-300:focus {
+  --gradient-to-color: #a4cafe;
+}
+
+.focus\:to-blue-400:focus {
+  --gradient-to-color: #76a9fa;
+}
+
+.focus\:to-blue-500:focus {
+  --gradient-to-color: #3f83f8;
+}
+
+.focus\:to-blue-600:focus {
+  --gradient-to-color: #1c64f2;
+}
+
+.focus\:to-blue-700:focus {
+  --gradient-to-color: #1a56db;
+}
+
+.focus\:to-blue-800:focus {
+  --gradient-to-color: #1e429f;
+}
+
+.focus\:to-blue-900:focus {
+  --gradient-to-color: #233876;
+}
+
+.focus\:to-indigo-50:focus {
+  --gradient-to-color: #f0f5ff;
+}
+
+.focus\:to-indigo-100:focus {
+  --gradient-to-color: #e5edff;
+}
+
+.focus\:to-indigo-200:focus {
+  --gradient-to-color: #cddbfe;
+}
+
+.focus\:to-indigo-300:focus {
+  --gradient-to-color: #b4c6fc;
+}
+
+.focus\:to-indigo-400:focus {
+  --gradient-to-color: #8da2fb;
+}
+
+.focus\:to-indigo-500:focus {
+  --gradient-to-color: #6875f5;
+}
+
+.focus\:to-indigo-600:focus {
+  --gradient-to-color: #5850ec;
+}
+
+.focus\:to-indigo-700:focus {
+  --gradient-to-color: #5145cd;
+}
+
+.focus\:to-indigo-800:focus {
+  --gradient-to-color: #42389d;
+}
+
+.focus\:to-indigo-900:focus {
+  --gradient-to-color: #362f78;
+}
+
+.focus\:to-purple-50:focus {
+  --gradient-to-color: #f6f5ff;
+}
+
+.focus\:to-purple-100:focus {
+  --gradient-to-color: #edebfe;
+}
+
+.focus\:to-purple-200:focus {
+  --gradient-to-color: #dcd7fe;
+}
+
+.focus\:to-purple-300:focus {
+  --gradient-to-color: #cabffd;
+}
+
+.focus\:to-purple-400:focus {
+  --gradient-to-color: #ac94fa;
+}
+
+.focus\:to-purple-500:focus {
+  --gradient-to-color: #9061f9;
+}
+
+.focus\:to-purple-600:focus {
+  --gradient-to-color: #7e3af2;
+}
+
+.focus\:to-purple-700:focus {
+  --gradient-to-color: #6c2bd9;
+}
+
+.focus\:to-purple-800:focus {
+  --gradient-to-color: #5521b5;
+}
+
+.focus\:to-purple-900:focus {
+  --gradient-to-color: #4a1d96;
+}
+
+.focus\:to-pink-50:focus {
+  --gradient-to-color: #fdf2f8;
+}
+
+.focus\:to-pink-100:focus {
+  --gradient-to-color: #fce8f3;
+}
+
+.focus\:to-pink-200:focus {
+  --gradient-to-color: #fad1e8;
+}
+
+.focus\:to-pink-300:focus {
+  --gradient-to-color: #f8b4d9;
+}
+
+.focus\:to-pink-400:focus {
+  --gradient-to-color: #f17eb8;
+}
+
+.focus\:to-pink-500:focus {
+  --gradient-to-color: #e74694;
+}
+
+.focus\:to-pink-600:focus {
+  --gradient-to-color: #d61f69;
+}
+
+.focus\:to-pink-700:focus {
+  --gradient-to-color: #bf125d;
+}
+
+.focus\:to-pink-800:focus {
+  --gradient-to-color: #99154b;
+}
+
+.focus\:to-pink-900:focus {
+  --gradient-to-color: #751a3d;
+}
+
+.focus\:to-cool-gray-50:focus {
+  --gradient-to-color: #f8fafc;
+}
+
+.focus\:to-cool-gray-100:focus {
+  --gradient-to-color: #f1f5f9;
+}
+
+.focus\:to-cool-gray-200:focus {
+  --gradient-to-color: #e2e8f0;
+}
+
+.focus\:to-cool-gray-300:focus {
+  --gradient-to-color: #cfd8e3;
+}
+
+.focus\:to-cool-gray-400:focus {
+  --gradient-to-color: #97a6ba;
+}
+
+.focus\:to-cool-gray-500:focus {
+  --gradient-to-color: #64748b;
+}
+
+.focus\:to-cool-gray-600:focus {
+  --gradient-to-color: #475569;
+}
+
+.focus\:to-cool-gray-700:focus {
+  --gradient-to-color: #364152;
+}
+
+.focus\:to-cool-gray-800:focus {
+  --gradient-to-color: #27303f;
+}
+
+.focus\:to-cool-gray-900:focus {
+  --gradient-to-color: #1a202e;
+}
+
+.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-current {
+  border-color: currentColor;
+}
+
+.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-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: #73230d;
+  border-color: rgba(115, 35, 13, 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));
+}
+
+.border-cool-gray-50 {
+  --border-opacity: 1;
+  border-color: #f8fafc;
+  border-color: rgba(248, 250, 252, 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));
+}
+
+.group:hover .group-hover\:border-current {
+  border-color: currentColor;
+}
+
+.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-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: #73230d;
+  border-color: rgba(115, 35, 13, 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:hover .group-hover\:border-cool-gray-50 {
+  --border-opacity: 1;
+  border-color: #f8fafc;
+  border-color: rgba(248, 250, 252, 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:focus .group-focus\:border-current {
+  border-color: currentColor;
+}
+
+.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-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: #73230d;
+  border-color: rgba(115, 35, 13, 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));
+}
+
+.group:focus .group-focus\:border-cool-gray-50 {
+  --border-opacity: 1;
+  border-color: #f8fafc;
+  border-color: rgba(248, 250, 252, 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));
+}
+
+.hover\:border-current:hover {
+  border-color: currentColor;
+}
+
+.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-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: #73230d;
+  border-color: rgba(115, 35, 13, 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));
+}
+
+.hover\:border-cool-gray-50:hover {
+  --border-opacity: 1;
+  border-color: #f8fafc;
+  border-color: rgba(248, 250, 252, 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));
+}
+
+.focus-within\:border-current:focus-within {
+  border-color: currentColor;
+}
+
+.focus-within\:border-transparent:focus-within {
+  border-color: transparent;
+}
+
+.focus-within\:border-white:focus-within {
+  --border-opacity: 1;
+  border-color: #ffffff;
+  border-color: rgba(255, 255, 255, var(--border-opacity));
+}
+
+.focus-within\:border-black:focus-within {
+  --border-opacity: 1;
+  border-color: #000000;
+  border-color: rgba(0, 0, 0, var(--border-opacity));
+}
+
+.focus-within\:border-gray-50:focus-within {
+  --border-opacity: 1;
+  border-color: #f9fafb;
+  border-color: rgba(249, 250, 251, var(--border-opacity));
+}
+
+.focus-within\:border-gray-100:focus-within {
+  --border-opacity: 1;
+  border-color: #f4f5f7;
+  border-color: rgba(244, 245, 247, var(--border-opacity));
+}
+
+.focus-within\:border-gray-200:focus-within {
+  --border-opacity: 1;
+  border-color: #e5e7eb;
+  border-color: rgba(229, 231, 235, var(--border-opacity));
+}
+
+.focus-within\:border-gray-300:focus-within {
+  --border-opacity: 1;
+  border-color: #d2d6dc;
+  border-color: rgba(210, 214, 220, var(--border-opacity));
+}
+
+.focus-within\:border-gray-400:focus-within {
+  --border-opacity: 1;
+  border-color: #9fa6b2;
+  border-color: rgba(159, 166, 178, var(--border-opacity));
+}
+
+.focus-within\:border-gray-500:focus-within {
+  --border-opacity: 1;
+  border-color: #6b7280;
+  border-color: rgba(107, 114, 128, var(--border-opacity));
+}
+
+.focus-within\:border-gray-600:focus-within {
+  --border-opacity: 1;
+  border-color: #4b5563;
+  border-color: rgba(75, 85, 99, var(--border-opacity));
+}
+
+.focus-within\:border-gray-700:focus-within {
+  --border-opacity: 1;
+  border-color: #374151;
+  border-color: rgba(55, 65, 81, var(--border-opacity));
+}
+
+.focus-within\:border-gray-800:focus-within {
+  --border-opacity: 1;
+  border-color: #252f3f;
+  border-color: rgba(37, 47, 63, var(--border-opacity));
+}
+
+.focus-within\:border-gray-900:focus-within {
+  --border-opacity: 1;
+  border-color: #161e2e;
+  border-color: rgba(22, 30, 46, var(--border-opacity));
+}
+
+.focus-within\:border-red-50:focus-within {
+  --border-opacity: 1;
+  border-color: #fdf2f2;
+  border-color: rgba(253, 242, 242, var(--border-opacity));
+}
+
+.focus-within\:border-red-100:focus-within {
+  --border-opacity: 1;
+  border-color: #fde8e8;
+  border-color: rgba(253, 232, 232, var(--border-opacity));
+}
+
+.focus-within\:border-red-200:focus-within {
+  --border-opacity: 1;
+  border-color: #fbd5d5;
+  border-color: rgba(251, 213, 213, var(--border-opacity));
+}
+
+.focus-within\:border-red-300:focus-within {
+  --border-opacity: 1;
+  border-color: #f8b4b4;
+  border-color: rgba(248, 180, 180, var(--border-opacity));
+}
+
+.focus-within\:border-red-400:focus-within {
+  --border-opacity: 1;
+  border-color: #f98080;
+  border-color: rgba(249, 128, 128, var(--border-opacity));
+}
+
+.focus-within\:border-red-500:focus-within {
+  --border-opacity: 1;
+  border-color: #f05252;
+  border-color: rgba(240, 82, 82, var(--border-opacity));
+}
+
+.focus-within\:border-red-600:focus-within {
+  --border-opacity: 1;
+  border-color: #e02424;
+  border-color: rgba(224, 36, 36, var(--border-opacity));
+}
+
+.focus-within\:border-red-700:focus-within {
+  --border-opacity: 1;
+  border-color: #c81e1e;
+  border-color: rgba(200, 30, 30, var(--border-opacity));
+}
+
+.focus-within\:border-red-800:focus-within {
+  --border-opacity: 1;
+  border-color: #9b1c1c;
+  border-color: rgba(155, 28, 28, var(--border-opacity));
+}
+
+.focus-within\:border-red-900:focus-within {
+  --border-opacity: 1;
+  border-color: #771d1d;
+  border-color: rgba(119, 29, 29, var(--border-opacity));
+}
+
+.focus-within\:border-orange-50:focus-within {
+  --border-opacity: 1;
+  border-color: #fff8f1;
+  border-color: rgba(255, 248, 241, var(--border-opacity));
+}
+
+.focus-within\:border-orange-100:focus-within {
+  --border-opacity: 1;
+  border-color: #feecdc;
+  border-color: rgba(254, 236, 220, var(--border-opacity));
+}
+
+.focus-within\:border-orange-200:focus-within {
+  --border-opacity: 1;
+  border-color: #fcd9bd;
+  border-color: rgba(252, 217, 189, var(--border-opacity));
+}
+
+.focus-within\:border-orange-300:focus-within {
+  --border-opacity: 1;
+  border-color: #fdba8c;
+  border-color: rgba(253, 186, 140, var(--border-opacity));
+}
+
+.focus-within\:border-orange-400:focus-within {
+  --border-opacity: 1;
+  border-color: #ff8a4c;
+  border-color: rgba(255, 138, 76, var(--border-opacity));
+}
+
+.focus-within\:border-orange-500:focus-within {
+  --border-opacity: 1;
+  border-color: #ff5a1f;
+  border-color: rgba(255, 90, 31, var(--border-opacity));
+}
+
+.focus-within\:border-orange-600:focus-within {
+  --border-opacity: 1;
+  border-color: #d03801;
+  border-color: rgba(208, 56, 1, var(--border-opacity));
+}
+
+.focus-within\:border-orange-700:focus-within {
+  --border-opacity: 1;
+  border-color: #b43403;
+  border-color: rgba(180, 52, 3, var(--border-opacity));
+}
+
+.focus-within\:border-orange-800:focus-within {
+  --border-opacity: 1;
+  border-color: #8a2c0d;
+  border-color: rgba(138, 44, 13, var(--border-opacity));
+}
+
+.focus-within\:border-orange-900:focus-within {
+  --border-opacity: 1;
+  border-color: #73230d;
+  border-color: rgba(115, 35, 13, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-50:focus-within {
+  --border-opacity: 1;
+  border-color: #fdfdea;
+  border-color: rgba(253, 253, 234, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-100:focus-within {
+  --border-opacity: 1;
+  border-color: #fdf6b2;
+  border-color: rgba(253, 246, 178, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-200:focus-within {
+  --border-opacity: 1;
+  border-color: #fce96a;
+  border-color: rgba(252, 233, 106, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-300:focus-within {
+  --border-opacity: 1;
+  border-color: #faca15;
+  border-color: rgba(250, 202, 21, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-400:focus-within {
+  --border-opacity: 1;
+  border-color: #e3a008;
+  border-color: rgba(227, 160, 8, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-500:focus-within {
+  --border-opacity: 1;
+  border-color: #c27803;
+  border-color: rgba(194, 120, 3, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-600:focus-within {
+  --border-opacity: 1;
+  border-color: #9f580a;
+  border-color: rgba(159, 88, 10, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-700:focus-within {
+  --border-opacity: 1;
+  border-color: #8e4b10;
+  border-color: rgba(142, 75, 16, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-800:focus-within {
+  --border-opacity: 1;
+  border-color: #723b13;
+  border-color: rgba(114, 59, 19, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-900:focus-within {
+  --border-opacity: 1;
+  border-color: #633112;
+  border-color: rgba(99, 49, 18, var(--border-opacity));
+}
+
+.focus-within\:border-green-50:focus-within {
+  --border-opacity: 1;
+  border-color: #f3faf7;
+  border-color: rgba(243, 250, 247, var(--border-opacity));
+}
+
+.focus-within\:border-green-100:focus-within {
+  --border-opacity: 1;
+  border-color: #def7ec;
+  border-color: rgba(222, 247, 236, var(--border-opacity));
+}
+
+.focus-within\:border-green-200:focus-within {
+  --border-opacity: 1;
+  border-color: #bcf0da;
+  border-color: rgba(188, 240, 218, var(--border-opacity));
+}
+
+.focus-within\:border-green-300:focus-within {
+  --border-opacity: 1;
+  border-color: #84e1bc;
+  border-color: rgba(132, 225, 188, var(--border-opacity));
+}
+
+.focus-within\:border-green-400:focus-within {
+  --border-opacity: 1;
+  border-color: #31c48d;
+  border-color: rgba(49, 196, 141, var(--border-opacity));
+}
+
+.focus-within\:border-green-500:focus-within {
+  --border-opacity: 1;
+  border-color: #0e9f6e;
+  border-color: rgba(14, 159, 110, var(--border-opacity));
+}
+
+.focus-within\:border-green-600:focus-within {
+  --border-opacity: 1;
+  border-color: #057a55;
+  border-color: rgba(5, 122, 85, var(--border-opacity));
+}
+
+.focus-within\:border-green-700:focus-within {
+  --border-opacity: 1;
+  border-color: #046c4e;
+  border-color: rgba(4, 108, 78, var(--border-opacity));
+}
+
+.focus-within\:border-green-800:focus-within {
+  --border-opacity: 1;
+  border-color: #03543f;
+  border-color: rgba(3, 84, 63, var(--border-opacity));
+}
+
+.focus-within\:border-green-900:focus-within {
+  --border-opacity: 1;
+  border-color: #014737;
+  border-color: rgba(1, 71, 55, var(--border-opacity));
+}
+
+.focus-within\:border-teal-50:focus-within {
+  --border-opacity: 1;
+  border-color: #edfafa;
+  border-color: rgba(237, 250, 250, var(--border-opacity));
+}
+
+.focus-within\:border-teal-100:focus-within {
+  --border-opacity: 1;
+  border-color: #d5f5f6;
+  border-color: rgba(213, 245, 246, var(--border-opacity));
+}
+
+.focus-within\:border-teal-200:focus-within {
+  --border-opacity: 1;
+  border-color: #afecef;
+  border-color: rgba(175, 236, 239, var(--border-opacity));
+}
+
+.focus-within\:border-teal-300:focus-within {
+  --border-opacity: 1;
+  border-color: #7edce2;
+  border-color: rgba(126, 220, 226, var(--border-opacity));
+}
+
+.focus-within\:border-teal-400:focus-within {
+  --border-opacity: 1;
+  border-color: #16bdca;
+  border-color: rgba(22, 189, 202, var(--border-opacity));
+}
+
+.focus-within\:border-teal-500:focus-within {
+  --border-opacity: 1;
+  border-color: #0694a2;
+  border-color: rgba(6, 148, 162, var(--border-opacity));
+}
+
+.focus-within\:border-teal-600:focus-within {
+  --border-opacity: 1;
+  border-color: #047481;
+  border-color: rgba(4, 116, 129, var(--border-opacity));
+}
+
+.focus-within\:border-teal-700:focus-within {
+  --border-opacity: 1;
+  border-color: #036672;
+  border-color: rgba(3, 102, 114, var(--border-opacity));
+}
+
+.focus-within\:border-teal-800:focus-within {
+  --border-opacity: 1;
+  border-color: #05505c;
+  border-color: rgba(5, 80, 92, var(--border-opacity));
+}
+
+.focus-within\:border-teal-900:focus-within {
+  --border-opacity: 1;
+  border-color: #014451;
+  border-color: rgba(1, 68, 81, var(--border-opacity));
+}
+
+.focus-within\:border-blue-50:focus-within {
+  --border-opacity: 1;
+  border-color: #ebf5ff;
+  border-color: rgba(235, 245, 255, var(--border-opacity));
+}
+
+.focus-within\:border-blue-100:focus-within {
+  --border-opacity: 1;
+  border-color: #e1effe;
+  border-color: rgba(225, 239, 254, var(--border-opacity));
+}
+
+.focus-within\:border-blue-200:focus-within {
+  --border-opacity: 1;
+  border-color: #c3ddfd;
+  border-color: rgba(195, 221, 253, var(--border-opacity));
+}
+
+.focus-within\:border-blue-300:focus-within {
+  --border-opacity: 1;
+  border-color: #a4cafe;
+  border-color: rgba(164, 202, 254, var(--border-opacity));
+}
+
+.focus-within\:border-blue-400:focus-within {
+  --border-opacity: 1;
+  border-color: #76a9fa;
+  border-color: rgba(118, 169, 250, var(--border-opacity));
+}
+
+.focus-within\:border-blue-500:focus-within {
+  --border-opacity: 1;
+  border-color: #3f83f8;
+  border-color: rgba(63, 131, 248, var(--border-opacity));
+}
+
+.focus-within\:border-blue-600:focus-within {
+  --border-opacity: 1;
+  border-color: #1c64f2;
+  border-color: rgba(28, 100, 242, var(--border-opacity));
+}
+
+.focus-within\:border-blue-700:focus-within {
+  --border-opacity: 1;
+  border-color: #1a56db;
+  border-color: rgba(26, 86, 219, var(--border-opacity));
+}
+
+.focus-within\:border-blue-800:focus-within {
+  --border-opacity: 1;
+  border-color: #1e429f;
+  border-color: rgba(30, 66, 159, var(--border-opacity));
+}
+
+.focus-within\:border-blue-900:focus-within {
+  --border-opacity: 1;
+  border-color: #233876;
+  border-color: rgba(35, 56, 118, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-50:focus-within {
+  --border-opacity: 1;
+  border-color: #f0f5ff;
+  border-color: rgba(240, 245, 255, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-100:focus-within {
+  --border-opacity: 1;
+  border-color: #e5edff;
+  border-color: rgba(229, 237, 255, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-200:focus-within {
+  --border-opacity: 1;
+  border-color: #cddbfe;
+  border-color: rgba(205, 219, 254, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-300:focus-within {
+  --border-opacity: 1;
+  border-color: #b4c6fc;
+  border-color: rgba(180, 198, 252, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-400:focus-within {
+  --border-opacity: 1;
+  border-color: #8da2fb;
+  border-color: rgba(141, 162, 251, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-500:focus-within {
+  --border-opacity: 1;
+  border-color: #6875f5;
+  border-color: rgba(104, 117, 245, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-600:focus-within {
+  --border-opacity: 1;
+  border-color: #5850ec;
+  border-color: rgba(88, 80, 236, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-700:focus-within {
+  --border-opacity: 1;
+  border-color: #5145cd;
+  border-color: rgba(81, 69, 205, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-800:focus-within {
+  --border-opacity: 1;
+  border-color: #42389d;
+  border-color: rgba(66, 56, 157, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-900:focus-within {
+  --border-opacity: 1;
+  border-color: #362f78;
+  border-color: rgba(54, 47, 120, var(--border-opacity));
+}
+
+.focus-within\:border-purple-50:focus-within {
+  --border-opacity: 1;
+  border-color: #f6f5ff;
+  border-color: rgba(246, 245, 255, var(--border-opacity));
+}
+
+.focus-within\:border-purple-100:focus-within {
+  --border-opacity: 1;
+  border-color: #edebfe;
+  border-color: rgba(237, 235, 254, var(--border-opacity));
+}
+
+.focus-within\:border-purple-200:focus-within {
+  --border-opacity: 1;
+  border-color: #dcd7fe;
+  border-color: rgba(220, 215, 254, var(--border-opacity));
+}
+
+.focus-within\:border-purple-300:focus-within {
+  --border-opacity: 1;
+  border-color: #cabffd;
+  border-color: rgba(202, 191, 253, var(--border-opacity));
+}
+
+.focus-within\:border-purple-400:focus-within {
+  --border-opacity: 1;
+  border-color: #ac94fa;
+  border-color: rgba(172, 148, 250, var(--border-opacity));
+}
+
+.focus-within\:border-purple-500:focus-within {
+  --border-opacity: 1;
+  border-color: #9061f9;
+  border-color: rgba(144, 97, 249, var(--border-opacity));
+}
+
+.focus-within\:border-purple-600:focus-within {
+  --border-opacity: 1;
+  border-color: #7e3af2;
+  border-color: rgba(126, 58, 242, var(--border-opacity));
+}
+
+.focus-within\:border-purple-700:focus-within {
+  --border-opacity: 1;
+  border-color: #6c2bd9;
+  border-color: rgba(108, 43, 217, var(--border-opacity));
+}
+
+.focus-within\:border-purple-800:focus-within {
+  --border-opacity: 1;
+  border-color: #5521b5;
+  border-color: rgba(85, 33, 181, var(--border-opacity));
+}
+
+.focus-within\:border-purple-900:focus-within {
+  --border-opacity: 1;
+  border-color: #4a1d96;
+  border-color: rgba(74, 29, 150, var(--border-opacity));
+}
+
+.focus-within\:border-pink-50:focus-within {
+  --border-opacity: 1;
+  border-color: #fdf2f8;
+  border-color: rgba(253, 242, 248, var(--border-opacity));
+}
+
+.focus-within\:border-pink-100:focus-within {
+  --border-opacity: 1;
+  border-color: #fce8f3;
+  border-color: rgba(252, 232, 243, var(--border-opacity));
+}
+
+.focus-within\:border-pink-200:focus-within {
+  --border-opacity: 1;
+  border-color: #fad1e8;
+  border-color: rgba(250, 209, 232, var(--border-opacity));
+}
+
+.focus-within\:border-pink-300:focus-within {
+  --border-opacity: 1;
+  border-color: #f8b4d9;
+  border-color: rgba(248, 180, 217, var(--border-opacity));
+}
+
+.focus-within\:border-pink-400:focus-within {
+  --border-opacity: 1;
+  border-color: #f17eb8;
+  border-color: rgba(241, 126, 184, var(--border-opacity));
+}
+
+.focus-within\:border-pink-500:focus-within {
+  --border-opacity: 1;
+  border-color: #e74694;
+  border-color: rgba(231, 70, 148, var(--border-opacity));
+}
+
+.focus-within\:border-pink-600:focus-within {
+  --border-opacity: 1;
+  border-color: #d61f69;
+  border-color: rgba(214, 31, 105, var(--border-opacity));
+}
+
+.focus-within\:border-pink-700:focus-within {
+  --border-opacity: 1;
+  border-color: #bf125d;
+  border-color: rgba(191, 18, 93, var(--border-opacity));
+}
+
+.focus-within\:border-pink-800:focus-within {
+  --border-opacity: 1;
+  border-color: #99154b;
+  border-color: rgba(153, 21, 75, var(--border-opacity));
+}
+
+.focus-within\:border-pink-900:focus-within {
+  --border-opacity: 1;
+  border-color: #751a3d;
+  border-color: rgba(117, 26, 61, var(--border-opacity));
+}
+
+.focus-within\:border-cool-gray-50:focus-within {
+  --border-opacity: 1;
+  border-color: #f8fafc;
+  border-color: rgba(248, 250, 252, var(--border-opacity));
+}
+
+.focus-within\:border-cool-gray-100:focus-within {
+  --border-opacity: 1;
+  border-color: #f1f5f9;
+  border-color: rgba(241, 245, 249, var(--border-opacity));
+}
+
+.focus-within\:border-cool-gray-200:focus-within {
+  --border-opacity: 1;
+  border-color: #e2e8f0;
+  border-color: rgba(226, 232, 240, var(--border-opacity));
+}
+
+.focus-within\:border-cool-gray-300:focus-within {
+  --border-opacity: 1;
+  border-color: #cfd8e3;
+  border-color: rgba(207, 216, 227, var(--border-opacity));
+}
+
+.focus-within\:border-cool-gray-400:focus-within {
+  --border-opacity: 1;
+  border-color: #97a6ba;
+  border-color: rgba(151, 166, 186, var(--border-opacity));
+}
+
+.focus-within\:border-cool-gray-500:focus-within {
+  --border-opacity: 1;
+  border-color: #64748b;
+  border-color: rgba(100, 116, 139, var(--border-opacity));
+}
+
+.focus-within\:border-cool-gray-600:focus-within {
+  --border-opacity: 1;
+  border-color: #475569;
+  border-color: rgba(71, 85, 105, var(--border-opacity));
+}
+
+.focus-within\:border-cool-gray-700:focus-within {
+  --border-opacity: 1;
+  border-color: #364152;
+  border-color: rgba(54, 65, 82, var(--border-opacity));
+}
+
+.focus-within\:border-cool-gray-800:focus-within {
+  --border-opacity: 1;
+  border-color: #27303f;
+  border-color: rgba(39, 48, 63, var(--border-opacity));
+}
+
+.focus-within\:border-cool-gray-900:focus-within {
+  --border-opacity: 1;
+  border-color: #1a202e;
+  border-color: rgba(26, 32, 46, var(--border-opacity));
+}
+
+.focus\:border-current:focus {
+  border-color: currentColor;
+}
+
+.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-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: #73230d;
+  border-color: rgba(115, 35, 13, 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));
+}
+
+.focus\:border-cool-gray-50:focus {
+  --border-opacity: 1;
+  border-color: #f8fafc;
+  border-color: rgba(248, 250, 252, 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));
+}
+
+.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-xl {
+  border-radius: 0.75rem;
+}
+
+.rounded-2xl {
+  border-radius: 1rem;
+}
+
+.rounded-3xl {
+  border-radius: 1.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-xl {
+  border-top-left-radius: 0.75rem;
+  border-top-right-radius: 0.75rem;
+}
+
+.rounded-r-xl {
+  border-top-right-radius: 0.75rem;
+  border-bottom-right-radius: 0.75rem;
+}
+
+.rounded-b-xl {
+  border-bottom-right-radius: 0.75rem;
+  border-bottom-left-radius: 0.75rem;
+}
+
+.rounded-l-xl {
+  border-top-left-radius: 0.75rem;
+  border-bottom-left-radius: 0.75rem;
+}
+
+.rounded-t-2xl {
+  border-top-left-radius: 1rem;
+  border-top-right-radius: 1rem;
+}
+
+.rounded-r-2xl {
+  border-top-right-radius: 1rem;
+  border-bottom-right-radius: 1rem;
+}
+
+.rounded-b-2xl {
+  border-bottom-right-radius: 1rem;
+  border-bottom-left-radius: 1rem;
+}
+
+.rounded-l-2xl {
+  border-top-left-radius: 1rem;
+  border-bottom-left-radius: 1rem;
+}
+
+.rounded-t-3xl {
+  border-top-left-radius: 1.5rem;
+  border-top-right-radius: 1.5rem;
+}
+
+.rounded-r-3xl {
+  border-top-right-radius: 1.5rem;
+  border-bottom-right-radius: 1.5rem;
+}
+
+.rounded-b-3xl {
+  border-bottom-right-radius: 1.5rem;
+  border-bottom-left-radius: 1.5rem;
+}
+
+.rounded-l-3xl {
+  border-top-left-radius: 1.5rem;
+  border-bottom-left-radius: 1.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-xl {
+  border-top-left-radius: 0.75rem;
+}
+
+.rounded-tr-xl {
+  border-top-right-radius: 0.75rem;
+}
+
+.rounded-br-xl {
+  border-bottom-right-radius: 0.75rem;
+}
+
+.rounded-bl-xl {
+  border-bottom-left-radius: 0.75rem;
+}
+
+.rounded-tl-2xl {
+  border-top-left-radius: 1rem;
+}
+
+.rounded-tr-2xl {
+  border-top-right-radius: 1rem;
+}
+
+.rounded-br-2xl {
+  border-bottom-right-radius: 1rem;
+}
+
+.rounded-bl-2xl {
+  border-bottom-left-radius: 1rem;
+}
+
+.rounded-tl-3xl {
+  border-top-left-radius: 1.5rem;
+}
+
+.rounded-tr-3xl {
+  border-top-right-radius: 1.5rem;
+}
+
+.rounded-br-3xl {
+  border-bottom-right-radius: 1.5rem;
+}
+
+.rounded-bl-3xl {
+  border-bottom-left-radius: 1.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;
+}
+
+.contents {
+  display: contents;
+}
+
+.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;
+}
+
+.place-items-auto {
+  place-items: auto;
+}
+
+.place-items-start {
+  place-items: start;
+}
+
+.place-items-end {
+  place-items: end;
+}
+
+.place-items-center {
+  place-items: center;
+}
+
+.place-items-stretch {
+  place-items: stretch;
+}
+
+.place-content-center {
+  place-content: center;
+}
+
+.place-content-start {
+  place-content: start;
+}
+
+.place-content-end {
+  place-content: end;
+}
+
+.place-content-between {
+  place-content: space-between;
+}
+
+.place-content-around {
+  place-content: space-around;
+}
+
+.place-content-evenly {
+  place-content: space-evenly;
+}
+
+.place-content-stretch {
+  place-content: stretch;
+}
+
+.place-self-auto {
+  place-self: auto;
+}
+
+.place-self-start {
+  place-self: start;
+}
+
+.place-self-end {
+  place-self: end;
+}
+
+.place-self-center {
+  place-self: center;
+}
+
+.place-self-stretch {
+  place-self: stretch;
+}
+
+.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;
+}
+
+.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;
+}
+
+.content-evenly {
+  align-content: space-evenly;
+}
+
+.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-items-auto {
+  justify-items: auto;
+}
+
+.justify-items-start {
+  justify-items: start;
+}
+
+.justify-items-end {
+  justify-items: end;
+}
+
+.justify-items-center {
+  justify-items: center;
+}
+
+.justify-items-stretch {
+  justify-items: 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;
+}
+
+.justify-self-auto {
+  justify-self: auto;
+}
+
+.justify-self-start {
+  justify-self: start;
+}
+
+.justify-self-end {
+  justify-self: end;
+}
+
+.justify-self-center {
+  justify-self: center;
+}
+
+.justify-self-stretch {
+  justify-self: stretch;
+}
+
+.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-44 {
+  height: 11rem;
+}
+
+.h-48 {
+  height: 12rem;
+}
+
+.h-52 {
+  height: 13rem;
+}
+
+.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-44 {
+  margin: 11rem;
+}
+
+.m-48 {
+  margin: 12rem;
+}
+
+.m-52 {
+  margin: 13rem;
+}
+
+.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-44 {
+  margin: -11rem;
+}
+
+.-m-48 {
+  margin: -12rem;
+}
+
+.-m-52 {
+  margin: -13rem;
+}
+
+.-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-44 {
+  margin-top: 11rem;
+  margin-bottom: 11rem;
+}
+
+.mx-44 {
+  margin-left: 11rem;
+  margin-right: 11rem;
+}
+
+.my-48 {
+  margin-top: 12rem;
+  margin-bottom: 12rem;
+}
+
+.mx-48 {
+  margin-left: 12rem;
+  margin-right: 12rem;
+}
+
+.my-52 {
+  margin-top: 13rem;
+  margin-bottom: 13rem;
+}
+
+.mx-52 {
+  margin-left: 13rem;
+  margin-right: 13rem;
+}
+
+.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-44 {
+  margin-top: -11rem;
+  margin-bottom: -11rem;
+}
+
+.-mx-44 {
+  margin-left: -11rem;
+  margin-right: -11rem;
+}
+
+.-my-48 {
+  margin-top: -12rem;
+  margin-bottom: -12rem;
+}
+
+.-mx-48 {
+  margin-left: -12rem;
+  margin-right: -12rem;
+}
+
+.-my-52 {
+  margin-top: -13rem;
+  margin-bottom: -13rem;
+}
+
+.-mx-52 {
+  margin-left: -13rem;
+  margin-right: -13rem;
+}
+
+.-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-44 {
+  margin-top: 11rem;
+}
+
+.mr-44 {
+  margin-right: 11rem;
+}
+
+.mb-44 {
+  margin-bottom: 11rem;
+}
+
+.ml-44 {
+  margin-left: 11rem;
+}
+
+.mt-48 {
+  margin-top: 12rem;
+}
+
+.mr-48 {
+  margin-right: 12rem;
+}
+
+.mb-48 {
+  margin-bottom: 12rem;
+}
+
+.ml-48 {
+  margin-left: 12rem;
+}
+
+.mt-52 {
+  margin-top: 13rem;
+}
+
+.mr-52 {
+  margin-right: 13rem;
+}
+
+.mb-52 {
+  margin-bottom: 13rem;
+}
+
+.ml-52 {
+  margin-left: 13rem;
+}
+
+.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-44 {
+  margin-top: -11rem;
+}
+
+.-mr-44 {
+  margin-right: -11rem;
+}
+
+.-mb-44 {
+  margin-bottom: -11rem;
+}
+
+.-ml-44 {
+  margin-left: -11rem;
+}
+
+.-mt-48 {
+  margin-top: -12rem;
+}
+
+.-mr-48 {
+  margin-right: -12rem;
+}
+
+.-mb-48 {
+  margin-bottom: -12rem;
+}
+
+.-ml-48 {
+  margin-left: -12rem;
+}
+
+.-mt-52 {
+  margin-top: -13rem;
+}
+
+.-mr-52 {
+  margin-right: -13rem;
+}
+
+.-mb-52 {
+  margin-bottom: -13rem;
+}
+
+.-ml-52 {
+  margin-left: -13rem;
+}
+
+.-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-44 {
+  max-height: 11rem;
+}
+
+.max-h-48 {
+  max-height: 12rem;
+}
+
+.max-h-52 {
+  max-height: 13rem;
+}
+
+.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-0 {
+  max-width: 0rem;
+}
+
+.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-min-content {
+  max-width: -webkit-min-content;
+  max-width: -moz-min-content;
+  max-width: min-content;
+}
+
+.max-w-max-content {
+  max-width: -webkit-max-content;
+  max-width: -moz-max-content;
+  max-width: max-content;
+}
+
+.max-w-prose {
+  max-width: 65ch;
+}
+
+.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%;
+}
+
+.min-w-min-content {
+  min-width: -webkit-min-content;
+  min-width: -moz-min-content;
+  min-width: min-content;
+}
+
+.min-w-max-content {
+  min-width: -webkit-max-content;
+  min-width: -moz-max-content;
+  min-width: max-content;
+}
+
+.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;
+}
+
+.focus-within\:opacity-0:focus-within {
+  opacity: 0;
+}
+
+.focus-within\:opacity-25:focus-within {
+  opacity: 0.25;
+}
+
+.focus-within\:opacity-50:focus-within {
+  opacity: 0.5;
+}
+
+.focus-within\:opacity-75:focus-within {
+  opacity: 0.75;
+}
+
+.focus-within\:opacity-100:focus-within {
+  opacity: 1;
+}
+
+.group:hover .group-hover\:opacity-0 {
+  opacity: 0;
+}
+
+.group:hover .group-hover\:opacity-25 {
+  opacity: 0.25;
+}
+
+.group:hover .group-hover\:opacity-50 {
+  opacity: 0.5;
+}
+
+.group:hover .group-hover\:opacity-75 {
+  opacity: 0.75;
+}
+
+.group:hover .group-hover\:opacity-100 {
+  opacity: 1;
+}
+
+.group:focus .group-focus\:opacity-0 {
+  opacity: 0;
+}
+
+.group:focus .group-focus\:opacity-25 {
+  opacity: 0.25;
+}
+
+.group:focus .group-focus\:opacity-50 {
+  opacity: 0.5;
+}
+
+.group:focus .group-focus\:opacity-75 {
+  opacity: 0.75;
+}
+
+.group:focus .group-focus\: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: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.outline-white {
+  outline: 2px dotted white;
+  outline-offset: 2px;
+}
+
+.outline-black {
+  outline: 2px dotted black;
+  outline-offset: 2px;
+}
+
+.focus\:outline-none:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.focus\:outline-white:focus {
+  outline: 2px dotted white;
+  outline-offset: 2px;
+}
+
+.focus\:outline-black:focus {
+  outline: 2px dotted black;
+  outline-offset: 2px;
+}
+
+.overflow-auto {
+  overflow: auto;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+.overflow-visible {
+  overflow: visible;
+}
+
+.overflow-scroll {
+  overflow: scroll;
+}
+
+.overflow-x-auto {
+  overflow-x: auto;
+}
+
+.overflow-y-auto {
+  overflow-y: auto;
+}
+
+.overflow-x-hidden {
+  overflow-x: hidden;
+}
+
+.overflow-y-hidden {
+  overflow-y: hidden;
+}
+
+.overflow-x-visible {
+  overflow-x: visible;
+}
+
+.overflow-y-visible {
+  overflow-y: visible;
+}
+
+.overflow-x-scroll {
+  overflow-x: scroll;
+}
+
+.overflow-y-scroll {
+  overflow-y: scroll;
+}
+
+.scrolling-touch {
+  -webkit-overflow-scrolling: touch;
+}
+
+.scrolling-auto {
+  -webkit-overflow-scrolling: auto;
+}
+
+.overscroll-auto {
+  -ms-scroll-chaining: chained;
+      overscroll-behavior: auto;
+}
+
+.overscroll-contain {
+  -ms-scroll-chaining: none;
+      overscroll-behavior: contain;
+}
+
+.overscroll-none {
+  -ms-scroll-chaining: none;
+      overscroll-behavior: none;
+}
+
+.overscroll-y-auto {
+  overscroll-behavior-y: auto;
+}
+
+.overscroll-y-contain {
+  overscroll-behavior-y: contain;
+}
+
+.overscroll-y-none {
+  overscroll-behavior-y: none;
+}
+
+.overscroll-x-auto {
+  overscroll-behavior-x: auto;
+}
+
+.overscroll-x-contain {
+  overscroll-behavior-x: contain;
+}
+
+.overscroll-x-none {
+  overscroll-behavior-x: none;
+}
+
+.p-0 {
+  padding: 0;
+}
+
+.p-1 {
+  padding: 0.25rem;
+}
+
+.p-2 {
+  padding: 0.5rem;
+}
+
+.p-3 {
+  padding: 0.75rem;
+}
+
+.p-4 {
+  padding: 1rem;
+}
+
+.p-5 {
+  padding: 1.25rem;
+}
+
+.p-6 {
+  padding: 1.5rem;
+}
+
+.p-7 {
+  padding: 1.75rem;
+}
+
+.p-8 {
+  padding: 2rem;
+}
+
+.p-9 {
+  padding: 2.25rem;
+}
+
+.p-10 {
+  padding: 2.5rem;
+}
+
+.p-11 {
+  padding: 2.75rem;
+}
+
+.p-12 {
+  padding: 3rem;
+}
+
+.p-13 {
+  padding: 3.25rem;
+}
+
+.p-14 {
+  padding: 3.5rem;
+}
+
+.p-15 {
+  padding: 3.75rem;
+}
+
+.p-16 {
+  padding: 4rem;
+}
+
+.p-20 {
+  padding: 5rem;
+}
+
+.p-24 {
+  padding: 6rem;
+}
+
+.p-28 {
+  padding: 7rem;
+}
+
+.p-32 {
+  padding: 8rem;
+}
+
+.p-36 {
+  padding: 9rem;
+}
+
+.p-40 {
+  padding: 10rem;
+}
+
+.p-44 {
+  padding: 11rem;
+}
+
+.p-48 {
+  padding: 12rem;
+}
+
+.p-52 {
+  padding: 13rem;
+}
+
+.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-44 {
+  padding-top: 11rem;
+  padding-bottom: 11rem;
+}
+
+.px-44 {
+  padding-left: 11rem;
+  padding-right: 11rem;
+}
+
+.py-48 {
+  padding-top: 12rem;
+  padding-bottom: 12rem;
+}
+
+.px-48 {
+  padding-left: 12rem;
+  padding-right: 12rem;
+}
+
+.py-52 {
+  padding-top: 13rem;
+  padding-bottom: 13rem;
+}
+
+.px-52 {
+  padding-left: 13rem;
+  padding-right: 13rem;
+}
+
+.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-44 {
+  padding-top: 11rem;
+}
+
+.pr-44 {
+  padding-right: 11rem;
+}
+
+.pb-44 {
+  padding-bottom: 11rem;
+}
+
+.pl-44 {
+  padding-left: 11rem;
+}
+
+.pt-48 {
+  padding-top: 12rem;
+}
+
+.pr-48 {
+  padding-right: 12rem;
+}
+
+.pb-48 {
+  padding-bottom: 12rem;
+}
+
+.pl-48 {
+  padding-left: 12rem;
+}
+
+.pt-52 {
+  padding-top: 13rem;
+}
+
+.pr-52 {
+  padding-right: 13rem;
+}
+
+.pb-52 {
+  padding-bottom: 13rem;
+}
+
+.pl-52 {
+  padding-left: 13rem;
+}
+
+.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-current::-moz-placeholder {
+  color: currentColor;
+}
+
+.placeholder-current:-ms-input-placeholder {
+  color: currentColor;
+}
+
+.placeholder-current::placeholder {
+  color: currentColor;
+}
+
+.placeholder-transparent::-moz-placeholder {
+  color: transparent;
+}
+
+.placeholder-transparent:-ms-input-placeholder {
+  color: transparent;
+}
+
+.placeholder-transparent::placeholder {
+  color: transparent;
+}
+
+.placeholder-white::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--placeholder-opacity));
+}
+
+.placeholder-white:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--placeholder-opacity));
+}
+
+.placeholder-white::placeholder {
+  --placeholder-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--placeholder-opacity));
+}
+
+.placeholder-black::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--placeholder-opacity));
+}
+
+.placeholder-black:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--placeholder-opacity));
+}
+
+.placeholder-black::placeholder {
+  --placeholder-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--placeholder-opacity));
+}
+
+.placeholder-gray-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--placeholder-opacity));
+}
+
+.placeholder-gray-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--placeholder-opacity));
+}
+
+.placeholder-gray-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--placeholder-opacity));
+}
+
+.placeholder-gray-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--placeholder-opacity));
+}
+
+.placeholder-gray-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--placeholder-opacity));
+}
+
+.placeholder-gray-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--placeholder-opacity));
+}
+
+.placeholder-gray-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--placeholder-opacity));
+}
+
+.placeholder-gray-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--placeholder-opacity));
+}
+
+.placeholder-gray-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--placeholder-opacity));
+}
+
+.placeholder-gray-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--placeholder-opacity));
+}
+
+.placeholder-gray-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--placeholder-opacity));
+}
+
+.placeholder-gray-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--placeholder-opacity));
+}
+
+.placeholder-gray-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--placeholder-opacity));
+}
+
+.placeholder-gray-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--placeholder-opacity));
+}
+
+.placeholder-gray-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--placeholder-opacity));
+}
+
+.placeholder-gray-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--placeholder-opacity));
+}
+
+.placeholder-gray-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--placeholder-opacity));
+}
+
+.placeholder-gray-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--placeholder-opacity));
+}
+
+.placeholder-gray-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--placeholder-opacity));
+}
+
+.placeholder-gray-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--placeholder-opacity));
+}
+
+.placeholder-gray-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--placeholder-opacity));
+}
+
+.placeholder-gray-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--placeholder-opacity));
+}
+
+.placeholder-gray-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--placeholder-opacity));
+}
+
+.placeholder-gray-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--placeholder-opacity));
+}
+
+.placeholder-gray-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--placeholder-opacity));
+}
+
+.placeholder-gray-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--placeholder-opacity));
+}
+
+.placeholder-gray-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--placeholder-opacity));
+}
+
+.placeholder-gray-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--placeholder-opacity));
+}
+
+.placeholder-gray-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--placeholder-opacity));
+}
+
+.placeholder-gray-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--placeholder-opacity));
+}
+
+.placeholder-red-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--placeholder-opacity));
+}
+
+.placeholder-red-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--placeholder-opacity));
+}
+
+.placeholder-red-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--placeholder-opacity));
+}
+
+.placeholder-red-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--placeholder-opacity));
+}
+
+.placeholder-red-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--placeholder-opacity));
+}
+
+.placeholder-red-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--placeholder-opacity));
+}
+
+.placeholder-red-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--placeholder-opacity));
+}
+
+.placeholder-red-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--placeholder-opacity));
+}
+
+.placeholder-red-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--placeholder-opacity));
+}
+
+.placeholder-red-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--placeholder-opacity));
+}
+
+.placeholder-red-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--placeholder-opacity));
+}
+
+.placeholder-red-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--placeholder-opacity));
+}
+
+.placeholder-red-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--placeholder-opacity));
+}
+
+.placeholder-red-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--placeholder-opacity));
+}
+
+.placeholder-red-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--placeholder-opacity));
+}
+
+.placeholder-red-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--placeholder-opacity));
+}
+
+.placeholder-red-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--placeholder-opacity));
+}
+
+.placeholder-red-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--placeholder-opacity));
+}
+
+.placeholder-red-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--placeholder-opacity));
+}
+
+.placeholder-red-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--placeholder-opacity));
+}
+
+.placeholder-red-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--placeholder-opacity));
+}
+
+.placeholder-red-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--placeholder-opacity));
+}
+
+.placeholder-red-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--placeholder-opacity));
+}
+
+.placeholder-red-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--placeholder-opacity));
+}
+
+.placeholder-red-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--placeholder-opacity));
+}
+
+.placeholder-red-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--placeholder-opacity));
+}
+
+.placeholder-red-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--placeholder-opacity));
+}
+
+.placeholder-red-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.placeholder-red-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.placeholder-red-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.placeholder-orange-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--placeholder-opacity));
+}
+
+.placeholder-orange-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--placeholder-opacity));
+}
+
+.placeholder-orange-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--placeholder-opacity));
+}
+
+.placeholder-orange-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--placeholder-opacity));
+}
+
+.placeholder-orange-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--placeholder-opacity));
+}
+
+.placeholder-orange-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--placeholder-opacity));
+}
+
+.placeholder-orange-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--placeholder-opacity));
+}
+
+.placeholder-orange-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--placeholder-opacity));
+}
+
+.placeholder-orange-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--placeholder-opacity));
+}
+
+.placeholder-orange-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--placeholder-opacity));
+}
+
+.placeholder-orange-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--placeholder-opacity));
+}
+
+.placeholder-orange-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--placeholder-opacity));
+}
+
+.placeholder-orange-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--placeholder-opacity));
+}
+
+.placeholder-orange-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--placeholder-opacity));
+}
+
+.placeholder-orange-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--placeholder-opacity));
+}
+
+.placeholder-orange-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--placeholder-opacity));
+}
+
+.placeholder-orange-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--placeholder-opacity));
+}
+
+.placeholder-orange-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--placeholder-opacity));
+}
+
+.placeholder-orange-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--placeholder-opacity));
+}
+
+.placeholder-orange-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--placeholder-opacity));
+}
+
+.placeholder-orange-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--placeholder-opacity));
+}
+
+.placeholder-orange-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--placeholder-opacity));
+}
+
+.placeholder-orange-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--placeholder-opacity));
+}
+
+.placeholder-orange-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--placeholder-opacity));
+}
+
+.placeholder-orange-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--placeholder-opacity));
+}
+
+.placeholder-orange-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--placeholder-opacity));
+}
+
+.placeholder-orange-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--placeholder-opacity));
+}
+
+.placeholder-orange-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #73230d;
+  color: rgba(115, 35, 13, var(--placeholder-opacity));
+}
+
+.placeholder-orange-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #73230d;
+  color: rgba(115, 35, 13, var(--placeholder-opacity));
+}
+
+.placeholder-orange-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #73230d;
+  color: rgba(115, 35, 13, 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::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdfdea;
+  color: rgba(253, 253, 234, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--placeholder-opacity));
+}
+
+.placeholder-green-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--placeholder-opacity));
+}
+
+.placeholder-green-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--placeholder-opacity));
+}
+
+.placeholder-green-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--placeholder-opacity));
+}
+
+.placeholder-green-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--placeholder-opacity));
+}
+
+.placeholder-green-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--placeholder-opacity));
+}
+
+.placeholder-green-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--placeholder-opacity));
+}
+
+.placeholder-green-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--placeholder-opacity));
+}
+
+.placeholder-green-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--placeholder-opacity));
+}
+
+.placeholder-green-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--placeholder-opacity));
+}
+
+.placeholder-green-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--placeholder-opacity));
+}
+
+.placeholder-green-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--placeholder-opacity));
+}
+
+.placeholder-green-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--placeholder-opacity));
+}
+
+.placeholder-green-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--placeholder-opacity));
+}
+
+.placeholder-green-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--placeholder-opacity));
+}
+
+.placeholder-green-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--placeholder-opacity));
+}
+
+.placeholder-green-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--placeholder-opacity));
+}
+
+.placeholder-green-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--placeholder-opacity));
+}
+
+.placeholder-green-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--placeholder-opacity));
+}
+
+.placeholder-green-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--placeholder-opacity));
+}
+
+.placeholder-green-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--placeholder-opacity));
+}
+
+.placeholder-green-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--placeholder-opacity));
+}
+
+.placeholder-green-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--placeholder-opacity));
+}
+
+.placeholder-green-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--placeholder-opacity));
+}
+
+.placeholder-green-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--placeholder-opacity));
+}
+
+.placeholder-green-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--placeholder-opacity));
+}
+
+.placeholder-green-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--placeholder-opacity));
+}
+
+.placeholder-green-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--placeholder-opacity));
+}
+
+.placeholder-green-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--placeholder-opacity));
+}
+
+.placeholder-green-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--placeholder-opacity));
+}
+
+.placeholder-green-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--placeholder-opacity));
+}
+
+.placeholder-teal-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--placeholder-opacity));
+}
+
+.placeholder-teal-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--placeholder-opacity));
+}
+
+.placeholder-teal-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--placeholder-opacity));
+}
+
+.placeholder-teal-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--placeholder-opacity));
+}
+
+.placeholder-teal-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--placeholder-opacity));
+}
+
+.placeholder-teal-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--placeholder-opacity));
+}
+
+.placeholder-teal-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--placeholder-opacity));
+}
+
+.placeholder-teal-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--placeholder-opacity));
+}
+
+.placeholder-teal-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--placeholder-opacity));
+}
+
+.placeholder-teal-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--placeholder-opacity));
+}
+
+.placeholder-teal-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--placeholder-opacity));
+}
+
+.placeholder-teal-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--placeholder-opacity));
+}
+
+.placeholder-teal-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--placeholder-opacity));
+}
+
+.placeholder-teal-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--placeholder-opacity));
+}
+
+.placeholder-teal-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--placeholder-opacity));
+}
+
+.placeholder-teal-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--placeholder-opacity));
+}
+
+.placeholder-teal-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--placeholder-opacity));
+}
+
+.placeholder-teal-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--placeholder-opacity));
+}
+
+.placeholder-teal-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--placeholder-opacity));
+}
+
+.placeholder-teal-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--placeholder-opacity));
+}
+
+.placeholder-teal-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--placeholder-opacity));
+}
+
+.placeholder-teal-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--placeholder-opacity));
+}
+
+.placeholder-teal-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--placeholder-opacity));
+}
+
+.placeholder-teal-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--placeholder-opacity));
+}
+
+.placeholder-teal-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--placeholder-opacity));
+}
+
+.placeholder-teal-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--placeholder-opacity));
+}
+
+.placeholder-teal-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--placeholder-opacity));
+}
+
+.placeholder-teal-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--placeholder-opacity));
+}
+
+.placeholder-teal-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--placeholder-opacity));
+}
+
+.placeholder-teal-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--placeholder-opacity));
+}
+
+.placeholder-blue-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-blue-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-blue-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-blue-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--placeholder-opacity));
+}
+
+.placeholder-blue-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--placeholder-opacity));
+}
+
+.placeholder-blue-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--placeholder-opacity));
+}
+
+.placeholder-blue-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--placeholder-opacity));
+}
+
+.placeholder-blue-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--placeholder-opacity));
+}
+
+.placeholder-blue-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--placeholder-opacity));
+}
+
+.placeholder-blue-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--placeholder-opacity));
+}
+
+.placeholder-blue-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--placeholder-opacity));
+}
+
+.placeholder-blue-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--placeholder-opacity));
+}
+
+.placeholder-blue-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--placeholder-opacity));
+}
+
+.placeholder-blue-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--placeholder-opacity));
+}
+
+.placeholder-blue-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--placeholder-opacity));
+}
+
+.placeholder-blue-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--placeholder-opacity));
+}
+
+.placeholder-blue-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--placeholder-opacity));
+}
+
+.placeholder-blue-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--placeholder-opacity));
+}
+
+.placeholder-blue-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--placeholder-opacity));
+}
+
+.placeholder-blue-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--placeholder-opacity));
+}
+
+.placeholder-blue-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--placeholder-opacity));
+}
+
+.placeholder-blue-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--placeholder-opacity));
+}
+
+.placeholder-blue-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--placeholder-opacity));
+}
+
+.placeholder-blue-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--placeholder-opacity));
+}
+
+.placeholder-blue-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--placeholder-opacity));
+}
+
+.placeholder-blue-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--placeholder-opacity));
+}
+
+.placeholder-blue-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--placeholder-opacity));
+}
+
+.placeholder-blue-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--placeholder-opacity));
+}
+
+.placeholder-blue-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--placeholder-opacity));
+}
+
+.placeholder-blue-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--placeholder-opacity));
+}
+
+.placeholder-purple-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-purple-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-purple-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-purple-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--placeholder-opacity));
+}
+
+.placeholder-purple-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--placeholder-opacity));
+}
+
+.placeholder-purple-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--placeholder-opacity));
+}
+
+.placeholder-purple-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--placeholder-opacity));
+}
+
+.placeholder-purple-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--placeholder-opacity));
+}
+
+.placeholder-purple-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--placeholder-opacity));
+}
+
+.placeholder-purple-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--placeholder-opacity));
+}
+
+.placeholder-purple-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--placeholder-opacity));
+}
+
+.placeholder-purple-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--placeholder-opacity));
+}
+
+.placeholder-purple-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--placeholder-opacity));
+}
+
+.placeholder-purple-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--placeholder-opacity));
+}
+
+.placeholder-purple-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--placeholder-opacity));
+}
+
+.placeholder-purple-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--placeholder-opacity));
+}
+
+.placeholder-purple-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--placeholder-opacity));
+}
+
+.placeholder-purple-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--placeholder-opacity));
+}
+
+.placeholder-purple-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--placeholder-opacity));
+}
+
+.placeholder-purple-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--placeholder-opacity));
+}
+
+.placeholder-purple-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--placeholder-opacity));
+}
+
+.placeholder-purple-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--placeholder-opacity));
+}
+
+.placeholder-purple-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--placeholder-opacity));
+}
+
+.placeholder-purple-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--placeholder-opacity));
+}
+
+.placeholder-purple-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--placeholder-opacity));
+}
+
+.placeholder-purple-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--placeholder-opacity));
+}
+
+.placeholder-purple-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--placeholder-opacity));
+}
+
+.placeholder-purple-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--placeholder-opacity));
+}
+
+.placeholder-purple-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--placeholder-opacity));
+}
+
+.placeholder-purple-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--placeholder-opacity));
+}
+
+.placeholder-pink-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--placeholder-opacity));
+}
+
+.placeholder-pink-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--placeholder-opacity));
+}
+
+.placeholder-pink-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--placeholder-opacity));
+}
+
+.placeholder-pink-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--placeholder-opacity));
+}
+
+.placeholder-pink-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--placeholder-opacity));
+}
+
+.placeholder-pink-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--placeholder-opacity));
+}
+
+.placeholder-pink-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--placeholder-opacity));
+}
+
+.placeholder-pink-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--placeholder-opacity));
+}
+
+.placeholder-pink-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--placeholder-opacity));
+}
+
+.placeholder-pink-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--placeholder-opacity));
+}
+
+.placeholder-pink-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--placeholder-opacity));
+}
+
+.placeholder-pink-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--placeholder-opacity));
+}
+
+.placeholder-pink-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--placeholder-opacity));
+}
+
+.placeholder-pink-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--placeholder-opacity));
+}
+
+.placeholder-pink-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--placeholder-opacity));
+}
+
+.placeholder-pink-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--placeholder-opacity));
+}
+
+.placeholder-pink-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--placeholder-opacity));
+}
+
+.placeholder-pink-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--placeholder-opacity));
+}
+
+.placeholder-pink-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--placeholder-opacity));
+}
+
+.placeholder-pink-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--placeholder-opacity));
+}
+
+.placeholder-pink-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--placeholder-opacity));
+}
+
+.placeholder-pink-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--placeholder-opacity));
+}
+
+.placeholder-pink-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--placeholder-opacity));
+}
+
+.placeholder-pink-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--placeholder-opacity));
+}
+
+.placeholder-pink-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--placeholder-opacity));
+}
+
+.placeholder-pink-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--placeholder-opacity));
+}
+
+.placeholder-pink-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--placeholder-opacity));
+}
+
+.placeholder-pink-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--placeholder-opacity));
+}
+
+.placeholder-pink-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--placeholder-opacity));
+}
+
+.placeholder-pink-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8fafc;
+  color: rgba(248, 250, 252, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8fafc;
+  color: rgba(248, 250, 252, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #f8fafc;
+  color: rgba(248, 250, 252, 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::placeholder {
+  --placeholder-opacity: 1;
+  color: #f1f5f9;
+  color: rgba(241, 245, 249, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-current:focus::-moz-placeholder {
+  color: currentColor;
+}
+
+.focus\:placeholder-current:focus:-ms-input-placeholder {
+  color: currentColor;
+}
+
+.focus\:placeholder-current:focus::placeholder {
+  color: currentColor;
+}
+
+.focus\:placeholder-transparent:focus::-moz-placeholder {
+  color: transparent;
+}
+
+.focus\:placeholder-transparent:focus:-ms-input-placeholder {
+  color: transparent;
+}
+
+.focus\:placeholder-transparent:focus::placeholder {
+  color: transparent;
+}
+
+.focus\:placeholder-white:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-white:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-white:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-black:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-black:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-black:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #73230d;
+  color: rgba(115, 35, 13, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #73230d;
+  color: rgba(115, 35, 13, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #73230d;
+  color: rgba(115, 35, 13, 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::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdfdea;
+  color: rgba(253, 253, 234, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8fafc;
+  color: rgba(248, 250, 252, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8fafc;
+  color: rgba(248, 250, 252, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f8fafc;
+  color: rgba(248, 250, 252, 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::placeholder {
+  --placeholder-opacity: 1;
+  color: #f1f5f9;
+  color: rgba(241, 245, 249, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--placeholder-opacity));
+}
+
+.placeholder-opacity-0::-moz-placeholder {
+  --placeholder-opacity: 0;
+}
+
+.placeholder-opacity-0:-ms-input-placeholder {
+  --placeholder-opacity: 0;
+}
+
+.placeholder-opacity-0::placeholder {
+  --placeholder-opacity: 0;
+}
+
+.placeholder-opacity-25::-moz-placeholder {
+  --placeholder-opacity: 0.25;
+}
+
+.placeholder-opacity-25:-ms-input-placeholder {
+  --placeholder-opacity: 0.25;
+}
+
+.placeholder-opacity-25::placeholder {
+  --placeholder-opacity: 0.25;
+}
+
+.placeholder-opacity-50::-moz-placeholder {
+  --placeholder-opacity: 0.5;
+}
+
+.placeholder-opacity-50:-ms-input-placeholder {
+  --placeholder-opacity: 0.5;
+}
+
+.placeholder-opacity-50::placeholder {
+  --placeholder-opacity: 0.5;
+}
+
+.placeholder-opacity-75::-moz-placeholder {
+  --placeholder-opacity: 0.75;
+}
+
+.placeholder-opacity-75:-ms-input-placeholder {
+  --placeholder-opacity: 0.75;
+}
+
+.placeholder-opacity-75::placeholder {
+  --placeholder-opacity: 0.75;
+}
+
+.placeholder-opacity-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+}
+
+.placeholder-opacity-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+}
+
+.placeholder-opacity-100::placeholder {
+  --placeholder-opacity: 1;
+}
+
+.focus\:placeholder-opacity-0:focus::-moz-placeholder {
+  --placeholder-opacity: 0;
+}
+
+.focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
+  --placeholder-opacity: 0;
+}
+
+.focus\:placeholder-opacity-0:focus::placeholder {
+  --placeholder-opacity: 0;
+}
+
+.focus\:placeholder-opacity-25:focus::-moz-placeholder {
+  --placeholder-opacity: 0.25;
+}
+
+.focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
+  --placeholder-opacity: 0.25;
+}
+
+.focus\:placeholder-opacity-25:focus::placeholder {
+  --placeholder-opacity: 0.25;
+}
+
+.focus\:placeholder-opacity-50:focus::-moz-placeholder {
+  --placeholder-opacity: 0.5;
+}
+
+.focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 0.5;
+}
+
+.focus\:placeholder-opacity-50:focus::placeholder {
+  --placeholder-opacity: 0.5;
+}
+
+.focus\:placeholder-opacity-75:focus::-moz-placeholder {
+  --placeholder-opacity: 0.75;
+}
+
+.focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
+  --placeholder-opacity: 0.75;
+}
+
+.focus\:placeholder-opacity-75:focus::placeholder {
+  --placeholder-opacity: 0.75;
+}
+
+.focus\:placeholder-opacity-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+}
+
+.focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+}
+
+.focus\:placeholder-opacity-100:focus::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-44 {
+  top: 11rem;
+  right: 11rem;
+  bottom: 11rem;
+  left: 11rem;
+}
+
+.inset-48 {
+  top: 12rem;
+  right: 12rem;
+  bottom: 12rem;
+  left: 12rem;
+}
+
+.inset-52 {
+  top: 13rem;
+  right: 13rem;
+  bottom: 13rem;
+  left: 13rem;
+}
+
+.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-44 {
+  top: 11rem;
+  bottom: 11rem;
+}
+
+.inset-x-44 {
+  right: 11rem;
+  left: 11rem;
+}
+
+.inset-y-48 {
+  top: 12rem;
+  bottom: 12rem;
+}
+
+.inset-x-48 {
+  right: 12rem;
+  left: 12rem;
+}
+
+.inset-y-52 {
+  top: 13rem;
+  bottom: 13rem;
+}
+
+.inset-x-52 {
+  right: 13rem;
+  left: 13rem;
+}
+
+.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-44 {
+  top: 11rem;
+}
+
+.right-44 {
+  right: 11rem;
+}
+
+.bottom-44 {
+  bottom: 11rem;
+}
+
+.left-44 {
+  left: 11rem;
+}
+
+.top-48 {
+  top: 12rem;
+}
+
+.right-48 {
+  right: 12rem;
+}
+
+.bottom-48 {
+  bottom: 12rem;
+}
+
+.left-48 {
+  left: 12rem;
+}
+
+.top-52 {
+  top: 13rem;
+}
+
+.right-52 {
+  right: 13rem;
+}
+
+.bottom-52 {
+  bottom: 13rem;
+}
+
+.left-52 {
+  left: 13rem;
+}
+
+.top-56 {
+  top: 14rem;
+}
+
+.right-56 {
+  right: 14rem;
+}
+
+.bottom-56 {
+  bottom: 14rem;
+}
+
+.left-56 {
+  left: 14rem;
+}
+
+.top-60 {
+  top: 15rem;
+}
+
+.right-60 {
+  right: 15rem;
+}
+
+.bottom-60 {
+  bottom: 15rem;
+}
+
+.left-60 {
+  left: 15rem;
+}
+
+.top-64 {
+  top: 16rem;
+}
+
+.right-64 {
+  right: 16rem;
+}
+
+.bottom-64 {
+  bottom: 16rem;
+}
+
+.left-64 {
+  left: 16rem;
+}
+
+.top-72 {
+  top: 18rem;
+}
+
+.right-72 {
+  right: 18rem;
+}
+
+.bottom-72 {
+  bottom: 18rem;
+}
+
+.left-72 {
+  left: 18rem;
+}
+
+.top-80 {
+  top: 20rem;
+}
+
+.right-80 {
+  right: 20rem;
+}
+
+.bottom-80 {
+  bottom: 20rem;
+}
+
+.left-80 {
+  left: 20rem;
+}
+
+.top-96 {
+  top: 24rem;
+}
+
+.right-96 {
+  right: 24rem;
+}
+
+.bottom-96 {
+  bottom: 24rem;
+}
+
+.left-96 {
+  left: 24rem;
+}
+
+.top-auto {
+  top: auto;
+}
+
+.right-auto {
+  right: auto;
+}
+
+.bottom-auto {
+  bottom: auto;
+}
+
+.left-auto {
+  left: auto;
+}
+
+.top-px {
+  top: 1px;
+}
+
+.right-px {
+  right: 1px;
+}
+
+.bottom-px {
+  bottom: 1px;
+}
+
+.left-px {
+  left: 1px;
+}
+
+.top-0\.5 {
+  top: 0.125rem;
+}
+
+.right-0\.5 {
+  right: 0.125rem;
+}
+
+.bottom-0\.5 {
+  bottom: 0.125rem;
+}
+
+.left-0\.5 {
+  left: 0.125rem;
+}
+
+.top-1\.5 {
+  top: 0.375rem;
+}
+
+.right-1\.5 {
+  right: 0.375rem;
+}
+
+.bottom-1\.5 {
+  bottom: 0.375rem;
+}
+
+.left-1\.5 {
+  left: 0.375rem;
+}
+
+.top-2\.5 {
+  top: 0.625rem;
+}
+
+.right-2\.5 {
+  right: 0.625rem;
+}
+
+.bottom-2\.5 {
+  bottom: 0.625rem;
+}
+
+.left-2\.5 {
+  left: 0.625rem;
+}
+
+.top-3\.5 {
+  top: 0.875rem;
+}
+
+.right-3\.5 {
+  right: 0.875rem;
+}
+
+.bottom-3\.5 {
+  bottom: 0.875rem;
+}
+
+.left-3\.5 {
+  left: 0.875rem;
+}
+
+.top-1\/2 {
+  top: 50%;
+}
+
+.right-1\/2 {
+  right: 50%;
+}
+
+.bottom-1\/2 {
+  bottom: 50%;
+}
+
+.left-1\/2 {
+  left: 50%;
+}
+
+.top-1\/3 {
+  top: 33.333333%;
+}
+
+.right-1\/3 {
+  right: 33.333333%;
+}
+
+.bottom-1\/3 {
+  bottom: 33.333333%;
+}
+
+.left-1\/3 {
+  left: 33.333333%;
+}
+
+.top-2\/3 {
+  top: 66.666667%;
+}
+
+.right-2\/3 {
+  right: 66.666667%;
+}
+
+.bottom-2\/3 {
+  bottom: 66.666667%;
+}
+
+.left-2\/3 {
+  left: 66.666667%;
+}
+
+.top-1\/4 {
+  top: 25%;
+}
+
+.right-1\/4 {
+  right: 25%;
+}
+
+.bottom-1\/4 {
+  bottom: 25%;
+}
+
+.left-1\/4 {
+  left: 25%;
+}
+
+.top-2\/4 {
+  top: 50%;
+}
+
+.right-2\/4 {
+  right: 50%;
+}
+
+.bottom-2\/4 {
+  bottom: 50%;
+}
+
+.left-2\/4 {
+  left: 50%;
+}
+
+.top-3\/4 {
+  top: 75%;
+}
+
+.right-3\/4 {
+  right: 75%;
+}
+
+.bottom-3\/4 {
+  bottom: 75%;
+}
+
+.left-3\/4 {
+  left: 75%;
+}
+
+.top-1\/5 {
+  top: 20%;
+}
+
+.right-1\/5 {
+  right: 20%;
+}
+
+.bottom-1\/5 {
+  bottom: 20%;
+}
+
+.left-1\/5 {
+  left: 20%;
+}
+
+.top-2\/5 {
+  top: 40%;
+}
+
+.right-2\/5 {
+  right: 40%;
+}
+
+.bottom-2\/5 {
+  bottom: 40%;
+}
+
+.left-2\/5 {
+  left: 40%;
+}
+
+.top-3\/5 {
+  top: 60%;
+}
+
+.right-3\/5 {
+  right: 60%;
+}
+
+.bottom-3\/5 {
+  bottom: 60%;
+}
+
+.left-3\/5 {
+  left: 60%;
+}
+
+.top-4\/5 {
+  top: 80%;
+}
+
+.right-4\/5 {
+  right: 80%;
+}
+
+.bottom-4\/5 {
+  bottom: 80%;
+}
+
+.left-4\/5 {
+  left: 80%;
+}
+
+.top-1\/6 {
+  top: 16.666667%;
+}
+
+.right-1\/6 {
+  right: 16.666667%;
+}
+
+.bottom-1\/6 {
+  bottom: 16.666667%;
+}
+
+.left-1\/6 {
+  left: 16.666667%;
+}
+
+.top-2\/6 {
+  top: 33.333333%;
+}
+
+.right-2\/6 {
+  right: 33.333333%;
+}
+
+.bottom-2\/6 {
+  bottom: 33.333333%;
+}
+
+.left-2\/6 {
+  left: 33.333333%;
+}
+
+.top-3\/6 {
+  top: 50%;
+}
+
+.right-3\/6 {
+  right: 50%;
+}
+
+.bottom-3\/6 {
+  bottom: 50%;
+}
+
+.left-3\/6 {
+  left: 50%;
+}
+
+.top-4\/6 {
+  top: 66.666667%;
+}
+
+.right-4\/6 {
+  right: 66.666667%;
+}
+
+.bottom-4\/6 {
+  bottom: 66.666667%;
+}
+
+.left-4\/6 {
+  left: 66.666667%;
+}
+
+.top-5\/6 {
+  top: 83.333333%;
+}
+
+.right-5\/6 {
+  right: 83.333333%;
+}
+
+.bottom-5\/6 {
+  bottom: 83.333333%;
+}
+
+.left-5\/6 {
+  left: 83.333333%;
+}
+
+.top-1\/12 {
+  top: 8.333333%;
+}
+
+.right-1\/12 {
+  right: 8.333333%;
+}
+
+.bottom-1\/12 {
+  bottom: 8.333333%;
+}
+
+.left-1\/12 {
+  left: 8.333333%;
+}
+
+.top-2\/12 {
+  top: 16.666667%;
+}
+
+.right-2\/12 {
+  right: 16.666667%;
+}
+
+.bottom-2\/12 {
+  bottom: 16.666667%;
+}
+
+.left-2\/12 {
+  left: 16.666667%;
+}
+
+.top-3\/12 {
+  top: 25%;
+}
+
+.right-3\/12 {
+  right: 25%;
+}
+
+.bottom-3\/12 {
+  bottom: 25%;
+}
+
+.left-3\/12 {
+  left: 25%;
+}
+
+.top-4\/12 {
+  top: 33.333333%;
+}
+
+.right-4\/12 {
+  right: 33.333333%;
+}
+
+.bottom-4\/12 {
+  bottom: 33.333333%;
+}
+
+.left-4\/12 {
+  left: 33.333333%;
+}
+
+.top-5\/12 {
+  top: 41.666667%;
+}
+
+.right-5\/12 {
+  right: 41.666667%;
+}
+
+.bottom-5\/12 {
+  bottom: 41.666667%;
+}
+
+.left-5\/12 {
+  left: 41.666667%;
+}
+
+.top-6\/12 {
+  top: 50%;
+}
+
+.right-6\/12 {
+  right: 50%;
+}
+
+.bottom-6\/12 {
+  bottom: 50%;
+}
+
+.left-6\/12 {
+  left: 50%;
+}
+
+.top-7\/12 {
+  top: 58.333333%;
+}
+
+.right-7\/12 {
+  right: 58.333333%;
+}
+
+.bottom-7\/12 {
+  bottom: 58.333333%;
+}
+
+.left-7\/12 {
+  left: 58.333333%;
+}
+
+.top-8\/12 {
+  top: 66.666667%;
+}
+
+.right-8\/12 {
+  right: 66.666667%;
+}
+
+.bottom-8\/12 {
+  bottom: 66.666667%;
+}
+
+.left-8\/12 {
+  left: 66.666667%;
+}
+
+.top-9\/12 {
+  top: 75%;
+}
+
+.right-9\/12 {
+  right: 75%;
+}
+
+.bottom-9\/12 {
+  bottom: 75%;
+}
+
+.left-9\/12 {
+  left: 75%;
+}
+
+.top-10\/12 {
+  top: 83.333333%;
+}
+
+.right-10\/12 {
+  right: 83.333333%;
+}
+
+.bottom-10\/12 {
+  bottom: 83.333333%;
+}
+
+.left-10\/12 {
+  left: 83.333333%;
+}
+
+.top-11\/12 {
+  top: 91.666667%;
+}
+
+.right-11\/12 {
+  right: 91.666667%;
+}
+
+.bottom-11\/12 {
+  bottom: 91.666667%;
+}
+
+.left-11\/12 {
+  left: 91.666667%;
+}
+
+.top-full {
+  top: 100%;
+}
+
+.right-full {
+  right: 100%;
+}
+
+.bottom-full {
+  bottom: 100%;
+}
+
+.left-full {
+  left: 100%;
+}
+
+.resize-none {
+  resize: none;
+}
+
+.resize-y {
+  resize: vertical;
+}
+
+.resize-x {
+  resize: horizontal;
+}
+
+.resize {
+  resize: both;
+}
+
+.shadow-xs {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.shadow-sm {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.shadow {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.shadow-md {
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.shadow-lg {
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.shadow-xl {
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.shadow-2xl {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.shadow-inner {
+  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.shadow-outline {
+  box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+}
+
+.shadow-none {
+  box-shadow: none;
+}
+
+.shadow-solid {
+  box-shadow: 0 0 0 2px currentColor;
+}
+
+.shadow-outline-gray {
+  box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+}
+
+.shadow-outline-blue {
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+}
+
+.shadow-outline-teal {
+  box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+}
+
+.shadow-outline-green {
+  box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+}
+
+.shadow-outline-yellow {
+  box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+}
+
+.shadow-outline-orange {
+  box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+}
+
+.shadow-outline-red {
+  box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+}
+
+.shadow-outline-pink {
+  box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+}
+
+.shadow-outline-purple {
+  box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+}
+
+.shadow-outline-indigo {
+  box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+}
+
+.group:focus .group-focus\:shadow-xs {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.group:focus .group-focus\:shadow-sm {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.group:focus .group-focus\:shadow {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.group:focus .group-focus\:shadow-md {
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.group:focus .group-focus\:shadow-lg {
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.group:focus .group-focus\:shadow-xl {
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.group:focus .group-focus\:shadow-2xl {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.group:focus .group-focus\:shadow-inner {
+  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.group:focus .group-focus\:shadow-outline {
+  box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+}
+
+.group:focus .group-focus\:shadow-none {
+  box-shadow: none;
+}
+
+.group:focus .group-focus\:shadow-solid {
+  box-shadow: 0 0 0 2px currentColor;
+}
+
+.group:focus .group-focus\:shadow-outline-gray {
+  box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+}
+
+.group:focus .group-focus\:shadow-outline-blue {
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+}
+
+.group:focus .group-focus\:shadow-outline-teal {
+  box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+}
+
+.group:focus .group-focus\:shadow-outline-green {
+  box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+}
+
+.group:focus .group-focus\:shadow-outline-yellow {
+  box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+}
+
+.group:focus .group-focus\:shadow-outline-orange {
+  box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+}
+
+.group:focus .group-focus\:shadow-outline-red {
+  box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+}
+
+.group:focus .group-focus\:shadow-outline-pink {
+  box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+}
+
+.group:focus .group-focus\:shadow-outline-purple {
+  box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+}
+
+.group:focus .group-focus\:shadow-outline-indigo {
+  box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+}
+
+.hover\:shadow-xs:hover {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.hover\:shadow-sm:hover {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.hover\:shadow:hover {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.hover\:shadow-md:hover {
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.hover\:shadow-lg:hover {
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.hover\:shadow-xl:hover {
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.hover\:shadow-2xl:hover {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.hover\:shadow-inner:hover {
+  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.hover\:shadow-outline:hover {
+  box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+}
+
+.hover\:shadow-none:hover {
+  box-shadow: none;
+}
+
+.hover\:shadow-solid:hover {
+  box-shadow: 0 0 0 2px currentColor;
+}
+
+.hover\:shadow-outline-gray:hover {
+  box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+}
+
+.hover\:shadow-outline-blue:hover {
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+}
+
+.hover\:shadow-outline-teal:hover {
+  box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+}
+
+.hover\:shadow-outline-green:hover {
+  box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+}
+
+.hover\:shadow-outline-yellow:hover {
+  box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+}
+
+.hover\:shadow-outline-orange:hover {
+  box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+}
+
+.hover\:shadow-outline-red:hover {
+  box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+}
+
+.hover\:shadow-outline-pink:hover {
+  box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+}
+
+.hover\:shadow-outline-purple:hover {
+  box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+}
+
+.hover\:shadow-outline-indigo:hover {
+  box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+}
+
+.focus-within\:shadow-xs:focus-within {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.focus-within\:shadow-sm:focus-within {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.focus-within\:shadow:focus-within {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.focus-within\:shadow-md:focus-within {
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.focus-within\:shadow-lg:focus-within {
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.focus-within\:shadow-xl:focus-within {
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.focus-within\:shadow-2xl:focus-within {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.focus-within\:shadow-inner:focus-within {
+  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.focus-within\:shadow-outline:focus-within {
+  box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+}
+
+.focus-within\:shadow-none:focus-within {
+  box-shadow: none;
+}
+
+.focus-within\:shadow-solid:focus-within {
+  box-shadow: 0 0 0 2px currentColor;
+}
+
+.focus-within\:shadow-outline-gray:focus-within {
+  box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+}
+
+.focus-within\:shadow-outline-blue:focus-within {
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+}
+
+.focus-within\:shadow-outline-teal:focus-within {
+  box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+}
+
+.focus-within\:shadow-outline-green:focus-within {
+  box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+}
+
+.focus-within\:shadow-outline-yellow:focus-within {
+  box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+}
+
+.focus-within\:shadow-outline-orange:focus-within {
+  box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+}
+
+.focus-within\:shadow-outline-red:focus-within {
+  box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+}
+
+.focus-within\:shadow-outline-pink:focus-within {
+  box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+}
+
+.focus-within\:shadow-outline-purple:focus-within {
+  box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+}
+
+.focus-within\:shadow-outline-indigo:focus-within {
+  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-current {
+  color: currentColor;
+}
+
+.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-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: #73230d;
+  color: rgba(115, 35, 13, 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));
+}
+
+.text-cool-gray-50 {
+  --text-opacity: 1;
+  color: #f8fafc;
+  color: rgba(248, 250, 252, 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));
+}
+
+.group:hover .group-hover\:text-current {
+  color: currentColor;
+}
+
+.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-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: #73230d;
+  color: rgba(115, 35, 13, 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:hover .group-hover\:text-cool-gray-50 {
+  --text-opacity: 1;
+  color: #f8fafc;
+  color: rgba(248, 250, 252, 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:focus .group-focus\:text-current {
+  color: currentColor;
+}
+
+.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-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: #73230d;
+  color: rgba(115, 35, 13, 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));
+}
+
+.group:focus .group-focus\:text-cool-gray-50 {
+  --text-opacity: 1;
+  color: #f8fafc;
+  color: rgba(248, 250, 252, 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));
+}
+
+.hover\:text-current:hover {
+  color: currentColor;
+}
+
+.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-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: #73230d;
+  color: rgba(115, 35, 13, 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));
+}
+
+.hover\:text-cool-gray-50:hover {
+  --text-opacity: 1;
+  color: #f8fafc;
+  color: rgba(248, 250, 252, 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));
+}
+
+.focus-within\:text-current:focus-within {
+  color: currentColor;
+}
+
+.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-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: #73230d;
+  color: rgba(115, 35, 13, 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-within\:text-cool-gray-50:focus-within {
+  --text-opacity: 1;
+  color: #f8fafc;
+  color: rgba(248, 250, 252, 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\:text-current:focus {
+  color: currentColor;
+}
+
+.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-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: #73230d;
+  color: rgba(115, 35, 13, 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));
+}
+
+.focus\:text-cool-gray-50:focus {
+  --text-opacity: 1;
+  color: #f8fafc;
+  color: rgba(248, 250, 252, 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));
+}
+
+.active\:text-current:active {
+  color: currentColor;
+}
+
+.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-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: #73230d;
+  color: rgba(115, 35, 13, 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));
+}
+
+.active\:text-cool-gray-50:active {
+  --text-opacity: 1;
+  color: #f8fafc;
+  color: rgba(248, 250, 252, 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));
+}
+
+.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;
+}
+
+.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions {
+  --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
+  --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
+  --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
+  --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
+  --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
+  font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
+}
+
+.normal-nums {
+  font-variant-numeric: normal;
+}
+
+.ordinal {
+  --font-variant-numeric-ordinal: ordinal;
+}
+
+.slashed-zero {
+  --font-variant-numeric-slashed-zero: slashed-zero;
+}
+
+.lining-nums {
+  --font-variant-numeric-figure: lining-nums;
+}
+
+.oldstyle-nums {
+  --font-variant-numeric-figure: oldstyle-nums;
+}
+
+.proportional-nums {
+  --font-variant-numeric-spacing: proportional-nums;
+}
+
+.tabular-nums {
+  --font-variant-numeric-spacing: tabular-nums;
+}
+
+.diagonal-fractions {
+  --font-variant-numeric-fraction: diagonal-fractions;
+}
+
+.stacked-fractions {
+  --font-variant-numeric-fraction: stacked-fractions;
+}
+
+.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 {
+  word-wrap: normal;
+  overflow-wrap: normal;
+  word-break: normal;
+}
+
+.break-words {
+  word-wrap: break-word;
+  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-44 {
+  width: 11rem;
+}
+
+.w-48 {
+  width: 12rem;
+}
+
+.w-52 {
+  width: 13rem;
+}
+
+.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;
+}
+
+.w-min-content {
+  width: -webkit-min-content;
+  width: -moz-min-content;
+  width: min-content;
+}
+
+.w-max-content {
+  width: -webkit-max-content;
+  width: -moz-max-content;
+  width: max-content;
+}
+
+.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-44 {
+  grid-gap: 11rem;
+  gap: 11rem;
+}
+
+.gap-48 {
+  grid-gap: 12rem;
+  gap: 12rem;
+}
+
+.gap-52 {
+  grid-gap: 13rem;
+  gap: 13rem;
+}
+
+.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-44 {
+  grid-column-gap: 11rem;
+  -moz-column-gap: 11rem;
+       column-gap: 11rem;
+}
+
+.col-gap-48 {
+  grid-column-gap: 12rem;
+  -moz-column-gap: 12rem;
+       column-gap: 12rem;
+}
+
+.col-gap-52 {
+  grid-column-gap: 13rem;
+  -moz-column-gap: 13rem;
+       column-gap: 13rem;
+}
+
+.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%;
+}
+
+.gap-x-0 {
+  grid-column-gap: 0;
+  -moz-column-gap: 0;
+       column-gap: 0;
+}
+
+.gap-x-1 {
+  grid-column-gap: 0.25rem;
+  -moz-column-gap: 0.25rem;
+       column-gap: 0.25rem;
+}
+
+.gap-x-2 {
+  grid-column-gap: 0.5rem;
+  -moz-column-gap: 0.5rem;
+       column-gap: 0.5rem;
+}
+
+.gap-x-3 {
+  grid-column-gap: 0.75rem;
+  -moz-column-gap: 0.75rem;
+       column-gap: 0.75rem;
+}
+
+.gap-x-4 {
+  grid-column-gap: 1rem;
+  -moz-column-gap: 1rem;
+       column-gap: 1rem;
+}
+
+.gap-x-5 {
+  grid-column-gap: 1.25rem;
+  -moz-column-gap: 1.25rem;
+       column-gap: 1.25rem;
+}
+
+.gap-x-6 {
+  grid-column-gap: 1.5rem;
+  -moz-column-gap: 1.5rem;
+       column-gap: 1.5rem;
+}
+
+.gap-x-7 {
+  grid-column-gap: 1.75rem;
+  -moz-column-gap: 1.75rem;
+       column-gap: 1.75rem;
+}
+
+.gap-x-8 {
+  grid-column-gap: 2rem;
+  -moz-column-gap: 2rem;
+       column-gap: 2rem;
+}
+
+.gap-x-9 {
+  grid-column-gap: 2.25rem;
+  -moz-column-gap: 2.25rem;
+       column-gap: 2.25rem;
+}
+
+.gap-x-10 {
+  grid-column-gap: 2.5rem;
+  -moz-column-gap: 2.5rem;
+       column-gap: 2.5rem;
+}
+
+.gap-x-11 {
+  grid-column-gap: 2.75rem;
+  -moz-column-gap: 2.75rem;
+       column-gap: 2.75rem;
+}
+
+.gap-x-12 {
+  grid-column-gap: 3rem;
+  -moz-column-gap: 3rem;
+       column-gap: 3rem;
+}
+
+.gap-x-13 {
+  grid-column-gap: 3.25rem;
+  -moz-column-gap: 3.25rem;
+       column-gap: 3.25rem;
+}
+
+.gap-x-14 {
+  grid-column-gap: 3.5rem;
+  -moz-column-gap: 3.5rem;
+       column-gap: 3.5rem;
+}
+
+.gap-x-15 {
+  grid-column-gap: 3.75rem;
+  -moz-column-gap: 3.75rem;
+       column-gap: 3.75rem;
+}
+
+.gap-x-16 {
+  grid-column-gap: 4rem;
+  -moz-column-gap: 4rem;
+       column-gap: 4rem;
+}
+
+.gap-x-20 {
+  grid-column-gap: 5rem;
+  -moz-column-gap: 5rem;
+       column-gap: 5rem;
+}
+
+.gap-x-24 {
+  grid-column-gap: 6rem;
+  -moz-column-gap: 6rem;
+       column-gap: 6rem;
+}
+
+.gap-x-28 {
+  grid-column-gap: 7rem;
+  -moz-column-gap: 7rem;
+       column-gap: 7rem;
+}
+
+.gap-x-32 {
+  grid-column-gap: 8rem;
+  -moz-column-gap: 8rem;
+       column-gap: 8rem;
+}
+
+.gap-x-36 {
+  grid-column-gap: 9rem;
+  -moz-column-gap: 9rem;
+       column-gap: 9rem;
+}
+
+.gap-x-40 {
+  grid-column-gap: 10rem;
+  -moz-column-gap: 10rem;
+       column-gap: 10rem;
+}
+
+.gap-x-44 {
+  grid-column-gap: 11rem;
+  -moz-column-gap: 11rem;
+       column-gap: 11rem;
+}
+
+.gap-x-48 {
+  grid-column-gap: 12rem;
+  -moz-column-gap: 12rem;
+       column-gap: 12rem;
+}
+
+.gap-x-52 {
+  grid-column-gap: 13rem;
+  -moz-column-gap: 13rem;
+       column-gap: 13rem;
+}
+
+.gap-x-56 {
+  grid-column-gap: 14rem;
+  -moz-column-gap: 14rem;
+       column-gap: 14rem;
+}
+
+.gap-x-60 {
+  grid-column-gap: 15rem;
+  -moz-column-gap: 15rem;
+       column-gap: 15rem;
+}
+
+.gap-x-64 {
+  grid-column-gap: 16rem;
+  -moz-column-gap: 16rem;
+       column-gap: 16rem;
+}
+
+.gap-x-72 {
+  grid-column-gap: 18rem;
+  -moz-column-gap: 18rem;
+       column-gap: 18rem;
+}
+
+.gap-x-80 {
+  grid-column-gap: 20rem;
+  -moz-column-gap: 20rem;
+       column-gap: 20rem;
+}
+
+.gap-x-96 {
+  grid-column-gap: 24rem;
+  -moz-column-gap: 24rem;
+       column-gap: 24rem;
+}
+
+.gap-x-px {
+  grid-column-gap: 1px;
+  -moz-column-gap: 1px;
+       column-gap: 1px;
+}
+
+.gap-x-0\.5 {
+  grid-column-gap: 0.125rem;
+  -moz-column-gap: 0.125rem;
+       column-gap: 0.125rem;
+}
+
+.gap-x-1\.5 {
+  grid-column-gap: 0.375rem;
+  -moz-column-gap: 0.375rem;
+       column-gap: 0.375rem;
+}
+
+.gap-x-2\.5 {
+  grid-column-gap: 0.625rem;
+  -moz-column-gap: 0.625rem;
+       column-gap: 0.625rem;
+}
+
+.gap-x-3\.5 {
+  grid-column-gap: 0.875rem;
+  -moz-column-gap: 0.875rem;
+       column-gap: 0.875rem;
+}
+
+.gap-x-1\/2 {
+  grid-column-gap: 50%;
+  -moz-column-gap: 50%;
+       column-gap: 50%;
+}
+
+.gap-x-1\/3 {
+  grid-column-gap: 33.333333%;
+  -moz-column-gap: 33.333333%;
+       column-gap: 33.333333%;
+}
+
+.gap-x-2\/3 {
+  grid-column-gap: 66.666667%;
+  -moz-column-gap: 66.666667%;
+       column-gap: 66.666667%;
+}
+
+.gap-x-1\/4 {
+  grid-column-gap: 25%;
+  -moz-column-gap: 25%;
+       column-gap: 25%;
+}
+
+.gap-x-2\/4 {
+  grid-column-gap: 50%;
+  -moz-column-gap: 50%;
+       column-gap: 50%;
+}
+
+.gap-x-3\/4 {
+  grid-column-gap: 75%;
+  -moz-column-gap: 75%;
+       column-gap: 75%;
+}
+
+.gap-x-1\/5 {
+  grid-column-gap: 20%;
+  -moz-column-gap: 20%;
+       column-gap: 20%;
+}
+
+.gap-x-2\/5 {
+  grid-column-gap: 40%;
+  -moz-column-gap: 40%;
+       column-gap: 40%;
+}
+
+.gap-x-3\/5 {
+  grid-column-gap: 60%;
+  -moz-column-gap: 60%;
+       column-gap: 60%;
+}
+
+.gap-x-4\/5 {
+  grid-column-gap: 80%;
+  -moz-column-gap: 80%;
+       column-gap: 80%;
+}
+
+.gap-x-1\/6 {
+  grid-column-gap: 16.666667%;
+  -moz-column-gap: 16.666667%;
+       column-gap: 16.666667%;
+}
+
+.gap-x-2\/6 {
+  grid-column-gap: 33.333333%;
+  -moz-column-gap: 33.333333%;
+       column-gap: 33.333333%;
+}
+
+.gap-x-3\/6 {
+  grid-column-gap: 50%;
+  -moz-column-gap: 50%;
+       column-gap: 50%;
+}
+
+.gap-x-4\/6 {
+  grid-column-gap: 66.666667%;
+  -moz-column-gap: 66.666667%;
+       column-gap: 66.666667%;
+}
+
+.gap-x-5\/6 {
+  grid-column-gap: 83.333333%;
+  -moz-column-gap: 83.333333%;
+       column-gap: 83.333333%;
+}
+
+.gap-x-1\/12 {
+  grid-column-gap: 8.333333%;
+  -moz-column-gap: 8.333333%;
+       column-gap: 8.333333%;
+}
+
+.gap-x-2\/12 {
+  grid-column-gap: 16.666667%;
+  -moz-column-gap: 16.666667%;
+       column-gap: 16.666667%;
+}
+
+.gap-x-3\/12 {
+  grid-column-gap: 25%;
+  -moz-column-gap: 25%;
+       column-gap: 25%;
+}
+
+.gap-x-4\/12 {
+  grid-column-gap: 33.333333%;
+  -moz-column-gap: 33.333333%;
+       column-gap: 33.333333%;
+}
+
+.gap-x-5\/12 {
+  grid-column-gap: 41.666667%;
+  -moz-column-gap: 41.666667%;
+       column-gap: 41.666667%;
+}
+
+.gap-x-6\/12 {
+  grid-column-gap: 50%;
+  -moz-column-gap: 50%;
+       column-gap: 50%;
+}
+
+.gap-x-7\/12 {
+  grid-column-gap: 58.333333%;
+  -moz-column-gap: 58.333333%;
+       column-gap: 58.333333%;
+}
+
+.gap-x-8\/12 {
+  grid-column-gap: 66.666667%;
+  -moz-column-gap: 66.666667%;
+       column-gap: 66.666667%;
+}
+
+.gap-x-9\/12 {
+  grid-column-gap: 75%;
+  -moz-column-gap: 75%;
+       column-gap: 75%;
+}
+
+.gap-x-10\/12 {
+  grid-column-gap: 83.333333%;
+  -moz-column-gap: 83.333333%;
+       column-gap: 83.333333%;
+}
+
+.gap-x-11\/12 {
+  grid-column-gap: 91.666667%;
+  -moz-column-gap: 91.666667%;
+       column-gap: 91.666667%;
+}
+
+.gap-x-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-44 {
+  grid-row-gap: 11rem;
+  row-gap: 11rem;
+}
+
+.row-gap-48 {
+  grid-row-gap: 12rem;
+  row-gap: 12rem;
+}
+
+.row-gap-52 {
+  grid-row-gap: 13rem;
+  row-gap: 13rem;
+}
+
+.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%;
+}
+
+.gap-y-0 {
+  grid-row-gap: 0;
+  row-gap: 0;
+}
+
+.gap-y-1 {
+  grid-row-gap: 0.25rem;
+  row-gap: 0.25rem;
+}
+
+.gap-y-2 {
+  grid-row-gap: 0.5rem;
+  row-gap: 0.5rem;
+}
+
+.gap-y-3 {
+  grid-row-gap: 0.75rem;
+  row-gap: 0.75rem;
+}
+
+.gap-y-4 {
+  grid-row-gap: 1rem;
+  row-gap: 1rem;
+}
+
+.gap-y-5 {
+  grid-row-gap: 1.25rem;
+  row-gap: 1.25rem;
+}
+
+.gap-y-6 {
+  grid-row-gap: 1.5rem;
+  row-gap: 1.5rem;
+}
+
+.gap-y-7 {
+  grid-row-gap: 1.75rem;
+  row-gap: 1.75rem;
+}
+
+.gap-y-8 {
+  grid-row-gap: 2rem;
+  row-gap: 2rem;
+}
+
+.gap-y-9 {
+  grid-row-gap: 2.25rem;
+  row-gap: 2.25rem;
+}
+
+.gap-y-10 {
+  grid-row-gap: 2.5rem;
+  row-gap: 2.5rem;
+}
+
+.gap-y-11 {
+  grid-row-gap: 2.75rem;
+  row-gap: 2.75rem;
+}
+
+.gap-y-12 {
+  grid-row-gap: 3rem;
+  row-gap: 3rem;
+}
+
+.gap-y-13 {
+  grid-row-gap: 3.25rem;
+  row-gap: 3.25rem;
+}
+
+.gap-y-14 {
+  grid-row-gap: 3.5rem;
+  row-gap: 3.5rem;
+}
+
+.gap-y-15 {
+  grid-row-gap: 3.75rem;
+  row-gap: 3.75rem;
+}
+
+.gap-y-16 {
+  grid-row-gap: 4rem;
+  row-gap: 4rem;
+}
+
+.gap-y-20 {
+  grid-row-gap: 5rem;
+  row-gap: 5rem;
+}
+
+.gap-y-24 {
+  grid-row-gap: 6rem;
+  row-gap: 6rem;
+}
+
+.gap-y-28 {
+  grid-row-gap: 7rem;
+  row-gap: 7rem;
+}
+
+.gap-y-32 {
+  grid-row-gap: 8rem;
+  row-gap: 8rem;
+}
+
+.gap-y-36 {
+  grid-row-gap: 9rem;
+  row-gap: 9rem;
+}
+
+.gap-y-40 {
+  grid-row-gap: 10rem;
+  row-gap: 10rem;
+}
+
+.gap-y-44 {
+  grid-row-gap: 11rem;
+  row-gap: 11rem;
+}
+
+.gap-y-48 {
+  grid-row-gap: 12rem;
+  row-gap: 12rem;
+}
+
+.gap-y-52 {
+  grid-row-gap: 13rem;
+  row-gap: 13rem;
+}
+
+.gap-y-56 {
+  grid-row-gap: 14rem;
+  row-gap: 14rem;
+}
+
+.gap-y-60 {
+  grid-row-gap: 15rem;
+  row-gap: 15rem;
+}
+
+.gap-y-64 {
+  grid-row-gap: 16rem;
+  row-gap: 16rem;
+}
+
+.gap-y-72 {
+  grid-row-gap: 18rem;
+  row-gap: 18rem;
+}
+
+.gap-y-80 {
+  grid-row-gap: 20rem;
+  row-gap: 20rem;
+}
+
+.gap-y-96 {
+  grid-row-gap: 24rem;
+  row-gap: 24rem;
+}
+
+.gap-y-px {
+  grid-row-gap: 1px;
+  row-gap: 1px;
+}
+
+.gap-y-0\.5 {
+  grid-row-gap: 0.125rem;
+  row-gap: 0.125rem;
+}
+
+.gap-y-1\.5 {
+  grid-row-gap: 0.375rem;
+  row-gap: 0.375rem;
+}
+
+.gap-y-2\.5 {
+  grid-row-gap: 0.625rem;
+  row-gap: 0.625rem;
+}
+
+.gap-y-3\.5 {
+  grid-row-gap: 0.875rem;
+  row-gap: 0.875rem;
+}
+
+.gap-y-1\/2 {
+  grid-row-gap: 50%;
+  row-gap: 50%;
+}
+
+.gap-y-1\/3 {
+  grid-row-gap: 33.333333%;
+  row-gap: 33.333333%;
+}
+
+.gap-y-2\/3 {
+  grid-row-gap: 66.666667%;
+  row-gap: 66.666667%;
+}
+
+.gap-y-1\/4 {
+  grid-row-gap: 25%;
+  row-gap: 25%;
+}
+
+.gap-y-2\/4 {
+  grid-row-gap: 50%;
+  row-gap: 50%;
+}
+
+.gap-y-3\/4 {
+  grid-row-gap: 75%;
+  row-gap: 75%;
+}
+
+.gap-y-1\/5 {
+  grid-row-gap: 20%;
+  row-gap: 20%;
+}
+
+.gap-y-2\/5 {
+  grid-row-gap: 40%;
+  row-gap: 40%;
+}
+
+.gap-y-3\/5 {
+  grid-row-gap: 60%;
+  row-gap: 60%;
+}
+
+.gap-y-4\/5 {
+  grid-row-gap: 80%;
+  row-gap: 80%;
+}
+
+.gap-y-1\/6 {
+  grid-row-gap: 16.666667%;
+  row-gap: 16.666667%;
+}
+
+.gap-y-2\/6 {
+  grid-row-gap: 33.333333%;
+  row-gap: 33.333333%;
+}
+
+.gap-y-3\/6 {
+  grid-row-gap: 50%;
+  row-gap: 50%;
+}
+
+.gap-y-4\/6 {
+  grid-row-gap: 66.666667%;
+  row-gap: 66.666667%;
+}
+
+.gap-y-5\/6 {
+  grid-row-gap: 83.333333%;
+  row-gap: 83.333333%;
+}
+
+.gap-y-1\/12 {
+  grid-row-gap: 8.333333%;
+  row-gap: 8.333333%;
+}
+
+.gap-y-2\/12 {
+  grid-row-gap: 16.666667%;
+  row-gap: 16.666667%;
+}
+
+.gap-y-3\/12 {
+  grid-row-gap: 25%;
+  row-gap: 25%;
+}
+
+.gap-y-4\/12 {
+  grid-row-gap: 33.333333%;
+  row-gap: 33.333333%;
+}
+
+.gap-y-5\/12 {
+  grid-row-gap: 41.666667%;
+  row-gap: 41.666667%;
+}
+
+.gap-y-6\/12 {
+  grid-row-gap: 50%;
+  row-gap: 50%;
+}
+
+.gap-y-7\/12 {
+  grid-row-gap: 58.333333%;
+  row-gap: 58.333333%;
+}
+
+.gap-y-8\/12 {
+  grid-row-gap: 66.666667%;
+  row-gap: 66.666667%;
+}
+
+.gap-y-9\/12 {
+  grid-row-gap: 75%;
+  row-gap: 75%;
+}
+
+.gap-y-10\/12 {
+  grid-row-gap: 83.333333%;
+  row-gap: 83.333333%;
+}
+
+.gap-y-11\/12 {
+  grid-row-gap: 91.666667%;
+  row-gap: 91.666667%;
+}
+
+.gap-y-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;
+}
+
+.auto-cols-auto {
+  grid-auto-columns: auto;
+}
+
+.auto-cols-min {
+  grid-auto-columns: -webkit-min-content;
+  grid-auto-columns: min-content;
+}
+
+.auto-cols-max {
+  grid-auto-columns: -webkit-max-content;
+  grid-auto-columns: max-content;
+}
+
+.auto-cols-fr {
+  grid-auto-columns: minmax(0, 1fr);
+}
+
+.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-span-full {
+  grid-column: 1 / -1;
+}
+
+.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;
+}
+
+.auto-rows-auto {
+  grid-auto-rows: auto;
+}
+
+.auto-rows-min {
+  grid-auto-rows: -webkit-min-content;
+  grid-auto-rows: min-content;
+}
+
+.auto-rows-max {
+  grid-auto-rows: -webkit-max-content;
+  grid-auto-rows: max-content;
+}
+
+.auto-rows-fr {
+  grid-auto-rows: minmax(0, 1fr);
+}
+
+.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-span-full {
+  grid-row: 1 / -1;
+}
+
+.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-1 {
+  --transform-rotate: 1deg;
+}
+
+.rotate-2 {
+  --transform-rotate: 2deg;
+}
+
+.rotate-3 {
+  --transform-rotate: 3deg;
+}
+
+.rotate-6 {
+  --transform-rotate: 6deg;
+}
+
+.rotate-12 {
+  --transform-rotate: 12deg;
+}
+
+.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;
+}
+
+.-rotate-12 {
+  --transform-rotate: -12deg;
+}
+
+.-rotate-6 {
+  --transform-rotate: -6deg;
+}
+
+.-rotate-3 {
+  --transform-rotate: -3deg;
+}
+
+.-rotate-2 {
+  --transform-rotate: -2deg;
+}
+
+.-rotate-1 {
+  --transform-rotate: -1deg;
+}
+
+.hover\:rotate-0:hover {
+  --transform-rotate: 0;
+}
+
+.hover\:rotate-1:hover {
+  --transform-rotate: 1deg;
+}
+
+.hover\:rotate-2:hover {
+  --transform-rotate: 2deg;
+}
+
+.hover\:rotate-3:hover {
+  --transform-rotate: 3deg;
+}
+
+.hover\:rotate-6:hover {
+  --transform-rotate: 6deg;
+}
+
+.hover\:rotate-12:hover {
+  --transform-rotate: 12deg;
+}
+
+.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;
+}
+
+.hover\:-rotate-12:hover {
+  --transform-rotate: -12deg;
+}
+
+.hover\:-rotate-6:hover {
+  --transform-rotate: -6deg;
+}
+
+.hover\:-rotate-3:hover {
+  --transform-rotate: -3deg;
+}
+
+.hover\:-rotate-2:hover {
+  --transform-rotate: -2deg;
+}
+
+.hover\:-rotate-1:hover {
+  --transform-rotate: -1deg;
+}
+
+.focus\:rotate-0:focus {
+  --transform-rotate: 0;
+}
+
+.focus\:rotate-1:focus {
+  --transform-rotate: 1deg;
+}
+
+.focus\:rotate-2:focus {
+  --transform-rotate: 2deg;
+}
+
+.focus\:rotate-3:focus {
+  --transform-rotate: 3deg;
+}
+
+.focus\:rotate-6:focus {
+  --transform-rotate: 6deg;
+}
+
+.focus\:rotate-12:focus {
+  --transform-rotate: 12deg;
+}
+
+.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;
+}
+
+.focus\:-rotate-12:focus {
+  --transform-rotate: -12deg;
+}
+
+.focus\:-rotate-6:focus {
+  --transform-rotate: -6deg;
+}
+
+.focus\:-rotate-3:focus {
+  --transform-rotate: -3deg;
+}
+
+.focus\:-rotate-2:focus {
+  --transform-rotate: -2deg;
+}
+
+.focus\:-rotate-1:focus {
+  --transform-rotate: -1deg;
+}
+
+.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-44 {
+  --transform-translate-x: 11rem;
+}
+
+.translate-x-48 {
+  --transform-translate-x: 12rem;
+}
+
+.translate-x-52 {
+  --transform-translate-x: 13rem;
+}
+
+.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-44 {
+  --transform-translate-x: -11rem;
+}
+
+.-translate-x-48 {
+  --transform-translate-x: -12rem;
+}
+
+.-translate-x-52 {
+  --transform-translate-x: -13rem;
+}
+
+.-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-44 {
+  --transform-translate-y: 11rem;
+}
+
+.translate-y-48 {
+  --transform-translate-y: 12rem;
+}
+
+.translate-y-52 {
+  --transform-translate-y: 13rem;
+}
+
+.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-44 {
+  --transform-translate-y: -11rem;
+}
+
+.-translate-y-48 {
+  --transform-translate-y: -12rem;
+}
+
+.-translate-y-52 {
+  --transform-translate-y: -13rem;
+}
+
+.-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-44:hover {
+  --transform-translate-x: 11rem;
+}
+
+.hover\:translate-x-48:hover {
+  --transform-translate-x: 12rem;
+}
+
+.hover\:translate-x-52:hover {
+  --transform-translate-x: 13rem;
+}
+
+.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-44:hover {
+  --transform-translate-x: -11rem;
+}
+
+.hover\:-translate-x-48:hover {
+  --transform-translate-x: -12rem;
+}
+
+.hover\:-translate-x-52:hover {
+  --transform-translate-x: -13rem;
+}
+
+.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-44:hover {
+  --transform-translate-y: 11rem;
+}
+
+.hover\:translate-y-48:hover {
+  --transform-translate-y: 12rem;
+}
+
+.hover\:translate-y-52:hover {
+  --transform-translate-y: 13rem;
+}
+
+.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-44:hover {
+  --transform-translate-y: -11rem;
+}
+
+.hover\:-translate-y-48:hover {
+  --transform-translate-y: -12rem;
+}
+
+.hover\:-translate-y-52:hover {
+  --transform-translate-y: -13rem;
+}
+
+.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-44:focus {
+  --transform-translate-x: 11rem;
+}
+
+.focus\:translate-x-48:focus {
+  --transform-translate-x: 12rem;
+}
+
+.focus\:translate-x-52:focus {
+  --transform-translate-x: 13rem;
+}
+
+.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-44:focus {
+  --transform-translate-x: -11rem;
+}
+
+.focus\:-translate-x-48:focus {
+  --transform-translate-x: -12rem;
+}
+
+.focus\:-translate-x-52:focus {
+  --transform-translate-x: -13rem;
+}
+
+.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-44:focus {
+  --transform-translate-y: 11rem;
+}
+
+.focus\:translate-y-48:focus {
+  --transform-translate-y: 12rem;
+}
+
+.focus\:translate-y-52:focus {
+  --transform-translate-y: 13rem;
+}
+
+.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-44:focus {
+  --transform-translate-y: -11rem;
+}
+
+.focus\:-translate-y-48:focus {
+  --transform-translate-y: -12rem;
+}
+
+.focus\:-translate-y-52:focus {
+  --transform-translate-y: -13rem;
+}
+
+.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-1 {
+  --transform-skew-x: 1deg;
+}
+
+.skew-x-2 {
+  --transform-skew-x: 2deg;
+}
+
+.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-x-2 {
+  --transform-skew-x: -2deg;
+}
+
+.-skew-x-1 {
+  --transform-skew-x: -1deg;
+}
+
+.skew-y-0 {
+  --transform-skew-y: 0;
+}
+
+.skew-y-1 {
+  --transform-skew-y: 1deg;
+}
+
+.skew-y-2 {
+  --transform-skew-y: 2deg;
+}
+
+.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;
+}
+
+.-skew-y-2 {
+  --transform-skew-y: -2deg;
+}
+
+.-skew-y-1 {
+  --transform-skew-y: -1deg;
+}
+
+.hover\:skew-x-0:hover {
+  --transform-skew-x: 0;
+}
+
+.hover\:skew-x-1:hover {
+  --transform-skew-x: 1deg;
+}
+
+.hover\:skew-x-2:hover {
+  --transform-skew-x: 2deg;
+}
+
+.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-x-2:hover {
+  --transform-skew-x: -2deg;
+}
+
+.hover\:-skew-x-1:hover {
+  --transform-skew-x: -1deg;
+}
+
+.hover\:skew-y-0:hover {
+  --transform-skew-y: 0;
+}
+
+.hover\:skew-y-1:hover {
+  --transform-skew-y: 1deg;
+}
+
+.hover\:skew-y-2:hover {
+  --transform-skew-y: 2deg;
+}
+
+.hover\:skew-y-3:hover {
+  --transform-skew-y: 3deg;
+}
+
+.hover\:skew-y-6:hover {
+  --transform-skew-y: 6deg;
+}
+
+.hover\:skew-y-12:hover {
+  --transform-skew-y: 12deg;
+}
+
+.hover\:-skew-y-12:hover {
+  --transform-skew-y: -12deg;
+}
+
+.hover\:-skew-y-6:hover {
+  --transform-skew-y: -6deg;
+}
+
+.hover\:-skew-y-3:hover {
+  --transform-skew-y: -3deg;
+}
+
+.hover\:-skew-y-2:hover {
+  --transform-skew-y: -2deg;
+}
+
+.hover\:-skew-y-1:hover {
+  --transform-skew-y: -1deg;
+}
+
+.focus\:skew-x-0:focus {
+  --transform-skew-x: 0;
+}
+
+.focus\:skew-x-1:focus {
+  --transform-skew-x: 1deg;
+}
+
+.focus\:skew-x-2:focus {
+  --transform-skew-x: 2deg;
+}
+
+.focus\:skew-x-3:focus {
+  --transform-skew-x: 3deg;
+}
+
+.focus\:skew-x-6:focus {
+  --transform-skew-x: 6deg;
+}
+
+.focus\:skew-x-12:focus {
+  --transform-skew-x: 12deg;
+}
+
+.focus\:-skew-x-12:focus {
+  --transform-skew-x: -12deg;
+}
+
+.focus\:-skew-x-6:focus {
+  --transform-skew-x: -6deg;
+}
+
+.focus\:-skew-x-3:focus {
+  --transform-skew-x: -3deg;
+}
+
+.focus\:-skew-x-2:focus {
+  --transform-skew-x: -2deg;
+}
+
+.focus\:-skew-x-1:focus {
+  --transform-skew-x: -1deg;
+}
+
+.focus\:skew-y-0:focus {
+  --transform-skew-y: 0;
+}
+
+.focus\:skew-y-1:focus {
+  --transform-skew-y: 1deg;
+}
+
+.focus\:skew-y-2:focus {
+  --transform-skew-y: 2deg;
+}
+
+.focus\:skew-y-3:focus {
+  --transform-skew-y: 3deg;
+}
+
+.focus\:skew-y-6:focus {
+  --transform-skew-y: 6deg;
+}
+
+.focus\:skew-y-12:focus {
+  --transform-skew-y: 12deg;
+}
+
+.focus\:-skew-y-12:focus {
+  --transform-skew-y: -12deg;
+}
+
+.focus\:-skew-y-6:focus {
+  --transform-skew-y: -6deg;
+}
+
+.focus\:-skew-y-3:focus {
+  --transform-skew-y: -3deg;
+}
+
+.focus\:-skew-y-2:focus {
+  --transform-skew-y: -2deg;
+}
+
+.focus\:-skew-y-1:focus {
+  --transform-skew-y: -1deg;
+}
+
+.transition-none {
+  transition-property: none;
+}
+
+.transition-all {
+  transition-property: all;
+}
+
+.transition {
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+}
+
+.transition-colors {
+  transition-property: background-color, border-color, color, fill, stroke;
+}
+
+.transition-opacity {
+  transition-property: opacity;
+}
+
+.transition-shadow {
+  transition-property: box-shadow;
+}
+
+.transition-transform {
+  transition-property: transform;
+}
+
+.ease-linear {
+  transition-timing-function: linear;
+}
+
+.ease-in {
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+}
+
+.ease-out {
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+
+.ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.duration-75 {
+  transition-duration: 75ms;
+}
+
+.duration-100 {
+  transition-duration: 100ms;
+}
+
+.duration-150 {
+  transition-duration: 150ms;
+}
+
+.duration-200 {
+  transition-duration: 200ms;
+}
+
+.duration-300 {
+  transition-duration: 300ms;
+}
+
+.duration-500 {
+  transition-duration: 500ms;
+}
+
+.duration-700 {
+  transition-duration: 700ms;
+}
+
+.duration-1000 {
+  transition-duration: 1000ms;
+}
+
+.delay-75 {
+  transition-delay: 75ms;
+}
+
+.delay-100 {
+  transition-delay: 100ms;
+}
+
+.delay-150 {
+  transition-delay: 150ms;
+}
+
+.delay-200 {
+  transition-delay: 200ms;
+}
+
+.delay-300 {
+  transition-delay: 300ms;
+}
+
+.delay-500 {
+  transition-delay: 500ms;
+}
+
+.delay-700 {
+  transition-delay: 700ms;
+}
+
+.delay-1000 {
+  transition-delay: 1000ms;
+}
+
+@-webkit-keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@-webkit-keyframes ping {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+
+@keyframes ping {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+
+@-webkit-keyframes pulse {
+  50% {
+    opacity: .5;
+  }
+}
+
+@keyframes pulse {
+  50% {
+    opacity: .5;
+  }
+}
+
+@-webkit-keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
+            animation-timing-function: cubic-bezier(0.8,0,1,1);
+  }
+
+  50% {
+    transform: none;
+    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
+            animation-timing-function: cubic-bezier(0,0,0.2,1);
+  }
+}
+
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
+            animation-timing-function: cubic-bezier(0.8,0,1,1);
+  }
+
+  50% {
+    transform: none;
+    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
+            animation-timing-function: cubic-bezier(0,0,0.2,1);
+  }
+}
+
+.animate-none {
+  -webkit-animation: none;
+          animation: none;
+}
+
+.animate-spin {
+  -webkit-animation: spin 1s linear infinite;
+          animation: spin 1s linear infinite;
+}
+
+.animate-ping {
+  -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+          animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+
+.animate-pulse {
+  -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+          animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.animate-bounce {
+  -webkit-animation: bounce 1s infinite;
+          animation: bounce 1s infinite;
+}
+
+@media (min-width: 640px) {
+  .sm\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 640px) {
+    .sm\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .sm\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .sm\:container {
+      max-width: 1024px;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .sm\:container {
+      max-width: 1280px;
+    }
+  }
+
+  .sm\:prose {
+    color: #374151;
+    max-width: 65ch;
+  }
+
+  .sm\:prose [class~="lead"] {
+    color: #4b5563;
+    font-size: 1.25em;
+    line-height: 1.6;
+    margin-top: 1.2em;
+    margin-bottom: 1.2em;
+  }
+
+  .sm\:prose a {
+    color: #5850ec;
+    text-decoration: none;
+    font-weight: 600;
+  }
+
+  .sm\:prose strong {
+    color: #161e2e;
+    font-weight: 600;
+  }
+
+  .sm\:prose ol {
+    counter-reset: list-counter;
+    margin-top: 1.25em;
+    margin-bottom: 1.25em;
+  }
+
+  .sm\:prose ol > li {
+    position: relative;
+    counter-increment: list-counter;
+    padding-left: 1.75em;
+  }
+
+  .sm\:prose ol > li::before {
+    content: counter(list-counter) ".";
+    position: absolute;
+    font-weight: 400;
+    color: #6b7280;
+  }
+
+  .sm\:prose ul > li {
+    position: relative;
+    padding-left: 1.75em;
+  }
+
+  .sm\:prose ul > li::before {
+    content: "";
+    position: absolute;
+    background-color: #d2d6dc;
+    border-radius: 50%;
+    width: 0.375em;
+    height: 0.375em;
+    top: calc(0.875em - 0.1875em);
+    left: 0.25em;
+  }
+
+  .sm\:prose hr {
+    border-color: #e5e7eb;
+    border-top-width: 1px;
+    margin-top: 3em;
+    margin-bottom: 3em;
+  }
+
+  .sm\:prose blockquote {
+    font-weight: 500;
+    font-style: italic;
+    color: #161e2e;
+    border-left-width: 0.25rem;
+    border-left-color: #e5e7eb;
+    quotes: "\201C""\201D""\2018""\2019";
+    margin-top: 1.6em;
+    margin-bottom: 1.6em;
+    padding-left: 1em;
+  }
+
+  .sm\:prose blockquote p:first-of-type::before {
+    content: open-quote;
+  }
+
+  .sm\:prose blockquote p:last-of-type::after {
+    content: close-quote;
+  }
+
+  .sm\:prose h1 {
+    color: #1a202c;
+    font-weight: 800;
+    font-size: 2.25em;
+    margin-top: 0;
+    margin-bottom: 0.8888889em;
+    line-height: 1.1111111;
+  }
+
+  .sm\:prose h2 {
+    color: #1a202c;
+    font-weight: 700;
+    font-size: 1.5em;
+    margin-top: 2em;
+    margin-bottom: 1em;
+    line-height: 1.3333333;
+  }
+
+  .sm\:prose h3 {
+    color: #1a202c;
+    font-weight: 600;
+    font-size: 1.25em;
+    margin-top: 1.6em;
+    margin-bottom: 0.6em;
+    line-height: 1.6;
+  }
+
+  .sm\:prose h4 {
+    color: #1a202c;
+    font-weight: 600;
+    margin-top: 1.5em;
+    margin-bottom: 0.5em;
+    line-height: 1.5;
+  }
+
+  .sm\:prose figure figcaption {
+    color: #6b7280;
+    font-size: 0.875em;
+    line-height: 1.4285714;
+    margin-top: 0.8571429em;
+  }
+
+  .sm\:prose code {
+    color: #161e2e;
+    font-weight: 600;
+    font-size: 0.875em;
+  }
+
+  .sm\:prose code::before {
+    content: "`";
+  }
+
+  .sm\:prose code::after {
+    content: "`";
+  }
+
+  .sm\:prose pre {
+    color: #e5e7eb;
+    background-color: #252f3f;
+    overflow-x: auto;
+    font-size: 0.875em;
+    line-height: 1.7142857;
+    margin-top: 1.7142857em;
+    margin-bottom: 1.7142857em;
+    border-radius: 0.375rem;
+    padding-top: 0.8571429em;
+    padding-right: 1.1428571em;
+    padding-bottom: 0.8571429em;
+    padding-left: 1.1428571em;
+  }
+
+  .sm\:prose pre code {
+    background-color: transparent;
+    border-width: 0;
+    border-radius: 0;
+    padding: 0;
+    font-weight: 400;
+    color: inherit;
+    font-size: inherit;
+    font-family: inherit;
+    line-height: inherit;
+  }
+
+  .sm\:prose pre code::before {
+    content: "";
+  }
+
+  .sm\:prose pre code::after {
+    content: "";
+  }
+
+  .sm\:prose table {
+    width: 100%;
+    table-layout: auto;
+    text-align: left;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    font-size: 0.875em;
+    line-height: 1.7142857;
+  }
+
+  .sm\:prose thead {
+    color: #161e2e;
+    font-weight: 600;
+    border-bottom-width: 1px;
+    border-bottom-color: #d2d6dc;
+  }
+
+  .sm\:prose thead th {
+    vertical-align: bottom;
+    padding-right: 0.5714286em;
+    padding-bottom: 0.5714286em;
+    padding-left: 0.5714286em;
+  }
+
+  .sm\:prose tbody tr {
+    border-bottom-width: 1px;
+    border-bottom-color: #e5e7eb;
+  }
+
+  .sm\:prose tbody tr:last-child {
+    border-bottom-width: 0;
+  }
+
+  .sm\:prose tbody td {
+    vertical-align: top;
+    padding-top: 0.5714286em;
+    padding-right: 0.5714286em;
+    padding-bottom: 0.5714286em;
+    padding-left: 0.5714286em;
+  }
+
+  .sm\:prose {
+    font-size: 1rem;
+    line-height: 1.75;
+  }
+
+  .sm\:prose p {
+    margin-top: 1.25em;
+    margin-bottom: 1.25em;
+  }
+
+  .sm\:prose img {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .sm\:prose video {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .sm\:prose figure {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .sm\:prose figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .sm\:prose h2 code {
+    font-size: 0.875em;
+  }
+
+  .sm\:prose h3 code {
+    font-size: 0.9em;
+  }
+
+  .sm\:prose ul {
+    margin-top: 1.25em;
+    margin-bottom: 1.25em;
+  }
+
+  .sm\:prose li {
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+  }
+
+  .sm\:prose ol > li:before {
+    left: 0;
+  }
+
+  .sm\:prose > ul > li p {
+    margin-top: 0.75em;
+    margin-bottom: 0.75em;
+  }
+
+  .sm\:prose > ul > li > *:first-child {
+    margin-top: 1.25em;
+  }
+
+  .sm\:prose > ul > li > *:last-child {
+    margin-bottom: 1.25em;
+  }
+
+  .sm\:prose > ol > li > *:first-child {
+    margin-top: 1.25em;
+  }
+
+  .sm\:prose > ol > li > *:last-child {
+    margin-bottom: 1.25em;
+  }
+
+  .sm\:prose ul ul, .sm\:prose ul ol, .sm\:prose ol ul, .sm\:prose ol ol {
+    margin-top: 0.75em;
+    margin-bottom: 0.75em;
+  }
+
+  .sm\:prose hr + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose h2 + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose h3 + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose h4 + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose thead th:first-child {
+    padding-left: 0;
+  }
+
+  .sm\:prose thead th:last-child {
+    padding-right: 0;
+  }
+
+  .sm\:prose tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .sm\:prose tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .sm\:prose > :first-child {
+    margin-top: 0;
+  }
+
+  .sm\:prose > :last-child {
+    margin-bottom: 0;
+  }
+
+  .sm\:prose h1, .sm\:prose h2, .sm\:prose h3, .sm\:prose h4 {
+    color: #161e2e;
+  }
+
+  .sm\:prose-sm {
+    font-size: 0.875rem;
+    line-height: 1.7142857;
+  }
+
+  .sm\:prose-sm p {
+    margin-top: 1.1428571em;
+    margin-bottom: 1.1428571em;
+  }
+
+  .sm\:prose-sm [class~="lead"] {
+    font-size: 1.2857143em;
+    line-height: 1.5555556;
+    margin-top: 0.8888889em;
+    margin-bottom: 0.8888889em;
+  }
+
+  .sm\:prose-sm blockquote {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+    padding-left: 1.1111111em;
+  }
+
+  .sm\:prose-sm h1 {
+    font-size: 2.1428571em;
+    margin-top: 0;
+    margin-bottom: 0.8em;
+    line-height: 1.2;
+  }
+
+  .sm\:prose-sm h2 {
+    font-size: 1.4285714em;
+    margin-top: 1.6em;
+    margin-bottom: 0.8em;
+    line-height: 1.4;
+  }
+
+  .sm\:prose-sm h3 {
+    font-size: 1.2857143em;
+    margin-top: 1.5555556em;
+    margin-bottom: 0.4444444em;
+    line-height: 1.5555556;
+  }
+
+  .sm\:prose-sm h4 {
+    margin-top: 1.4285714em;
+    margin-bottom: 0.5714286em;
+    line-height: 1.4285714;
+  }
+
+  .sm\:prose-sm img {
+    margin-top: 1.7142857em;
+    margin-bottom: 1.7142857em;
+  }
+
+  .sm\:prose-sm video {
+    margin-top: 1.7142857em;
+    margin-bottom: 1.7142857em;
+  }
+
+  .sm\:prose-sm figure {
+    margin-top: 1.7142857em;
+    margin-bottom: 1.7142857em;
+  }
+
+  .sm\:prose-sm figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .sm\:prose-sm figure figcaption {
+    font-size: 0.8571429em;
+    line-height: 1.3333333;
+    margin-top: 0.6666667em;
+  }
+
+  .sm\:prose-sm code {
+    font-size: 0.8571429em;
+  }
+
+  .sm\:prose-sm h2 code {
+    font-size: 0.9em;
+  }
+
+  .sm\:prose-sm h3 code {
+    font-size: 0.8888889em;
+  }
+
+  .sm\:prose-sm pre {
+    font-size: 0.8571429em;
+    line-height: 1.6666667;
+    margin-top: 1.6666667em;
+    margin-bottom: 1.6666667em;
+    border-radius: 0.25rem;
+    padding-top: 0.6666667em;
+    padding-right: 1em;
+    padding-bottom: 0.6666667em;
+    padding-left: 1em;
+  }
+
+  .sm\:prose-sm ol {
+    margin-top: 1.1428571em;
+    margin-bottom: 1.1428571em;
+  }
+
+  .sm\:prose-sm ul {
+    margin-top: 1.1428571em;
+    margin-bottom: 1.1428571em;
+  }
+
+  .sm\:prose-sm li {
+    margin-top: 0.2857143em;
+    margin-bottom: 0.2857143em;
+  }
+
+  .sm\:prose-sm ol > li {
+    padding-left: 1.5714286em;
+  }
+
+  .sm\:prose-sm ol > li:before {
+    left: 0;
+  }
+
+  .sm\:prose-sm ul > li {
+    padding-left: 1.5714286em;
+  }
+
+  .sm\:prose-sm ul > li::before {
+    height: 0.3571429em;
+    width: 0.3571429em;
+    top: calc(0.8571429em - 0.1785714em);
+    left: 0.2142857em;
+  }
+
+  .sm\:prose-sm > ul > li p {
+    margin-top: 0.5714286em;
+    margin-bottom: 0.5714286em;
+  }
+
+  .sm\:prose-sm > ul > li > *:first-child {
+    margin-top: 1.1428571em;
+  }
+
+  .sm\:prose-sm > ul > li > *:last-child {
+    margin-bottom: 1.1428571em;
+  }
+
+  .sm\:prose-sm > ol > li > *:first-child {
+    margin-top: 1.1428571em;
+  }
+
+  .sm\:prose-sm > ol > li > *:last-child {
+    margin-bottom: 1.1428571em;
+  }
+
+  .sm\:prose-sm ul ul, .sm\:prose-sm ul ol, .sm\:prose-sm ol ul, .sm\:prose-sm ol ol {
+    margin-top: 0.5714286em;
+    margin-bottom: 0.5714286em;
+  }
+
+  .sm\:prose-sm hr {
+    margin-top: 2.8571429em;
+    margin-bottom: 2.8571429em;
+  }
+
+  .sm\:prose-sm hr + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose-sm h2 + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose-sm h3 + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose-sm h4 + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose-sm table {
+    font-size: 0.8571429em;
+    line-height: 1.5;
+  }
+
+  .sm\:prose-sm thead th {
+    padding-right: 1em;
+    padding-bottom: 0.6666667em;
+    padding-left: 1em;
+  }
+
+  .sm\:prose-sm thead th:first-child {
+    padding-left: 0;
+  }
+
+  .sm\:prose-sm thead th:last-child {
+    padding-right: 0;
+  }
+
+  .sm\:prose-sm tbody td {
+    padding-top: 0.6666667em;
+    padding-right: 1em;
+    padding-bottom: 0.6666667em;
+    padding-left: 1em;
+  }
+
+  .sm\:prose-sm tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .sm\:prose-sm tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .sm\:prose-sm > :first-child {
+    margin-top: 0;
+  }
+
+  .sm\:prose-sm > :last-child {
+    margin-bottom: 0;
+  }
+
+  .sm\:prose-lg {
+    font-size: 1.125rem;
+    line-height: 1.7777778;
+  }
+
+  .sm\:prose-lg p {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .sm\:prose-lg [class~="lead"] {
+    font-size: 1.2222222em;
+    line-height: 1.4545455;
+    margin-top: 1.0909091em;
+    margin-bottom: 1.0909091em;
+  }
+
+  .sm\:prose-lg blockquote {
+    margin-top: 1.6666667em;
+    margin-bottom: 1.6666667em;
+    padding-left: 1em;
+  }
+
+  .sm\:prose-lg h1 {
+    font-size: 2.6666667em;
+    margin-top: 0;
+    margin-bottom: 0.8333333em;
+    line-height: 1;
+  }
+
+  .sm\:prose-lg h2 {
+    font-size: 1.6666667em;
+    margin-top: 1.8666667em;
+    margin-bottom: 1.0666667em;
+    line-height: 1.3333333;
+  }
+
+  .sm\:prose-lg h3 {
+    font-size: 1.3333333em;
+    margin-top: 1.6666667em;
+    margin-bottom: 0.6666667em;
+    line-height: 1.5;
+  }
+
+  .sm\:prose-lg h4 {
+    margin-top: 1.7777778em;
+    margin-bottom: 0.4444444em;
+    line-height: 1.5555556;
+  }
+
+  .sm\:prose-lg img {
+    margin-top: 1.7777778em;
+    margin-bottom: 1.7777778em;
+  }
+
+  .sm\:prose-lg video {
+    margin-top: 1.7777778em;
+    margin-bottom: 1.7777778em;
+  }
+
+  .sm\:prose-lg figure {
+    margin-top: 1.7777778em;
+    margin-bottom: 1.7777778em;
+  }
+
+  .sm\:prose-lg figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .sm\:prose-lg figure figcaption {
+    font-size: 0.8888889em;
+    line-height: 1.5;
+    margin-top: 1em;
+  }
+
+  .sm\:prose-lg code {
+    font-size: 0.8888889em;
+  }
+
+  .sm\:prose-lg h2 code {
+    font-size: 0.8666667em;
+  }
+
+  .sm\:prose-lg h3 code {
+    font-size: 0.875em;
+  }
+
+  .sm\:prose-lg pre {
+    font-size: 0.8888889em;
+    line-height: 1.75;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    border-radius: 0.375rem;
+    padding-top: 1em;
+    padding-right: 1.5em;
+    padding-bottom: 1em;
+    padding-left: 1.5em;
+  }
+
+  .sm\:prose-lg ol {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .sm\:prose-lg ul {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .sm\:prose-lg li {
+    margin-top: 0.6666667em;
+    margin-bottom: 0.6666667em;
+  }
+
+  .sm\:prose-lg ol > li {
+    padding-left: 1.6666667em;
+  }
+
+  .sm\:prose-lg ol > li:before {
+    left: 0;
+  }
+
+  .sm\:prose-lg ul > li {
+    padding-left: 1.6666667em;
+  }
+
+  .sm\:prose-lg ul > li::before {
+    width: 0.3333333em;
+    height: 0.3333333em;
+    top: calc(0.8888889em - 0.1666667em);
+    left: 0.2222222em;
+  }
+
+  .sm\:prose-lg > ul > li p {
+    margin-top: 0.8888889em;
+    margin-bottom: 0.8888889em;
+  }
+
+  .sm\:prose-lg > ul > li > *:first-child {
+    margin-top: 1.3333333em;
+  }
+
+  .sm\:prose-lg > ul > li > *:last-child {
+    margin-bottom: 1.3333333em;
+  }
+
+  .sm\:prose-lg > ol > li > *:first-child {
+    margin-top: 1.3333333em;
+  }
+
+  .sm\:prose-lg > ol > li > *:last-child {
+    margin-bottom: 1.3333333em;
+  }
+
+  .sm\:prose-lg ul ul, .sm\:prose-lg ul ol, .sm\:prose-lg ol ul, .sm\:prose-lg ol ol {
+    margin-top: 0.8888889em;
+    margin-bottom: 0.8888889em;
+  }
+
+  .sm\:prose-lg hr {
+    margin-top: 3.1111111em;
+    margin-bottom: 3.1111111em;
+  }
+
+  .sm\:prose-lg hr + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose-lg h2 + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose-lg h3 + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose-lg h4 + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose-lg table {
+    font-size: 0.8888889em;
+    line-height: 1.5;
+  }
+
+  .sm\:prose-lg thead th {
+    padding-right: 0.75em;
+    padding-bottom: 0.75em;
+    padding-left: 0.75em;
+  }
+
+  .sm\:prose-lg thead th:first-child {
+    padding-left: 0;
+  }
+
+  .sm\:prose-lg thead th:last-child {
+    padding-right: 0;
+  }
+
+  .sm\:prose-lg tbody td {
+    padding-top: 0.75em;
+    padding-right: 0.75em;
+    padding-bottom: 0.75em;
+    padding-left: 0.75em;
+  }
+
+  .sm\:prose-lg tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .sm\:prose-lg tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .sm\:prose-lg > :first-child {
+    margin-top: 0;
+  }
+
+  .sm\:prose-lg > :last-child {
+    margin-bottom: 0;
+  }
+
+  .sm\:prose-xl {
+    font-size: 1.25rem;
+    line-height: 1.8;
+  }
+
+  .sm\:prose-xl p {
+    margin-top: 1.2em;
+    margin-bottom: 1.2em;
+  }
+
+  .sm\:prose-xl [class~="lead"] {
+    font-size: 1.2em;
+    line-height: 1.5;
+    margin-top: 1em;
+    margin-bottom: 1em;
+  }
+
+  .sm\:prose-xl blockquote {
+    margin-top: 1.6em;
+    margin-bottom: 1.6em;
+    padding-left: 1.0666667em;
+  }
+
+  .sm\:prose-xl h1 {
+    font-size: 2.8em;
+    margin-top: 0;
+    margin-bottom: 0.8571429em;
+    line-height: 1;
+  }
+
+  .sm\:prose-xl h2 {
+    font-size: 1.8em;
+    margin-top: 1.5555556em;
+    margin-bottom: 0.8888889em;
+    line-height: 1.1111111;
+  }
+
+  .sm\:prose-xl h3 {
+    font-size: 1.5em;
+    margin-top: 1.6em;
+    margin-bottom: 0.6666667em;
+    line-height: 1.3333333;
+  }
+
+  .sm\:prose-xl h4 {
+    margin-top: 1.8em;
+    margin-bottom: 0.6em;
+    line-height: 1.6;
+  }
+
+  .sm\:prose-xl img {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .sm\:prose-xl video {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .sm\:prose-xl figure {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .sm\:prose-xl figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .sm\:prose-xl figure figcaption {
+    font-size: 0.9em;
+    line-height: 1.5555556;
+    margin-top: 1em;
+  }
+
+  .sm\:prose-xl code {
+    font-size: 0.9em;
+  }
+
+  .sm\:prose-xl h2 code {
+    font-size: 0.8611111em;
+  }
+
+  .sm\:prose-xl h3 code {
+    font-size: 0.9em;
+  }
+
+  .sm\:prose-xl pre {
+    font-size: 0.9em;
+    line-height: 1.7777778;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    border-radius: 0.5rem;
+    padding-top: 1.1111111em;
+    padding-right: 1.3333333em;
+    padding-bottom: 1.1111111em;
+    padding-left: 1.3333333em;
+  }
+
+  .sm\:prose-xl ol {
+    margin-top: 1.2em;
+    margin-bottom: 1.2em;
+  }
+
+  .sm\:prose-xl ul {
+    margin-top: 1.2em;
+    margin-bottom: 1.2em;
+  }
+
+  .sm\:prose-xl li {
+    margin-top: 0.6em;
+    margin-bottom: 0.6em;
+  }
+
+  .sm\:prose-xl ol > li {
+    padding-left: 1.8em;
+  }
+
+  .sm\:prose-xl ol > li:before {
+    left: 0;
+  }
+
+  .sm\:prose-xl ul > li {
+    padding-left: 1.8em;
+  }
+
+  .sm\:prose-xl ul > li::before {
+    width: 0.35em;
+    height: 0.35em;
+    top: calc(0.9em - 0.175em);
+    left: 0.25em;
+  }
+
+  .sm\:prose-xl > ul > li p {
+    margin-top: 0.8em;
+    margin-bottom: 0.8em;
+  }
+
+  .sm\:prose-xl > ul > li > *:first-child {
+    margin-top: 1.2em;
+  }
+
+  .sm\:prose-xl > ul > li > *:last-child {
+    margin-bottom: 1.2em;
+  }
+
+  .sm\:prose-xl > ol > li > *:first-child {
+    margin-top: 1.2em;
+  }
+
+  .sm\:prose-xl > ol > li > *:last-child {
+    margin-bottom: 1.2em;
+  }
+
+  .sm\:prose-xl ul ul, .sm\:prose-xl ul ol, .sm\:prose-xl ol ul, .sm\:prose-xl ol ol {
+    margin-top: 0.8em;
+    margin-bottom: 0.8em;
+  }
+
+  .sm\:prose-xl hr {
+    margin-top: 2.8em;
+    margin-bottom: 2.8em;
+  }
+
+  .sm\:prose-xl hr + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose-xl h2 + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose-xl h3 + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose-xl h4 + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose-xl table {
+    font-size: 0.9em;
+    line-height: 1.5555556;
+  }
+
+  .sm\:prose-xl thead th {
+    padding-right: 0.6666667em;
+    padding-bottom: 0.8888889em;
+    padding-left: 0.6666667em;
+  }
+
+  .sm\:prose-xl thead th:first-child {
+    padding-left: 0;
+  }
+
+  .sm\:prose-xl thead th:last-child {
+    padding-right: 0;
+  }
+
+  .sm\:prose-xl tbody td {
+    padding-top: 0.8888889em;
+    padding-right: 0.6666667em;
+    padding-bottom: 0.8888889em;
+    padding-left: 0.6666667em;
+  }
+
+  .sm\:prose-xl tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .sm\:prose-xl tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .sm\:prose-xl > :first-child {
+    margin-top: 0;
+  }
+
+  .sm\:prose-xl > :last-child {
+    margin-bottom: 0;
+  }
+
+  .sm\:prose-2xl {
+    font-size: 1.5rem;
+    line-height: 1.6666667;
+  }
+
+  .sm\:prose-2xl p {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .sm\:prose-2xl [class~="lead"] {
+    font-size: 1.25em;
+    line-height: 1.4666667;
+    margin-top: 1.0666667em;
+    margin-bottom: 1.0666667em;
+  }
+
+  .sm\:prose-2xl blockquote {
+    margin-top: 1.7777778em;
+    margin-bottom: 1.7777778em;
+    padding-left: 1.1111111em;
+  }
+
+  .sm\:prose-2xl h1 {
+    font-size: 2.6666667em;
+    margin-top: 0;
+    margin-bottom: 0.875em;
+    line-height: 1;
+  }
+
+  .sm\:prose-2xl h2 {
+    font-size: 2em;
+    margin-top: 1.5em;
+    margin-bottom: 0.8333333em;
+    line-height: 1.0833333;
+  }
+
+  .sm\:prose-2xl h3 {
+    font-size: 1.5em;
+    margin-top: 1.5555556em;
+    margin-bottom: 0.6666667em;
+    line-height: 1.2222222;
+  }
+
+  .sm\:prose-2xl h4 {
+    margin-top: 1.6666667em;
+    margin-bottom: 0.6666667em;
+    line-height: 1.5;
+  }
+
+  .sm\:prose-2xl img {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .sm\:prose-2xl video {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .sm\:prose-2xl figure {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .sm\:prose-2xl figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .sm\:prose-2xl figure figcaption {
+    font-size: 0.8333333em;
+    line-height: 1.6;
+    margin-top: 1em;
+  }
+
+  .sm\:prose-2xl code {
+    font-size: 0.8333333em;
+  }
+
+  .sm\:prose-2xl h2 code {
+    font-size: 0.875em;
+  }
+
+  .sm\:prose-2xl h3 code {
+    font-size: 0.8888889em;
+  }
+
+  .sm\:prose-2xl pre {
+    font-size: 0.8333333em;
+    line-height: 1.8;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    border-radius: 0.5rem;
+    padding-top: 1.2em;
+    padding-right: 1.6em;
+    padding-bottom: 1.2em;
+    padding-left: 1.6em;
+  }
+
+  .sm\:prose-2xl ol {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .sm\:prose-2xl ul {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .sm\:prose-2xl li {
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+  }
+
+  .sm\:prose-2xl ol > li {
+    padding-left: 1.6666667em;
+  }
+
+  .sm\:prose-2xl ol > li:before {
+    left: 0;
+  }
+
+  .sm\:prose-2xl ul > li {
+    padding-left: 1.6666667em;
+  }
+
+  .sm\:prose-2xl ul > li::before {
+    width: 0.3333333em;
+    height: 0.3333333em;
+    top: calc(0.8333333em - 0.1666667em);
+    left: 0.25em;
+  }
+
+  .sm\:prose-2xl > ul > li p {
+    margin-top: 0.8333333em;
+    margin-bottom: 0.8333333em;
+  }
+
+  .sm\:prose-2xl > ul > li > *:first-child {
+    margin-top: 1.3333333em;
+  }
+
+  .sm\:prose-2xl > ul > li > *:last-child {
+    margin-bottom: 1.3333333em;
+  }
+
+  .sm\:prose-2xl > ol > li > *:first-child {
+    margin-top: 1.3333333em;
+  }
+
+  .sm\:prose-2xl > ol > li > *:last-child {
+    margin-bottom: 1.3333333em;
+  }
+
+  .sm\:prose-2xl ul ul, .sm\:prose-2xl ul ol, .sm\:prose-2xl ol ul, .sm\:prose-2xl ol ol {
+    margin-top: 0.6666667em;
+    margin-bottom: 0.6666667em;
+  }
+
+  .sm\:prose-2xl hr {
+    margin-top: 3em;
+    margin-bottom: 3em;
+  }
+
+  .sm\:prose-2xl hr + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose-2xl h2 + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose-2xl h3 + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose-2xl h4 + * {
+    margin-top: 0;
+  }
+
+  .sm\:prose-2xl table {
+    font-size: 0.8333333em;
+    line-height: 1.4;
+  }
+
+  .sm\:prose-2xl thead th {
+    padding-right: 0.6em;
+    padding-bottom: 0.8em;
+    padding-left: 0.6em;
+  }
+
+  .sm\:prose-2xl thead th:first-child {
+    padding-left: 0;
+  }
+
+  .sm\:prose-2xl thead th:last-child {
+    padding-right: 0;
+  }
+
+  .sm\:prose-2xl tbody td {
+    padding-top: 0.8em;
+    padding-right: 0.6em;
+    padding-bottom: 0.8em;
+    padding-left: 0.6em;
+  }
+
+  .sm\:prose-2xl tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .sm\:prose-2xl tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .sm\:prose-2xl > :first-child {
+    margin-top: 0;
+  }
+
+  .sm\:prose-2xl > :last-child {
+    margin-bottom: 0;
+  }
+
+  .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-44 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(11rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(11rem * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-44 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(11rem * var(--space-x-reverse));
+    margin-left: calc(11rem * 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-52 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(13rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(13rem * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-52 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(13rem * var(--space-x-reverse));
+    margin-left: calc(13rem * 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-44 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-11rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-11rem * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-44 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-11rem * var(--space-x-reverse));
+    margin-left: calc(-11rem * 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-52 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-13rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-13rem * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-52 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-13rem * var(--space-x-reverse));
+    margin-left: calc(-13rem * 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-current > :not(template) ~ :not(template) {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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-cool-gray-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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-solid > :not(template) ~ :not(template) {
+    border-style: solid;
+  }
+
+  .sm\:divide-dashed > :not(template) ~ :not(template) {
+    border-style: dashed;
+  }
+
+  .sm\:divide-dotted > :not(template) ~ :not(template) {
+    border-style: dotted;
+  }
+
+  .sm\:divide-double > :not(template) ~ :not(template) {
+    border-style: double;
+  }
+
+  .sm\:divide-none > :not(template) ~ :not(template) {
+    border-style: none;
+  }
+
+  .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-clip-border {
+    background-clip: border-box;
+  }
+
+  .sm\:bg-clip-padding {
+    background-clip: padding-box;
+  }
+
+  .sm\:bg-clip-content {
+    background-clip: content-box;
+  }
+
+  .sm\:bg-clip-text {
+    -webkit-background-clip: text;
+            background-clip: text;
+  }
+
+  .sm\:bg-current {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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));
+  }
+
+  .sm\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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));
+  }
+
+  .group:hover .sm\:group-hover\:bg-current {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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:hover .sm\:group-hover\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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:focus .sm\:group-focus\:bg-current {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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));
+  }
+
+  .group:focus .sm\:group-focus\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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));
+  }
+
+  .sm\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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\:hover\:bg-cool-gray-50:hover {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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\:focus\:bg-cool-gray-50:focus {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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\:active\:bg-current:active {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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\:active\:bg-cool-gray-50:active {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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\:bg-none {
+    background-image: none;
+  }
+
+  .sm\:bg-gradient-to-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-to-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-to-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-to-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-to-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-to-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-to-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-to-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops));
+  }
+
+  .sm\:from-current {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:from-transparent {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:from-white {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:from-black {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:from-gray-50 {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .sm\:from-gray-100 {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .sm\:from-gray-200 {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .sm\:from-gray-300 {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .sm\:from-gray-400 {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .sm\:from-gray-500 {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .sm\:from-gray-600 {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .sm\:from-gray-700 {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .sm\:from-gray-800 {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .sm\:from-gray-900 {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .sm\:from-red-50 {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .sm\:from-red-100 {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .sm\:from-red-200 {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .sm\:from-red-300 {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .sm\:from-red-400 {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .sm\:from-red-500 {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .sm\:from-red-600 {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .sm\:from-red-700 {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .sm\:from-red-800 {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .sm\:from-red-900 {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .sm\:from-orange-50 {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .sm\:from-orange-100 {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .sm\:from-orange-200 {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .sm\:from-orange-300 {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .sm\:from-orange-400 {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .sm\:from-orange-500 {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .sm\:from-orange-600 {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .sm\:from-orange-700 {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .sm\:from-orange-800 {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .sm\:from-orange-900 {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .sm\:from-yellow-50 {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .sm\:from-yellow-100 {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .sm\:from-yellow-200 {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .sm\:from-yellow-300 {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .sm\:from-yellow-400 {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .sm\:from-yellow-500 {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .sm\:from-yellow-600 {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .sm\:from-yellow-700 {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .sm\:from-yellow-800 {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .sm\:from-yellow-900 {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .sm\:from-green-50 {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .sm\:from-green-100 {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .sm\:from-green-200 {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .sm\:from-green-300 {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .sm\:from-green-400 {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .sm\:from-green-500 {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .sm\:from-green-600 {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .sm\:from-green-700 {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .sm\:from-green-800 {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .sm\:from-green-900 {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .sm\:from-teal-50 {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .sm\:from-teal-100 {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .sm\:from-teal-200 {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .sm\:from-teal-300 {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .sm\:from-teal-400 {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .sm\:from-teal-500 {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .sm\:from-teal-600 {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .sm\:from-teal-700 {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .sm\:from-teal-800 {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .sm\:from-teal-900 {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .sm\:from-blue-50 {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .sm\:from-blue-100 {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .sm\:from-blue-200 {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .sm\:from-blue-300 {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .sm\:from-blue-400 {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .sm\:from-blue-500 {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .sm\:from-blue-600 {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .sm\:from-blue-700 {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .sm\:from-blue-800 {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .sm\:from-blue-900 {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .sm\:from-indigo-50 {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .sm\:from-indigo-100 {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .sm\:from-indigo-200 {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .sm\:from-indigo-300 {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .sm\:from-indigo-400 {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .sm\:from-indigo-500 {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .sm\:from-indigo-600 {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .sm\:from-indigo-700 {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .sm\:from-indigo-800 {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .sm\:from-indigo-900 {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .sm\:from-purple-50 {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .sm\:from-purple-100 {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .sm\:from-purple-200 {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .sm\:from-purple-300 {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .sm\:from-purple-400 {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .sm\:from-purple-500 {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .sm\:from-purple-600 {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .sm\:from-purple-700 {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .sm\:from-purple-800 {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .sm\:from-purple-900 {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .sm\:from-pink-50 {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .sm\:from-pink-100 {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .sm\:from-pink-200 {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .sm\:from-pink-300 {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .sm\:from-pink-400 {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .sm\:from-pink-500 {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .sm\:from-pink-600 {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .sm\:from-pink-700 {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .sm\:from-pink-800 {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .sm\:from-pink-900 {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .sm\:from-cool-gray-50 {
+    --gradient-from-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .sm\:from-cool-gray-100 {
+    --gradient-from-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .sm\:from-cool-gray-200 {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .sm\:from-cool-gray-300 {
+    --gradient-from-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .sm\:from-cool-gray-400 {
+    --gradient-from-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .sm\:from-cool-gray-500 {
+    --gradient-from-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .sm\:from-cool-gray-600 {
+    --gradient-from-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .sm\:from-cool-gray-700 {
+    --gradient-from-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .sm\:from-cool-gray-800 {
+    --gradient-from-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .sm\:from-cool-gray-900 {
+    --gradient-from-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .sm\:via-current {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:via-transparent {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:via-white {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:via-black {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:via-gray-50 {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .sm\:via-gray-100 {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .sm\:via-gray-200 {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .sm\:via-gray-300 {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .sm\:via-gray-400 {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .sm\:via-gray-500 {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .sm\:via-gray-600 {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .sm\:via-gray-700 {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .sm\:via-gray-800 {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .sm\:via-gray-900 {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .sm\:via-red-50 {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .sm\:via-red-100 {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .sm\:via-red-200 {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .sm\:via-red-300 {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .sm\:via-red-400 {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .sm\:via-red-500 {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .sm\:via-red-600 {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .sm\:via-red-700 {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .sm\:via-red-800 {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .sm\:via-red-900 {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .sm\:via-orange-50 {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .sm\:via-orange-100 {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .sm\:via-orange-200 {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .sm\:via-orange-300 {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .sm\:via-orange-400 {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .sm\:via-orange-500 {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .sm\:via-orange-600 {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .sm\:via-orange-700 {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .sm\:via-orange-800 {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .sm\:via-orange-900 {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .sm\:via-yellow-50 {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .sm\:via-yellow-100 {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .sm\:via-yellow-200 {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .sm\:via-yellow-300 {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .sm\:via-yellow-400 {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .sm\:via-yellow-500 {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .sm\:via-yellow-600 {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .sm\:via-yellow-700 {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .sm\:via-yellow-800 {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .sm\:via-yellow-900 {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .sm\:via-green-50 {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .sm\:via-green-100 {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .sm\:via-green-200 {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .sm\:via-green-300 {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .sm\:via-green-400 {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .sm\:via-green-500 {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .sm\:via-green-600 {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .sm\:via-green-700 {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .sm\:via-green-800 {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .sm\:via-green-900 {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .sm\:via-teal-50 {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .sm\:via-teal-100 {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .sm\:via-teal-200 {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .sm\:via-teal-300 {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .sm\:via-teal-400 {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .sm\:via-teal-500 {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .sm\:via-teal-600 {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .sm\:via-teal-700 {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .sm\:via-teal-800 {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .sm\:via-teal-900 {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .sm\:via-blue-50 {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .sm\:via-blue-100 {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .sm\:via-blue-200 {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .sm\:via-blue-300 {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .sm\:via-blue-400 {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .sm\:via-blue-500 {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .sm\:via-blue-600 {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .sm\:via-blue-700 {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .sm\:via-blue-800 {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .sm\:via-blue-900 {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .sm\:via-indigo-50 {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .sm\:via-indigo-100 {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .sm\:via-indigo-200 {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .sm\:via-indigo-300 {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .sm\:via-indigo-400 {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .sm\:via-indigo-500 {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .sm\:via-indigo-600 {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .sm\:via-indigo-700 {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .sm\:via-indigo-800 {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .sm\:via-indigo-900 {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .sm\:via-purple-50 {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .sm\:via-purple-100 {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .sm\:via-purple-200 {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .sm\:via-purple-300 {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .sm\:via-purple-400 {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .sm\:via-purple-500 {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .sm\:via-purple-600 {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .sm\:via-purple-700 {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .sm\:via-purple-800 {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .sm\:via-purple-900 {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .sm\:via-pink-50 {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .sm\:via-pink-100 {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .sm\:via-pink-200 {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .sm\:via-pink-300 {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .sm\:via-pink-400 {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .sm\:via-pink-500 {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .sm\:via-pink-600 {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .sm\:via-pink-700 {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .sm\:via-pink-800 {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .sm\:via-pink-900 {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .sm\:via-cool-gray-50 {
+    --gradient-via-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .sm\:via-cool-gray-100 {
+    --gradient-via-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .sm\:via-cool-gray-200 {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .sm\:via-cool-gray-300 {
+    --gradient-via-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .sm\:via-cool-gray-400 {
+    --gradient-via-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .sm\:via-cool-gray-500 {
+    --gradient-via-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .sm\:via-cool-gray-600 {
+    --gradient-via-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .sm\:via-cool-gray-700 {
+    --gradient-via-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .sm\:via-cool-gray-800 {
+    --gradient-via-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .sm\:via-cool-gray-900 {
+    --gradient-via-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .sm\:to-current {
+    --gradient-to-color: currentColor;
+  }
+
+  .sm\:to-transparent {
+    --gradient-to-color: transparent;
+  }
+
+  .sm\:to-white {
+    --gradient-to-color: #ffffff;
+  }
+
+  .sm\:to-black {
+    --gradient-to-color: #000000;
+  }
+
+  .sm\:to-gray-50 {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .sm\:to-gray-100 {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .sm\:to-gray-200 {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .sm\:to-gray-300 {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .sm\:to-gray-400 {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .sm\:to-gray-500 {
+    --gradient-to-color: #6b7280;
+  }
+
+  .sm\:to-gray-600 {
+    --gradient-to-color: #4b5563;
+  }
+
+  .sm\:to-gray-700 {
+    --gradient-to-color: #374151;
+  }
+
+  .sm\:to-gray-800 {
+    --gradient-to-color: #252f3f;
+  }
+
+  .sm\:to-gray-900 {
+    --gradient-to-color: #161e2e;
+  }
+
+  .sm\:to-red-50 {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .sm\:to-red-100 {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .sm\:to-red-200 {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .sm\:to-red-300 {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .sm\:to-red-400 {
+    --gradient-to-color: #f98080;
+  }
+
+  .sm\:to-red-500 {
+    --gradient-to-color: #f05252;
+  }
+
+  .sm\:to-red-600 {
+    --gradient-to-color: #e02424;
+  }
+
+  .sm\:to-red-700 {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .sm\:to-red-800 {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .sm\:to-red-900 {
+    --gradient-to-color: #771d1d;
+  }
+
+  .sm\:to-orange-50 {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .sm\:to-orange-100 {
+    --gradient-to-color: #feecdc;
+  }
+
+  .sm\:to-orange-200 {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .sm\:to-orange-300 {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .sm\:to-orange-400 {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .sm\:to-orange-500 {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .sm\:to-orange-600 {
+    --gradient-to-color: #d03801;
+  }
+
+  .sm\:to-orange-700 {
+    --gradient-to-color: #b43403;
+  }
+
+  .sm\:to-orange-800 {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .sm\:to-orange-900 {
+    --gradient-to-color: #73230d;
+  }
+
+  .sm\:to-yellow-50 {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .sm\:to-yellow-100 {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .sm\:to-yellow-200 {
+    --gradient-to-color: #fce96a;
+  }
+
+  .sm\:to-yellow-300 {
+    --gradient-to-color: #faca15;
+  }
+
+  .sm\:to-yellow-400 {
+    --gradient-to-color: #e3a008;
+  }
+
+  .sm\:to-yellow-500 {
+    --gradient-to-color: #c27803;
+  }
+
+  .sm\:to-yellow-600 {
+    --gradient-to-color: #9f580a;
+  }
+
+  .sm\:to-yellow-700 {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .sm\:to-yellow-800 {
+    --gradient-to-color: #723b13;
+  }
+
+  .sm\:to-yellow-900 {
+    --gradient-to-color: #633112;
+  }
+
+  .sm\:to-green-50 {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .sm\:to-green-100 {
+    --gradient-to-color: #def7ec;
+  }
+
+  .sm\:to-green-200 {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .sm\:to-green-300 {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .sm\:to-green-400 {
+    --gradient-to-color: #31c48d;
+  }
+
+  .sm\:to-green-500 {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .sm\:to-green-600 {
+    --gradient-to-color: #057a55;
+  }
+
+  .sm\:to-green-700 {
+    --gradient-to-color: #046c4e;
+  }
+
+  .sm\:to-green-800 {
+    --gradient-to-color: #03543f;
+  }
+
+  .sm\:to-green-900 {
+    --gradient-to-color: #014737;
+  }
+
+  .sm\:to-teal-50 {
+    --gradient-to-color: #edfafa;
+  }
+
+  .sm\:to-teal-100 {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .sm\:to-teal-200 {
+    --gradient-to-color: #afecef;
+  }
+
+  .sm\:to-teal-300 {
+    --gradient-to-color: #7edce2;
+  }
+
+  .sm\:to-teal-400 {
+    --gradient-to-color: #16bdca;
+  }
+
+  .sm\:to-teal-500 {
+    --gradient-to-color: #0694a2;
+  }
+
+  .sm\:to-teal-600 {
+    --gradient-to-color: #047481;
+  }
+
+  .sm\:to-teal-700 {
+    --gradient-to-color: #036672;
+  }
+
+  .sm\:to-teal-800 {
+    --gradient-to-color: #05505c;
+  }
+
+  .sm\:to-teal-900 {
+    --gradient-to-color: #014451;
+  }
+
+  .sm\:to-blue-50 {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .sm\:to-blue-100 {
+    --gradient-to-color: #e1effe;
+  }
+
+  .sm\:to-blue-200 {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .sm\:to-blue-300 {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .sm\:to-blue-400 {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .sm\:to-blue-500 {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .sm\:to-blue-600 {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .sm\:to-blue-700 {
+    --gradient-to-color: #1a56db;
+  }
+
+  .sm\:to-blue-800 {
+    --gradient-to-color: #1e429f;
+  }
+
+  .sm\:to-blue-900 {
+    --gradient-to-color: #233876;
+  }
+
+  .sm\:to-indigo-50 {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .sm\:to-indigo-100 {
+    --gradient-to-color: #e5edff;
+  }
+
+  .sm\:to-indigo-200 {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .sm\:to-indigo-300 {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .sm\:to-indigo-400 {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .sm\:to-indigo-500 {
+    --gradient-to-color: #6875f5;
+  }
+
+  .sm\:to-indigo-600 {
+    --gradient-to-color: #5850ec;
+  }
+
+  .sm\:to-indigo-700 {
+    --gradient-to-color: #5145cd;
+  }
+
+  .sm\:to-indigo-800 {
+    --gradient-to-color: #42389d;
+  }
+
+  .sm\:to-indigo-900 {
+    --gradient-to-color: #362f78;
+  }
+
+  .sm\:to-purple-50 {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .sm\:to-purple-100 {
+    --gradient-to-color: #edebfe;
+  }
+
+  .sm\:to-purple-200 {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .sm\:to-purple-300 {
+    --gradient-to-color: #cabffd;
+  }
+
+  .sm\:to-purple-400 {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .sm\:to-purple-500 {
+    --gradient-to-color: #9061f9;
+  }
+
+  .sm\:to-purple-600 {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .sm\:to-purple-700 {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .sm\:to-purple-800 {
+    --gradient-to-color: #5521b5;
+  }
+
+  .sm\:to-purple-900 {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .sm\:to-pink-50 {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .sm\:to-pink-100 {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .sm\:to-pink-200 {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .sm\:to-pink-300 {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .sm\:to-pink-400 {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .sm\:to-pink-500 {
+    --gradient-to-color: #e74694;
+  }
+
+  .sm\:to-pink-600 {
+    --gradient-to-color: #d61f69;
+  }
+
+  .sm\:to-pink-700 {
+    --gradient-to-color: #bf125d;
+  }
+
+  .sm\:to-pink-800 {
+    --gradient-to-color: #99154b;
+  }
+
+  .sm\:to-pink-900 {
+    --gradient-to-color: #751a3d;
+  }
+
+  .sm\:to-cool-gray-50 {
+    --gradient-to-color: #f8fafc;
+  }
+
+  .sm\:to-cool-gray-100 {
+    --gradient-to-color: #f1f5f9;
+  }
+
+  .sm\:to-cool-gray-200 {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .sm\:to-cool-gray-300 {
+    --gradient-to-color: #cfd8e3;
+  }
+
+  .sm\:to-cool-gray-400 {
+    --gradient-to-color: #97a6ba;
+  }
+
+  .sm\:to-cool-gray-500 {
+    --gradient-to-color: #64748b;
+  }
+
+  .sm\:to-cool-gray-600 {
+    --gradient-to-color: #475569;
+  }
+
+  .sm\:to-cool-gray-700 {
+    --gradient-to-color: #364152;
+  }
+
+  .sm\:to-cool-gray-800 {
+    --gradient-to-color: #27303f;
+  }
+
+  .sm\:to-cool-gray-900 {
+    --gradient-to-color: #1a202e;
+  }
+
+  .sm\:hover\:from-current:hover {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:hover\:from-transparent:hover {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:hover\:from-white:hover {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:hover\:from-black:hover {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:hover\:from-gray-50:hover {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .sm\:hover\:from-gray-100:hover {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .sm\:hover\:from-gray-200:hover {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .sm\:hover\:from-gray-300:hover {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .sm\:hover\:from-gray-400:hover {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .sm\:hover\:from-gray-500:hover {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .sm\:hover\:from-gray-600:hover {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .sm\:hover\:from-gray-700:hover {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .sm\:hover\:from-gray-800:hover {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .sm\:hover\:from-gray-900:hover {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .sm\:hover\:from-red-50:hover {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .sm\:hover\:from-red-100:hover {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .sm\:hover\:from-red-200:hover {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .sm\:hover\:from-red-300:hover {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .sm\:hover\:from-red-400:hover {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .sm\:hover\:from-red-500:hover {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .sm\:hover\:from-red-600:hover {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .sm\:hover\:from-red-700:hover {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .sm\:hover\:from-red-800:hover {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .sm\:hover\:from-red-900:hover {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .sm\:hover\:from-orange-50:hover {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .sm\:hover\:from-orange-100:hover {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .sm\:hover\:from-orange-200:hover {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .sm\:hover\:from-orange-300:hover {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .sm\:hover\:from-orange-400:hover {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .sm\:hover\:from-orange-500:hover {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .sm\:hover\:from-orange-600:hover {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .sm\:hover\:from-orange-700:hover {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .sm\:hover\:from-orange-800:hover {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .sm\:hover\:from-orange-900:hover {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .sm\:hover\:from-yellow-50:hover {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .sm\:hover\:from-yellow-100:hover {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .sm\:hover\:from-yellow-200:hover {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .sm\:hover\:from-yellow-300:hover {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .sm\:hover\:from-yellow-400:hover {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .sm\:hover\:from-yellow-500:hover {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .sm\:hover\:from-yellow-600:hover {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .sm\:hover\:from-yellow-700:hover {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .sm\:hover\:from-yellow-800:hover {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .sm\:hover\:from-yellow-900:hover {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .sm\:hover\:from-green-50:hover {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .sm\:hover\:from-green-100:hover {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .sm\:hover\:from-green-200:hover {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .sm\:hover\:from-green-300:hover {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .sm\:hover\:from-green-400:hover {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .sm\:hover\:from-green-500:hover {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .sm\:hover\:from-green-600:hover {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .sm\:hover\:from-green-700:hover {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .sm\:hover\:from-green-800:hover {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .sm\:hover\:from-green-900:hover {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .sm\:hover\:from-teal-50:hover {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .sm\:hover\:from-teal-100:hover {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .sm\:hover\:from-teal-200:hover {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .sm\:hover\:from-teal-300:hover {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .sm\:hover\:from-teal-400:hover {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .sm\:hover\:from-teal-500:hover {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .sm\:hover\:from-teal-600:hover {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .sm\:hover\:from-teal-700:hover {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .sm\:hover\:from-teal-800:hover {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .sm\:hover\:from-teal-900:hover {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .sm\:hover\:from-blue-50:hover {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .sm\:hover\:from-blue-100:hover {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .sm\:hover\:from-blue-200:hover {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .sm\:hover\:from-blue-300:hover {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .sm\:hover\:from-blue-400:hover {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .sm\:hover\:from-blue-500:hover {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .sm\:hover\:from-blue-600:hover {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .sm\:hover\:from-blue-700:hover {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .sm\:hover\:from-blue-800:hover {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .sm\:hover\:from-blue-900:hover {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .sm\:hover\:from-indigo-50:hover {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .sm\:hover\:from-indigo-100:hover {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .sm\:hover\:from-indigo-200:hover {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .sm\:hover\:from-indigo-300:hover {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .sm\:hover\:from-indigo-400:hover {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .sm\:hover\:from-indigo-500:hover {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .sm\:hover\:from-indigo-600:hover {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .sm\:hover\:from-indigo-700:hover {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .sm\:hover\:from-indigo-800:hover {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .sm\:hover\:from-indigo-900:hover {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .sm\:hover\:from-purple-50:hover {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .sm\:hover\:from-purple-100:hover {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .sm\:hover\:from-purple-200:hover {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .sm\:hover\:from-purple-300:hover {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .sm\:hover\:from-purple-400:hover {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .sm\:hover\:from-purple-500:hover {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .sm\:hover\:from-purple-600:hover {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .sm\:hover\:from-purple-700:hover {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .sm\:hover\:from-purple-800:hover {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .sm\:hover\:from-purple-900:hover {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .sm\:hover\:from-pink-50:hover {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .sm\:hover\:from-pink-100:hover {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .sm\:hover\:from-pink-200:hover {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .sm\:hover\:from-pink-300:hover {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .sm\:hover\:from-pink-400:hover {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .sm\:hover\:from-pink-500:hover {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .sm\:hover\:from-pink-600:hover {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .sm\:hover\:from-pink-700:hover {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .sm\:hover\:from-pink-800:hover {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .sm\:hover\:from-pink-900:hover {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .sm\:hover\:from-cool-gray-50:hover {
+    --gradient-from-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .sm\:hover\:from-cool-gray-100:hover {
+    --gradient-from-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .sm\:hover\:from-cool-gray-200:hover {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .sm\:hover\:from-cool-gray-300:hover {
+    --gradient-from-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .sm\:hover\:from-cool-gray-400:hover {
+    --gradient-from-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .sm\:hover\:from-cool-gray-500:hover {
+    --gradient-from-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .sm\:hover\:from-cool-gray-600:hover {
+    --gradient-from-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .sm\:hover\:from-cool-gray-700:hover {
+    --gradient-from-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .sm\:hover\:from-cool-gray-800:hover {
+    --gradient-from-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .sm\:hover\:from-cool-gray-900:hover {
+    --gradient-from-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .sm\:hover\:via-current:hover {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:hover\:via-white:hover {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:hover\:via-black:hover {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:hover\:via-gray-50:hover {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .sm\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .sm\:hover\:via-gray-200:hover {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .sm\:hover\:via-gray-300:hover {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .sm\:hover\:via-gray-400:hover {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .sm\:hover\:via-gray-500:hover {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .sm\:hover\:via-gray-600:hover {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .sm\:hover\:via-gray-700:hover {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .sm\:hover\:via-gray-800:hover {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .sm\:hover\:via-gray-900:hover {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .sm\:hover\:via-red-50:hover {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .sm\:hover\:via-red-100:hover {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .sm\:hover\:via-red-200:hover {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .sm\:hover\:via-red-300:hover {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .sm\:hover\:via-red-400:hover {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .sm\:hover\:via-red-500:hover {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .sm\:hover\:via-red-600:hover {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .sm\:hover\:via-red-700:hover {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .sm\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .sm\:hover\:via-red-900:hover {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .sm\:hover\:via-orange-50:hover {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .sm\:hover\:via-orange-100:hover {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .sm\:hover\:via-orange-200:hover {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .sm\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .sm\:hover\:via-orange-400:hover {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .sm\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .sm\:hover\:via-orange-600:hover {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .sm\:hover\:via-orange-700:hover {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .sm\:hover\:via-orange-800:hover {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .sm\:hover\:via-orange-900:hover {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .sm\:hover\:via-yellow-50:hover {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .sm\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .sm\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .sm\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .sm\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .sm\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .sm\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .sm\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .sm\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .sm\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .sm\:hover\:via-green-50:hover {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .sm\:hover\:via-green-100:hover {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .sm\:hover\:via-green-200:hover {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .sm\:hover\:via-green-300:hover {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .sm\:hover\:via-green-400:hover {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .sm\:hover\:via-green-500:hover {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .sm\:hover\:via-green-600:hover {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .sm\:hover\:via-green-700:hover {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .sm\:hover\:via-green-800:hover {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .sm\:hover\:via-green-900:hover {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .sm\:hover\:via-teal-50:hover {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .sm\:hover\:via-teal-100:hover {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .sm\:hover\:via-teal-200:hover {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .sm\:hover\:via-teal-300:hover {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .sm\:hover\:via-teal-400:hover {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .sm\:hover\:via-teal-500:hover {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .sm\:hover\:via-teal-600:hover {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .sm\:hover\:via-teal-700:hover {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .sm\:hover\:via-teal-800:hover {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .sm\:hover\:via-teal-900:hover {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .sm\:hover\:via-blue-50:hover {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .sm\:hover\:via-blue-100:hover {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .sm\:hover\:via-blue-200:hover {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .sm\:hover\:via-blue-300:hover {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .sm\:hover\:via-blue-400:hover {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .sm\:hover\:via-blue-500:hover {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .sm\:hover\:via-blue-600:hover {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .sm\:hover\:via-blue-700:hover {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .sm\:hover\:via-blue-800:hover {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .sm\:hover\:via-blue-900:hover {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .sm\:hover\:via-indigo-50:hover {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .sm\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .sm\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .sm\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .sm\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .sm\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .sm\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .sm\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .sm\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .sm\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .sm\:hover\:via-purple-50:hover {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .sm\:hover\:via-purple-100:hover {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .sm\:hover\:via-purple-200:hover {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .sm\:hover\:via-purple-300:hover {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .sm\:hover\:via-purple-400:hover {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .sm\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .sm\:hover\:via-purple-600:hover {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .sm\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .sm\:hover\:via-purple-800:hover {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .sm\:hover\:via-purple-900:hover {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .sm\:hover\:via-pink-50:hover {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .sm\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .sm\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .sm\:hover\:via-pink-300:hover {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .sm\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .sm\:hover\:via-pink-500:hover {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .sm\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .sm\:hover\:via-pink-700:hover {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .sm\:hover\:via-pink-800:hover {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .sm\:hover\:via-pink-900:hover {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .sm\:hover\:via-cool-gray-50:hover {
+    --gradient-via-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .sm\:hover\:via-cool-gray-100:hover {
+    --gradient-via-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .sm\:hover\:via-cool-gray-200:hover {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .sm\:hover\:via-cool-gray-300:hover {
+    --gradient-via-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .sm\:hover\:via-cool-gray-400:hover {
+    --gradient-via-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .sm\:hover\:via-cool-gray-500:hover {
+    --gradient-via-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .sm\:hover\:via-cool-gray-600:hover {
+    --gradient-via-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .sm\:hover\:via-cool-gray-700:hover {
+    --gradient-via-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .sm\:hover\:via-cool-gray-800:hover {
+    --gradient-via-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .sm\:hover\:via-cool-gray-900:hover {
+    --gradient-via-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .sm\:hover\:to-current:hover {
+    --gradient-to-color: currentColor;
+  }
+
+  .sm\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent;
+  }
+
+  .sm\:hover\:to-white:hover {
+    --gradient-to-color: #ffffff;
+  }
+
+  .sm\:hover\:to-black:hover {
+    --gradient-to-color: #000000;
+  }
+
+  .sm\:hover\:to-gray-50:hover {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .sm\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .sm\:hover\:to-gray-200:hover {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .sm\:hover\:to-gray-300:hover {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .sm\:hover\:to-gray-400:hover {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .sm\:hover\:to-gray-500:hover {
+    --gradient-to-color: #6b7280;
+  }
+
+  .sm\:hover\:to-gray-600:hover {
+    --gradient-to-color: #4b5563;
+  }
+
+  .sm\:hover\:to-gray-700:hover {
+    --gradient-to-color: #374151;
+  }
+
+  .sm\:hover\:to-gray-800:hover {
+    --gradient-to-color: #252f3f;
+  }
+
+  .sm\:hover\:to-gray-900:hover {
+    --gradient-to-color: #161e2e;
+  }
+
+  .sm\:hover\:to-red-50:hover {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .sm\:hover\:to-red-100:hover {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .sm\:hover\:to-red-200:hover {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .sm\:hover\:to-red-300:hover {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .sm\:hover\:to-red-400:hover {
+    --gradient-to-color: #f98080;
+  }
+
+  .sm\:hover\:to-red-500:hover {
+    --gradient-to-color: #f05252;
+  }
+
+  .sm\:hover\:to-red-600:hover {
+    --gradient-to-color: #e02424;
+  }
+
+  .sm\:hover\:to-red-700:hover {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .sm\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .sm\:hover\:to-red-900:hover {
+    --gradient-to-color: #771d1d;
+  }
+
+  .sm\:hover\:to-orange-50:hover {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .sm\:hover\:to-orange-100:hover {
+    --gradient-to-color: #feecdc;
+  }
+
+  .sm\:hover\:to-orange-200:hover {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .sm\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .sm\:hover\:to-orange-400:hover {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .sm\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .sm\:hover\:to-orange-600:hover {
+    --gradient-to-color: #d03801;
+  }
+
+  .sm\:hover\:to-orange-700:hover {
+    --gradient-to-color: #b43403;
+  }
+
+  .sm\:hover\:to-orange-800:hover {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .sm\:hover\:to-orange-900:hover {
+    --gradient-to-color: #73230d;
+  }
+
+  .sm\:hover\:to-yellow-50:hover {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .sm\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .sm\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fce96a;
+  }
+
+  .sm\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faca15;
+  }
+
+  .sm\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #e3a008;
+  }
+
+  .sm\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #c27803;
+  }
+
+  .sm\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #9f580a;
+  }
+
+  .sm\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .sm\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #723b13;
+  }
+
+  .sm\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #633112;
+  }
+
+  .sm\:hover\:to-green-50:hover {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .sm\:hover\:to-green-100:hover {
+    --gradient-to-color: #def7ec;
+  }
+
+  .sm\:hover\:to-green-200:hover {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .sm\:hover\:to-green-300:hover {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .sm\:hover\:to-green-400:hover {
+    --gradient-to-color: #31c48d;
+  }
+
+  .sm\:hover\:to-green-500:hover {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .sm\:hover\:to-green-600:hover {
+    --gradient-to-color: #057a55;
+  }
+
+  .sm\:hover\:to-green-700:hover {
+    --gradient-to-color: #046c4e;
+  }
+
+  .sm\:hover\:to-green-800:hover {
+    --gradient-to-color: #03543f;
+  }
+
+  .sm\:hover\:to-green-900:hover {
+    --gradient-to-color: #014737;
+  }
+
+  .sm\:hover\:to-teal-50:hover {
+    --gradient-to-color: #edfafa;
+  }
+
+  .sm\:hover\:to-teal-100:hover {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .sm\:hover\:to-teal-200:hover {
+    --gradient-to-color: #afecef;
+  }
+
+  .sm\:hover\:to-teal-300:hover {
+    --gradient-to-color: #7edce2;
+  }
+
+  .sm\:hover\:to-teal-400:hover {
+    --gradient-to-color: #16bdca;
+  }
+
+  .sm\:hover\:to-teal-500:hover {
+    --gradient-to-color: #0694a2;
+  }
+
+  .sm\:hover\:to-teal-600:hover {
+    --gradient-to-color: #047481;
+  }
+
+  .sm\:hover\:to-teal-700:hover {
+    --gradient-to-color: #036672;
+  }
+
+  .sm\:hover\:to-teal-800:hover {
+    --gradient-to-color: #05505c;
+  }
+
+  .sm\:hover\:to-teal-900:hover {
+    --gradient-to-color: #014451;
+  }
+
+  .sm\:hover\:to-blue-50:hover {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .sm\:hover\:to-blue-100:hover {
+    --gradient-to-color: #e1effe;
+  }
+
+  .sm\:hover\:to-blue-200:hover {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .sm\:hover\:to-blue-300:hover {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .sm\:hover\:to-blue-400:hover {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .sm\:hover\:to-blue-500:hover {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .sm\:hover\:to-blue-600:hover {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .sm\:hover\:to-blue-700:hover {
+    --gradient-to-color: #1a56db;
+  }
+
+  .sm\:hover\:to-blue-800:hover {
+    --gradient-to-color: #1e429f;
+  }
+
+  .sm\:hover\:to-blue-900:hover {
+    --gradient-to-color: #233876;
+  }
+
+  .sm\:hover\:to-indigo-50:hover {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .sm\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #e5edff;
+  }
+
+  .sm\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .sm\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .sm\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .sm\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #6875f5;
+  }
+
+  .sm\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5850ec;
+  }
+
+  .sm\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #5145cd;
+  }
+
+  .sm\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #42389d;
+  }
+
+  .sm\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #362f78;
+  }
+
+  .sm\:hover\:to-purple-50:hover {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .sm\:hover\:to-purple-100:hover {
+    --gradient-to-color: #edebfe;
+  }
+
+  .sm\:hover\:to-purple-200:hover {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .sm\:hover\:to-purple-300:hover {
+    --gradient-to-color: #cabffd;
+  }
+
+  .sm\:hover\:to-purple-400:hover {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .sm\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9061f9;
+  }
+
+  .sm\:hover\:to-purple-600:hover {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .sm\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .sm\:hover\:to-purple-800:hover {
+    --gradient-to-color: #5521b5;
+  }
+
+  .sm\:hover\:to-purple-900:hover {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .sm\:hover\:to-pink-50:hover {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .sm\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .sm\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .sm\:hover\:to-pink-300:hover {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .sm\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .sm\:hover\:to-pink-500:hover {
+    --gradient-to-color: #e74694;
+  }
+
+  .sm\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d61f69;
+  }
+
+  .sm\:hover\:to-pink-700:hover {
+    --gradient-to-color: #bf125d;
+  }
+
+  .sm\:hover\:to-pink-800:hover {
+    --gradient-to-color: #99154b;
+  }
+
+  .sm\:hover\:to-pink-900:hover {
+    --gradient-to-color: #751a3d;
+  }
+
+  .sm\:hover\:to-cool-gray-50:hover {
+    --gradient-to-color: #f8fafc;
+  }
+
+  .sm\:hover\:to-cool-gray-100:hover {
+    --gradient-to-color: #f1f5f9;
+  }
+
+  .sm\:hover\:to-cool-gray-200:hover {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .sm\:hover\:to-cool-gray-300:hover {
+    --gradient-to-color: #cfd8e3;
+  }
+
+  .sm\:hover\:to-cool-gray-400:hover {
+    --gradient-to-color: #97a6ba;
+  }
+
+  .sm\:hover\:to-cool-gray-500:hover {
+    --gradient-to-color: #64748b;
+  }
+
+  .sm\:hover\:to-cool-gray-600:hover {
+    --gradient-to-color: #475569;
+  }
+
+  .sm\:hover\:to-cool-gray-700:hover {
+    --gradient-to-color: #364152;
+  }
+
+  .sm\:hover\:to-cool-gray-800:hover {
+    --gradient-to-color: #27303f;
+  }
+
+  .sm\:hover\:to-cool-gray-900:hover {
+    --gradient-to-color: #1a202e;
+  }
+
+  .sm\:focus\:from-current:focus {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:focus\:from-transparent:focus {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:focus\:from-white:focus {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:focus\:from-black:focus {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:focus\:from-gray-50:focus {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .sm\:focus\:from-gray-100:focus {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .sm\:focus\:from-gray-200:focus {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .sm\:focus\:from-gray-300:focus {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .sm\:focus\:from-gray-400:focus {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .sm\:focus\:from-gray-500:focus {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .sm\:focus\:from-gray-600:focus {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .sm\:focus\:from-gray-700:focus {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .sm\:focus\:from-gray-800:focus {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .sm\:focus\:from-gray-900:focus {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .sm\:focus\:from-red-50:focus {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .sm\:focus\:from-red-100:focus {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .sm\:focus\:from-red-200:focus {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .sm\:focus\:from-red-300:focus {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .sm\:focus\:from-red-400:focus {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .sm\:focus\:from-red-500:focus {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .sm\:focus\:from-red-600:focus {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .sm\:focus\:from-red-700:focus {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .sm\:focus\:from-red-800:focus {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .sm\:focus\:from-red-900:focus {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .sm\:focus\:from-orange-50:focus {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .sm\:focus\:from-orange-100:focus {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .sm\:focus\:from-orange-200:focus {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .sm\:focus\:from-orange-300:focus {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .sm\:focus\:from-orange-400:focus {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .sm\:focus\:from-orange-500:focus {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .sm\:focus\:from-orange-600:focus {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .sm\:focus\:from-orange-700:focus {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .sm\:focus\:from-orange-800:focus {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .sm\:focus\:from-orange-900:focus {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .sm\:focus\:from-yellow-50:focus {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .sm\:focus\:from-yellow-100:focus {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .sm\:focus\:from-yellow-200:focus {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .sm\:focus\:from-yellow-300:focus {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .sm\:focus\:from-yellow-400:focus {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .sm\:focus\:from-yellow-500:focus {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .sm\:focus\:from-yellow-600:focus {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .sm\:focus\:from-yellow-700:focus {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .sm\:focus\:from-yellow-800:focus {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .sm\:focus\:from-yellow-900:focus {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .sm\:focus\:from-green-50:focus {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .sm\:focus\:from-green-100:focus {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .sm\:focus\:from-green-200:focus {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .sm\:focus\:from-green-300:focus {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .sm\:focus\:from-green-400:focus {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .sm\:focus\:from-green-500:focus {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .sm\:focus\:from-green-600:focus {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .sm\:focus\:from-green-700:focus {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .sm\:focus\:from-green-800:focus {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .sm\:focus\:from-green-900:focus {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .sm\:focus\:from-teal-50:focus {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .sm\:focus\:from-teal-100:focus {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .sm\:focus\:from-teal-200:focus {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .sm\:focus\:from-teal-300:focus {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .sm\:focus\:from-teal-400:focus {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .sm\:focus\:from-teal-500:focus {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .sm\:focus\:from-teal-600:focus {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .sm\:focus\:from-teal-700:focus {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .sm\:focus\:from-teal-800:focus {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .sm\:focus\:from-teal-900:focus {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .sm\:focus\:from-blue-50:focus {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .sm\:focus\:from-blue-100:focus {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .sm\:focus\:from-blue-200:focus {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .sm\:focus\:from-blue-300:focus {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .sm\:focus\:from-blue-400:focus {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .sm\:focus\:from-blue-500:focus {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .sm\:focus\:from-blue-600:focus {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .sm\:focus\:from-blue-700:focus {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .sm\:focus\:from-blue-800:focus {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .sm\:focus\:from-blue-900:focus {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .sm\:focus\:from-indigo-50:focus {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .sm\:focus\:from-indigo-100:focus {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .sm\:focus\:from-indigo-200:focus {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .sm\:focus\:from-indigo-300:focus {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .sm\:focus\:from-indigo-400:focus {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .sm\:focus\:from-indigo-500:focus {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .sm\:focus\:from-indigo-600:focus {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .sm\:focus\:from-indigo-700:focus {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .sm\:focus\:from-indigo-800:focus {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .sm\:focus\:from-indigo-900:focus {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .sm\:focus\:from-purple-50:focus {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .sm\:focus\:from-purple-100:focus {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .sm\:focus\:from-purple-200:focus {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .sm\:focus\:from-purple-300:focus {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .sm\:focus\:from-purple-400:focus {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .sm\:focus\:from-purple-500:focus {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .sm\:focus\:from-purple-600:focus {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .sm\:focus\:from-purple-700:focus {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .sm\:focus\:from-purple-800:focus {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .sm\:focus\:from-purple-900:focus {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .sm\:focus\:from-pink-50:focus {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .sm\:focus\:from-pink-100:focus {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .sm\:focus\:from-pink-200:focus {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .sm\:focus\:from-pink-300:focus {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .sm\:focus\:from-pink-400:focus {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .sm\:focus\:from-pink-500:focus {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .sm\:focus\:from-pink-600:focus {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .sm\:focus\:from-pink-700:focus {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .sm\:focus\:from-pink-800:focus {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .sm\:focus\:from-pink-900:focus {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .sm\:focus\:from-cool-gray-50:focus {
+    --gradient-from-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .sm\:focus\:from-cool-gray-100:focus {
+    --gradient-from-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .sm\:focus\:from-cool-gray-200:focus {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .sm\:focus\:from-cool-gray-300:focus {
+    --gradient-from-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .sm\:focus\:from-cool-gray-400:focus {
+    --gradient-from-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .sm\:focus\:from-cool-gray-500:focus {
+    --gradient-from-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .sm\:focus\:from-cool-gray-600:focus {
+    --gradient-from-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .sm\:focus\:from-cool-gray-700:focus {
+    --gradient-from-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .sm\:focus\:from-cool-gray-800:focus {
+    --gradient-from-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .sm\:focus\:from-cool-gray-900:focus {
+    --gradient-from-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .sm\:focus\:via-current:focus {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:focus\:via-white:focus {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:focus\:via-black:focus {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:focus\:via-gray-50:focus {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .sm\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .sm\:focus\:via-gray-200:focus {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .sm\:focus\:via-gray-300:focus {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .sm\:focus\:via-gray-400:focus {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .sm\:focus\:via-gray-500:focus {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .sm\:focus\:via-gray-600:focus {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .sm\:focus\:via-gray-700:focus {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .sm\:focus\:via-gray-800:focus {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .sm\:focus\:via-gray-900:focus {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .sm\:focus\:via-red-50:focus {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .sm\:focus\:via-red-100:focus {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .sm\:focus\:via-red-200:focus {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .sm\:focus\:via-red-300:focus {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .sm\:focus\:via-red-400:focus {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .sm\:focus\:via-red-500:focus {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .sm\:focus\:via-red-600:focus {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .sm\:focus\:via-red-700:focus {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .sm\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .sm\:focus\:via-red-900:focus {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .sm\:focus\:via-orange-50:focus {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .sm\:focus\:via-orange-100:focus {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .sm\:focus\:via-orange-200:focus {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .sm\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .sm\:focus\:via-orange-400:focus {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .sm\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .sm\:focus\:via-orange-600:focus {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .sm\:focus\:via-orange-700:focus {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .sm\:focus\:via-orange-800:focus {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .sm\:focus\:via-orange-900:focus {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .sm\:focus\:via-yellow-50:focus {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .sm\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .sm\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .sm\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .sm\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .sm\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .sm\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .sm\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .sm\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .sm\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .sm\:focus\:via-green-50:focus {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .sm\:focus\:via-green-100:focus {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .sm\:focus\:via-green-200:focus {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .sm\:focus\:via-green-300:focus {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .sm\:focus\:via-green-400:focus {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .sm\:focus\:via-green-500:focus {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .sm\:focus\:via-green-600:focus {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .sm\:focus\:via-green-700:focus {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .sm\:focus\:via-green-800:focus {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .sm\:focus\:via-green-900:focus {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .sm\:focus\:via-teal-50:focus {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .sm\:focus\:via-teal-100:focus {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .sm\:focus\:via-teal-200:focus {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .sm\:focus\:via-teal-300:focus {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .sm\:focus\:via-teal-400:focus {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .sm\:focus\:via-teal-500:focus {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .sm\:focus\:via-teal-600:focus {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .sm\:focus\:via-teal-700:focus {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .sm\:focus\:via-teal-800:focus {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .sm\:focus\:via-teal-900:focus {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .sm\:focus\:via-blue-50:focus {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .sm\:focus\:via-blue-100:focus {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .sm\:focus\:via-blue-200:focus {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .sm\:focus\:via-blue-300:focus {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .sm\:focus\:via-blue-400:focus {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .sm\:focus\:via-blue-500:focus {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .sm\:focus\:via-blue-600:focus {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .sm\:focus\:via-blue-700:focus {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .sm\:focus\:via-blue-800:focus {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .sm\:focus\:via-blue-900:focus {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .sm\:focus\:via-indigo-50:focus {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .sm\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .sm\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .sm\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .sm\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .sm\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .sm\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .sm\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .sm\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .sm\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .sm\:focus\:via-purple-50:focus {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .sm\:focus\:via-purple-100:focus {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .sm\:focus\:via-purple-200:focus {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .sm\:focus\:via-purple-300:focus {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .sm\:focus\:via-purple-400:focus {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .sm\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .sm\:focus\:via-purple-600:focus {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .sm\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .sm\:focus\:via-purple-800:focus {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .sm\:focus\:via-purple-900:focus {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .sm\:focus\:via-pink-50:focus {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .sm\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .sm\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .sm\:focus\:via-pink-300:focus {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .sm\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .sm\:focus\:via-pink-500:focus {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .sm\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .sm\:focus\:via-pink-700:focus {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .sm\:focus\:via-pink-800:focus {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .sm\:focus\:via-pink-900:focus {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .sm\:focus\:via-cool-gray-50:focus {
+    --gradient-via-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .sm\:focus\:via-cool-gray-100:focus {
+    --gradient-via-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .sm\:focus\:via-cool-gray-200:focus {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .sm\:focus\:via-cool-gray-300:focus {
+    --gradient-via-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .sm\:focus\:via-cool-gray-400:focus {
+    --gradient-via-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .sm\:focus\:via-cool-gray-500:focus {
+    --gradient-via-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .sm\:focus\:via-cool-gray-600:focus {
+    --gradient-via-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .sm\:focus\:via-cool-gray-700:focus {
+    --gradient-via-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .sm\:focus\:via-cool-gray-800:focus {
+    --gradient-via-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .sm\:focus\:via-cool-gray-900:focus {
+    --gradient-via-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .sm\:focus\:to-current:focus {
+    --gradient-to-color: currentColor;
+  }
+
+  .sm\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent;
+  }
+
+  .sm\:focus\:to-white:focus {
+    --gradient-to-color: #ffffff;
+  }
+
+  .sm\:focus\:to-black:focus {
+    --gradient-to-color: #000000;
+  }
+
+  .sm\:focus\:to-gray-50:focus {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .sm\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .sm\:focus\:to-gray-200:focus {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .sm\:focus\:to-gray-300:focus {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .sm\:focus\:to-gray-400:focus {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .sm\:focus\:to-gray-500:focus {
+    --gradient-to-color: #6b7280;
+  }
+
+  .sm\:focus\:to-gray-600:focus {
+    --gradient-to-color: #4b5563;
+  }
+
+  .sm\:focus\:to-gray-700:focus {
+    --gradient-to-color: #374151;
+  }
+
+  .sm\:focus\:to-gray-800:focus {
+    --gradient-to-color: #252f3f;
+  }
+
+  .sm\:focus\:to-gray-900:focus {
+    --gradient-to-color: #161e2e;
+  }
+
+  .sm\:focus\:to-red-50:focus {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .sm\:focus\:to-red-100:focus {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .sm\:focus\:to-red-200:focus {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .sm\:focus\:to-red-300:focus {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .sm\:focus\:to-red-400:focus {
+    --gradient-to-color: #f98080;
+  }
+
+  .sm\:focus\:to-red-500:focus {
+    --gradient-to-color: #f05252;
+  }
+
+  .sm\:focus\:to-red-600:focus {
+    --gradient-to-color: #e02424;
+  }
+
+  .sm\:focus\:to-red-700:focus {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .sm\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .sm\:focus\:to-red-900:focus {
+    --gradient-to-color: #771d1d;
+  }
+
+  .sm\:focus\:to-orange-50:focus {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .sm\:focus\:to-orange-100:focus {
+    --gradient-to-color: #feecdc;
+  }
+
+  .sm\:focus\:to-orange-200:focus {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .sm\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .sm\:focus\:to-orange-400:focus {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .sm\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .sm\:focus\:to-orange-600:focus {
+    --gradient-to-color: #d03801;
+  }
+
+  .sm\:focus\:to-orange-700:focus {
+    --gradient-to-color: #b43403;
+  }
+
+  .sm\:focus\:to-orange-800:focus {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .sm\:focus\:to-orange-900:focus {
+    --gradient-to-color: #73230d;
+  }
+
+  .sm\:focus\:to-yellow-50:focus {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .sm\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .sm\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fce96a;
+  }
+
+  .sm\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faca15;
+  }
+
+  .sm\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #e3a008;
+  }
+
+  .sm\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #c27803;
+  }
+
+  .sm\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #9f580a;
+  }
+
+  .sm\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .sm\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #723b13;
+  }
+
+  .sm\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #633112;
+  }
+
+  .sm\:focus\:to-green-50:focus {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .sm\:focus\:to-green-100:focus {
+    --gradient-to-color: #def7ec;
+  }
+
+  .sm\:focus\:to-green-200:focus {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .sm\:focus\:to-green-300:focus {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .sm\:focus\:to-green-400:focus {
+    --gradient-to-color: #31c48d;
+  }
+
+  .sm\:focus\:to-green-500:focus {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .sm\:focus\:to-green-600:focus {
+    --gradient-to-color: #057a55;
+  }
+
+  .sm\:focus\:to-green-700:focus {
+    --gradient-to-color: #046c4e;
+  }
+
+  .sm\:focus\:to-green-800:focus {
+    --gradient-to-color: #03543f;
+  }
+
+  .sm\:focus\:to-green-900:focus {
+    --gradient-to-color: #014737;
+  }
+
+  .sm\:focus\:to-teal-50:focus {
+    --gradient-to-color: #edfafa;
+  }
+
+  .sm\:focus\:to-teal-100:focus {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .sm\:focus\:to-teal-200:focus {
+    --gradient-to-color: #afecef;
+  }
+
+  .sm\:focus\:to-teal-300:focus {
+    --gradient-to-color: #7edce2;
+  }
+
+  .sm\:focus\:to-teal-400:focus {
+    --gradient-to-color: #16bdca;
+  }
+
+  .sm\:focus\:to-teal-500:focus {
+    --gradient-to-color: #0694a2;
+  }
+
+  .sm\:focus\:to-teal-600:focus {
+    --gradient-to-color: #047481;
+  }
+
+  .sm\:focus\:to-teal-700:focus {
+    --gradient-to-color: #036672;
+  }
+
+  .sm\:focus\:to-teal-800:focus {
+    --gradient-to-color: #05505c;
+  }
+
+  .sm\:focus\:to-teal-900:focus {
+    --gradient-to-color: #014451;
+  }
+
+  .sm\:focus\:to-blue-50:focus {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .sm\:focus\:to-blue-100:focus {
+    --gradient-to-color: #e1effe;
+  }
+
+  .sm\:focus\:to-blue-200:focus {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .sm\:focus\:to-blue-300:focus {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .sm\:focus\:to-blue-400:focus {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .sm\:focus\:to-blue-500:focus {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .sm\:focus\:to-blue-600:focus {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .sm\:focus\:to-blue-700:focus {
+    --gradient-to-color: #1a56db;
+  }
+
+  .sm\:focus\:to-blue-800:focus {
+    --gradient-to-color: #1e429f;
+  }
+
+  .sm\:focus\:to-blue-900:focus {
+    --gradient-to-color: #233876;
+  }
+
+  .sm\:focus\:to-indigo-50:focus {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .sm\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #e5edff;
+  }
+
+  .sm\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .sm\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .sm\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .sm\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #6875f5;
+  }
+
+  .sm\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5850ec;
+  }
+
+  .sm\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #5145cd;
+  }
+
+  .sm\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #42389d;
+  }
+
+  .sm\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #362f78;
+  }
+
+  .sm\:focus\:to-purple-50:focus {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .sm\:focus\:to-purple-100:focus {
+    --gradient-to-color: #edebfe;
+  }
+
+  .sm\:focus\:to-purple-200:focus {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .sm\:focus\:to-purple-300:focus {
+    --gradient-to-color: #cabffd;
+  }
+
+  .sm\:focus\:to-purple-400:focus {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .sm\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9061f9;
+  }
+
+  .sm\:focus\:to-purple-600:focus {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .sm\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .sm\:focus\:to-purple-800:focus {
+    --gradient-to-color: #5521b5;
+  }
+
+  .sm\:focus\:to-purple-900:focus {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .sm\:focus\:to-pink-50:focus {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .sm\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .sm\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .sm\:focus\:to-pink-300:focus {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .sm\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .sm\:focus\:to-pink-500:focus {
+    --gradient-to-color: #e74694;
+  }
+
+  .sm\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d61f69;
+  }
+
+  .sm\:focus\:to-pink-700:focus {
+    --gradient-to-color: #bf125d;
+  }
+
+  .sm\:focus\:to-pink-800:focus {
+    --gradient-to-color: #99154b;
+  }
+
+  .sm\:focus\:to-pink-900:focus {
+    --gradient-to-color: #751a3d;
+  }
+
+  .sm\:focus\:to-cool-gray-50:focus {
+    --gradient-to-color: #f8fafc;
+  }
+
+  .sm\:focus\:to-cool-gray-100:focus {
+    --gradient-to-color: #f1f5f9;
+  }
+
+  .sm\:focus\:to-cool-gray-200:focus {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .sm\:focus\:to-cool-gray-300:focus {
+    --gradient-to-color: #cfd8e3;
+  }
+
+  .sm\:focus\:to-cool-gray-400:focus {
+    --gradient-to-color: #97a6ba;
+  }
+
+  .sm\:focus\:to-cool-gray-500:focus {
+    --gradient-to-color: #64748b;
+  }
+
+  .sm\:focus\:to-cool-gray-600:focus {
+    --gradient-to-color: #475569;
+  }
+
+  .sm\:focus\:to-cool-gray-700:focus {
+    --gradient-to-color: #364152;
+  }
+
+  .sm\:focus\:to-cool-gray-800:focus {
+    --gradient-to-color: #27303f;
+  }
+
+  .sm\:focus\:to-cool-gray-900:focus {
+    --gradient-to-color: #1a202e;
+  }
+
+  .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-current {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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));
+  }
+
+  .sm\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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));
+  }
+
+  .group:hover .sm\:group-hover\:border-current {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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:hover .sm\:group-hover\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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:focus .sm\:group-focus\:border-current {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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));
+  }
+
+  .group:focus .sm\:group-focus\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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));
+  }
+
+  .sm\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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\:hover\:border-cool-gray-50:hover {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .sm\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .sm\:focus-within\:border-white:focus-within {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-black:focus-within {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-100:focus-within {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-200:focus-within {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-300:focus-within {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-400:focus-within {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-500:focus-within {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-600:focus-within {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-700:focus-within {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-800:focus-within {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-900:focus-within {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-50:focus-within {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-100:focus-within {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-200:focus-within {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-300:focus-within {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-400:focus-within {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-500:focus-within {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-600:focus-within {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-700:focus-within {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-800:focus-within {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-900:focus-within {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-orange-50:focus-within {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-orange-100:focus-within {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-orange-200:focus-within {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-orange-300:focus-within {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-orange-400:focus-within {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-orange-500:focus-within {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-orange-600:focus-within {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-orange-700:focus-within {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-orange-800:focus-within {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-orange-900:focus-within {
+    --border-opacity: 1;
+    border-color: #73230d;
+    border-color: rgba(115, 35, 13, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-50:focus-within {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-100:focus-within {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-200:focus-within {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-300:focus-within {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-400:focus-within {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-500:focus-within {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-600:focus-within {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-700:focus-within {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-800:focus-within {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-900:focus-within {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-100:focus-within {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-200:focus-within {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-300:focus-within {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-400:focus-within {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-500:focus-within {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-600:focus-within {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-700:focus-within {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-800:focus-within {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-900:focus-within {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-teal-50:focus-within {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-teal-100:focus-within {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-teal-200:focus-within {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-teal-300:focus-within {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-teal-400:focus-within {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-teal-500:focus-within {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-teal-600:focus-within {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-teal-700:focus-within {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-teal-800:focus-within {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-teal-900:focus-within {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-50:focus-within {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-100:focus-within {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-200:focus-within {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-300:focus-within {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-400:focus-within {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-500:focus-within {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-600:focus-within {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-700:focus-within {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-800:focus-within {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-900:focus-within {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-100:focus-within {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-200:focus-within {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-300:focus-within {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-400:focus-within {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-500:focus-within {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-600:focus-within {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-700:focus-within {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-800:focus-within {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-900:focus-within {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-100:focus-within {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-200:focus-within {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-300:focus-within {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-400:focus-within {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-500:focus-within {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-600:focus-within {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-700:focus-within {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-800:focus-within {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-900:focus-within {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-50:focus-within {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-100:focus-within {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-200:focus-within {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-300:focus-within {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-400:focus-within {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-500:focus-within {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-600:focus-within {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-700:focus-within {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-800:focus-within {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-900:focus-within {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-cool-gray-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-cool-gray-100:focus-within {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-cool-gray-200:focus-within {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-cool-gray-300:focus-within {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-cool-gray-400:focus-within {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-cool-gray-500:focus-within {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-cool-gray-600:focus-within {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-cool-gray-700:focus-within {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-cool-gray-800:focus-within {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-cool-gray-900:focus-within {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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\:focus\:border-cool-gray-50:focus {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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\: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-xl {
+    border-radius: 0.75rem;
+  }
+
+  .sm\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
+  .sm\:rounded-3xl {
+    border-radius: 1.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-xl {
+    border-top-left-radius: 0.75rem;
+    border-top-right-radius: 0.75rem;
+  }
+
+  .sm\:rounded-r-xl {
+    border-top-right-radius: 0.75rem;
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .sm\:rounded-b-xl {
+    border-bottom-right-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .sm\:rounded-l-xl {
+    border-top-left-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .sm\:rounded-t-2xl {
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+  }
+
+  .sm\:rounded-r-2xl {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+
+  .sm\:rounded-b-2xl {
+    border-bottom-right-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .sm\:rounded-l-2xl {
+    border-top-left-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .sm\:rounded-t-3xl {
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+  }
+
+  .sm\:rounded-r-3xl {
+    border-top-right-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .sm\:rounded-b-3xl {
+    border-bottom-right-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .sm\:rounded-l-3xl {
+    border-top-left-radius: 1.5rem;
+    border-bottom-left-radius: 1.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-xl {
+    border-top-left-radius: 0.75rem;
+  }
+
+  .sm\:rounded-tr-xl {
+    border-top-right-radius: 0.75rem;
+  }
+
+  .sm\:rounded-br-xl {
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .sm\:rounded-bl-xl {
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .sm\:rounded-tl-2xl {
+    border-top-left-radius: 1rem;
+  }
+
+  .sm\:rounded-tr-2xl {
+    border-top-right-radius: 1rem;
+  }
+
+  .sm\:rounded-br-2xl {
+    border-bottom-right-radius: 1rem;
+  }
+
+  .sm\:rounded-bl-2xl {
+    border-bottom-left-radius: 1rem;
+  }
+
+  .sm\:rounded-tl-3xl {
+    border-top-left-radius: 1.5rem;
+  }
+
+  .sm\:rounded-tr-3xl {
+    border-top-right-radius: 1.5rem;
+  }
+
+  .sm\:rounded-br-3xl {
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .sm\:rounded-bl-3xl {
+    border-bottom-left-radius: 1.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\:contents {
+    display: contents;
+  }
+
+  .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\:place-items-auto {
+    place-items: auto;
+  }
+
+  .sm\:place-items-start {
+    place-items: start;
+  }
+
+  .sm\:place-items-end {
+    place-items: end;
+  }
+
+  .sm\:place-items-center {
+    place-items: center;
+  }
+
+  .sm\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .sm\:place-content-center {
+    place-content: center;
+  }
+
+  .sm\:place-content-start {
+    place-content: start;
+  }
+
+  .sm\:place-content-end {
+    place-content: end;
+  }
+
+  .sm\:place-content-between {
+    place-content: space-between;
+  }
+
+  .sm\:place-content-around {
+    place-content: space-around;
+  }
+
+  .sm\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .sm\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .sm\:place-self-auto {
+    place-self: auto;
+  }
+
+  .sm\:place-self-start {
+    place-self: start;
+  }
+
+  .sm\:place-self-end {
+    place-self: end;
+  }
+
+  .sm\:place-self-center {
+    place-self: center;
+  }
+
+  .sm\:place-self-stretch {
+    place-self: stretch;
+  }
+
+  .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\: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\:content-evenly {
+    align-content: space-evenly;
+  }
+
+  .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-items-auto {
+    justify-items: auto;
+  }
+
+  .sm\:justify-items-start {
+    justify-items: start;
+  }
+
+  .sm\:justify-items-end {
+    justify-items: end;
+  }
+
+  .sm\:justify-items-center {
+    justify-items: center;
+  }
+
+  .sm\:justify-items-stretch {
+    justify-items: 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\:justify-self-auto {
+    justify-self: auto;
+  }
+
+  .sm\:justify-self-start {
+    justify-self: start;
+  }
+
+  .sm\:justify-self-end {
+    justify-self: end;
+  }
+
+  .sm\:justify-self-center {
+    justify-self: center;
+  }
+
+  .sm\:justify-self-stretch {
+    justify-self: stretch;
+  }
+
+  .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-44 {
+    height: 11rem;
+  }
+
+  .sm\:h-48 {
+    height: 12rem;
+  }
+
+  .sm\:h-52 {
+    height: 13rem;
+  }
+
+  .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-44 {
+    margin: 11rem;
+  }
+
+  .sm\:m-48 {
+    margin: 12rem;
+  }
+
+  .sm\:m-52 {
+    margin: 13rem;
+  }
+
+  .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-44 {
+    margin: -11rem;
+  }
+
+  .sm\:-m-48 {
+    margin: -12rem;
+  }
+
+  .sm\:-m-52 {
+    margin: -13rem;
+  }
+
+  .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-44 {
+    margin-top: 11rem;
+    margin-bottom: 11rem;
+  }
+
+  .sm\:mx-44 {
+    margin-left: 11rem;
+    margin-right: 11rem;
+  }
+
+  .sm\:my-48 {
+    margin-top: 12rem;
+    margin-bottom: 12rem;
+  }
+
+  .sm\:mx-48 {
+    margin-left: 12rem;
+    margin-right: 12rem;
+  }
+
+  .sm\:my-52 {
+    margin-top: 13rem;
+    margin-bottom: 13rem;
+  }
+
+  .sm\:mx-52 {
+    margin-left: 13rem;
+    margin-right: 13rem;
+  }
+
+  .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-44 {
+    margin-top: -11rem;
+    margin-bottom: -11rem;
+  }
+
+  .sm\:-mx-44 {
+    margin-left: -11rem;
+    margin-right: -11rem;
+  }
+
+  .sm\:-my-48 {
+    margin-top: -12rem;
+    margin-bottom: -12rem;
+  }
+
+  .sm\:-mx-48 {
+    margin-left: -12rem;
+    margin-right: -12rem;
+  }
+
+  .sm\:-my-52 {
+    margin-top: -13rem;
+    margin-bottom: -13rem;
+  }
+
+  .sm\:-mx-52 {
+    margin-left: -13rem;
+    margin-right: -13rem;
+  }
+
+  .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-44 {
+    margin-top: 11rem;
+  }
+
+  .sm\:mr-44 {
+    margin-right: 11rem;
+  }
+
+  .sm\:mb-44 {
+    margin-bottom: 11rem;
+  }
+
+  .sm\:ml-44 {
+    margin-left: 11rem;
+  }
+
+  .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-52 {
+    margin-top: 13rem;
+  }
+
+  .sm\:mr-52 {
+    margin-right: 13rem;
+  }
+
+  .sm\:mb-52 {
+    margin-bottom: 13rem;
+  }
+
+  .sm\:ml-52 {
+    margin-left: 13rem;
+  }
+
+  .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-44 {
+    margin-top: -11rem;
+  }
+
+  .sm\:-mr-44 {
+    margin-right: -11rem;
+  }
+
+  .sm\:-mb-44 {
+    margin-bottom: -11rem;
+  }
+
+  .sm\:-ml-44 {
+    margin-left: -11rem;
+  }
+
+  .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-52 {
+    margin-top: -13rem;
+  }
+
+  .sm\:-mr-52 {
+    margin-right: -13rem;
+  }
+
+  .sm\:-mb-52 {
+    margin-bottom: -13rem;
+  }
+
+  .sm\:-ml-52 {
+    margin-left: -13rem;
+  }
+
+  .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-44 {
+    max-height: 11rem;
+  }
+
+  .sm\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .sm\:max-h-52 {
+    max-height: 13rem;
+  }
+
+  .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-0 {
+    max-width: 0rem;
+  }
+
+  .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-min-content {
+    max-width: -webkit-min-content;
+    max-width: -moz-min-content;
+    max-width: min-content;
+  }
+
+  .sm\:max-w-max-content {
+    max-width: -webkit-max-content;
+    max-width: -moz-max-content;
+    max-width: max-content;
+  }
+
+  .sm\:max-w-prose {
+    max-width: 65ch;
+  }
+
+  .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\:min-w-min-content {
+    min-width: -webkit-min-content;
+    min-width: -moz-min-content;
+    min-width: min-content;
+  }
+
+  .sm\:min-w-max-content {
+    min-width: -webkit-max-content;
+    min-width: -moz-max-content;
+    min-width: max-content;
+  }
+
+  .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\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .sm\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .sm\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .sm\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .sm\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-0 {
+    opacity: 0;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-100 {
+    opacity: 1;
+  }
+
+  .group:focus .sm\:group-focus\:opacity-0 {
+    opacity: 0;
+  }
+
+  .group:focus .sm\:group-focus\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .group:focus .sm\:group-focus\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .group:focus .sm\:group-focus\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .group:focus .sm\:group-focus\: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: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .sm\:outline-white {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .sm\:outline-black {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .sm\:focus\:outline-none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .sm\:focus\:outline-white:focus {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .sm\:focus\:outline-black:focus {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .sm\:overflow-auto {
+    overflow: auto;
+  }
+
+  .sm\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .sm\:overflow-visible {
+    overflow: visible;
+  }
+
+  .sm\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .sm\:overflow-x-auto {
+    overflow-x: auto;
+  }
+
+  .sm\:overflow-y-auto {
+    overflow-y: auto;
+  }
+
+  .sm\:overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
+  .sm\:overflow-y-hidden {
+    overflow-y: hidden;
+  }
+
+  .sm\:overflow-x-visible {
+    overflow-x: visible;
+  }
+
+  .sm\:overflow-y-visible {
+    overflow-y: visible;
+  }
+
+  .sm\:overflow-x-scroll {
+    overflow-x: scroll;
+  }
+
+  .sm\:overflow-y-scroll {
+    overflow-y: scroll;
+  }
+
+  .sm\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .sm\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
+  }
+
+  .sm\:overscroll-auto {
+    -ms-scroll-chaining: chained;
+        overscroll-behavior: auto;
+  }
+
+  .sm\:overscroll-contain {
+    -ms-scroll-chaining: none;
+        overscroll-behavior: contain;
+  }
+
+  .sm\:overscroll-none {
+    -ms-scroll-chaining: none;
+        overscroll-behavior: none;
+  }
+
+  .sm\:overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .sm\:overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .sm\:overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .sm\:overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .sm\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .sm\:overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
+  .sm\:p-0 {
+    padding: 0;
+  }
+
+  .sm\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .sm\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .sm\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .sm\:p-4 {
+    padding: 1rem;
+  }
+
+  .sm\:p-5 {
+    padding: 1.25rem;
+  }
+
+  .sm\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .sm\:p-7 {
+    padding: 1.75rem;
+  }
+
+  .sm\:p-8 {
+    padding: 2rem;
+  }
+
+  .sm\:p-9 {
+    padding: 2.25rem;
+  }
+
+  .sm\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .sm\:p-11 {
+    padding: 2.75rem;
+  }
+
+  .sm\:p-12 {
+    padding: 3rem;
+  }
+
+  .sm\:p-13 {
+    padding: 3.25rem;
+  }
+
+  .sm\:p-14 {
+    padding: 3.5rem;
+  }
+
+  .sm\:p-15 {
+    padding: 3.75rem;
+  }
+
+  .sm\:p-16 {
+    padding: 4rem;
+  }
+
+  .sm\:p-20 {
+    padding: 5rem;
+  }
+
+  .sm\:p-24 {
+    padding: 6rem;
+  }
+
+  .sm\:p-28 {
+    padding: 7rem;
+  }
+
+  .sm\:p-32 {
+    padding: 8rem;
+  }
+
+  .sm\:p-36 {
+    padding: 9rem;
+  }
+
+  .sm\:p-40 {
+    padding: 10rem;
+  }
+
+  .sm\:p-44 {
+    padding: 11rem;
+  }
+
+  .sm\:p-48 {
+    padding: 12rem;
+  }
+
+  .sm\:p-52 {
+    padding: 13rem;
+  }
+
+  .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-44 {
+    padding-top: 11rem;
+    padding-bottom: 11rem;
+  }
+
+  .sm\:px-44 {
+    padding-left: 11rem;
+    padding-right: 11rem;
+  }
+
+  .sm\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+
+  .sm\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
+  }
+
+  .sm\:py-52 {
+    padding-top: 13rem;
+    padding-bottom: 13rem;
+  }
+
+  .sm\:px-52 {
+    padding-left: 13rem;
+    padding-right: 13rem;
+  }
+
+  .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-44 {
+    padding-top: 11rem;
+  }
+
+  .sm\:pr-44 {
+    padding-right: 11rem;
+  }
+
+  .sm\:pb-44 {
+    padding-bottom: 11rem;
+  }
+
+  .sm\:pl-44 {
+    padding-left: 11rem;
+  }
+
+  .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-52 {
+    padding-top: 13rem;
+  }
+
+  .sm\:pr-52 {
+    padding-right: 13rem;
+  }
+
+  .sm\:pb-52 {
+    padding-bottom: 13rem;
+  }
+
+  .sm\:pl-52 {
+    padding-left: 13rem;
+  }
+
+  .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-current::-moz-placeholder {
+    color: currentColor;
+  }
+
+  .sm\:placeholder-current:-ms-input-placeholder {
+    color: currentColor;
+  }
+
+  .sm\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
+  .sm\:placeholder-transparent::-moz-placeholder {
+    color: transparent;
+  }
+
+  .sm\:placeholder-transparent:-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .sm\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .sm\:placeholder-white::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-white:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-white::placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-black::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-black:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-black::placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, 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::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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::placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-current:focus::-moz-placeholder {
+    color: currentColor;
+  }
+
+  .sm\:focus\:placeholder-current:focus:-ms-input-placeholder {
+    color: currentColor;
+  }
+
+  .sm\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
+  .sm\:focus\:placeholder-transparent:focus::-moz-placeholder {
+    color: transparent;
+  }
+
+  .sm\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .sm\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .sm\:focus\:placeholder-white:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-white:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-white:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-black:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-black:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-black:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, 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::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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::placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-opacity-0::-moz-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .sm\:placeholder-opacity-0:-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .sm\:placeholder-opacity-0::placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .sm\:placeholder-opacity-25::-moz-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .sm\:placeholder-opacity-25:-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .sm\:placeholder-opacity-25::placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .sm\:placeholder-opacity-50::-moz-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .sm\:placeholder-opacity-50:-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .sm\:placeholder-opacity-50::placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .sm\:placeholder-opacity-75::-moz-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .sm\:placeholder-opacity-75:-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .sm\:placeholder-opacity-75::placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .sm\:placeholder-opacity-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .sm\:placeholder-opacity-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .sm\:placeholder-opacity-100::placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .sm\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .sm\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .sm\:focus\:placeholder-opacity-0:focus::placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .sm\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .sm\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .sm\:focus\:placeholder-opacity-25:focus::placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .sm\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .sm\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .sm\:focus\:placeholder-opacity-50:focus::placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .sm\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .sm\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .sm\:focus\:placeholder-opacity-75:focus::placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .sm\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .sm\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .sm\:focus\:placeholder-opacity-100:focus::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-44 {
+    top: 11rem;
+    right: 11rem;
+    bottom: 11rem;
+    left: 11rem;
+  }
+
+  .sm\:inset-48 {
+    top: 12rem;
+    right: 12rem;
+    bottom: 12rem;
+    left: 12rem;
+  }
+
+  .sm\:inset-52 {
+    top: 13rem;
+    right: 13rem;
+    bottom: 13rem;
+    left: 13rem;
+  }
+
+  .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-44 {
+    top: 11rem;
+    bottom: 11rem;
+  }
+
+  .sm\:inset-x-44 {
+    right: 11rem;
+    left: 11rem;
+  }
+
+  .sm\:inset-y-48 {
+    top: 12rem;
+    bottom: 12rem;
+  }
+
+  .sm\:inset-x-48 {
+    right: 12rem;
+    left: 12rem;
+  }
+
+  .sm\:inset-y-52 {
+    top: 13rem;
+    bottom: 13rem;
+  }
+
+  .sm\:inset-x-52 {
+    right: 13rem;
+    left: 13rem;
+  }
+
+  .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-44 {
+    top: 11rem;
+  }
+
+  .sm\:right-44 {
+    right: 11rem;
+  }
+
+  .sm\:bottom-44 {
+    bottom: 11rem;
+  }
+
+  .sm\:left-44 {
+    left: 11rem;
+  }
+
+  .sm\:top-48 {
+    top: 12rem;
+  }
+
+  .sm\:right-48 {
+    right: 12rem;
+  }
+
+  .sm\:bottom-48 {
+    bottom: 12rem;
+  }
+
+  .sm\:left-48 {
+    left: 12rem;
+  }
+
+  .sm\:top-52 {
+    top: 13rem;
+  }
+
+  .sm\:right-52 {
+    right: 13rem;
+  }
+
+  .sm\:bottom-52 {
+    bottom: 13rem;
+  }
+
+  .sm\:left-52 {
+    left: 13rem;
+  }
+
+  .sm\:top-56 {
+    top: 14rem;
+  }
+
+  .sm\:right-56 {
+    right: 14rem;
+  }
+
+  .sm\:bottom-56 {
+    bottom: 14rem;
+  }
+
+  .sm\:left-56 {
+    left: 14rem;
+  }
+
+  .sm\:top-60 {
+    top: 15rem;
+  }
+
+  .sm\:right-60 {
+    right: 15rem;
+  }
+
+  .sm\:bottom-60 {
+    bottom: 15rem;
+  }
+
+  .sm\:left-60 {
+    left: 15rem;
+  }
+
+  .sm\:top-64 {
+    top: 16rem;
+  }
+
+  .sm\:right-64 {
+    right: 16rem;
+  }
+
+  .sm\:bottom-64 {
+    bottom: 16rem;
+  }
+
+  .sm\:left-64 {
+    left: 16rem;
+  }
+
+  .sm\:top-72 {
+    top: 18rem;
+  }
+
+  .sm\:right-72 {
+    right: 18rem;
+  }
+
+  .sm\:bottom-72 {
+    bottom: 18rem;
+  }
+
+  .sm\:left-72 {
+    left: 18rem;
+  }
+
+  .sm\:top-80 {
+    top: 20rem;
+  }
+
+  .sm\:right-80 {
+    right: 20rem;
+  }
+
+  .sm\:bottom-80 {
+    bottom: 20rem;
+  }
+
+  .sm\:left-80 {
+    left: 20rem;
+  }
+
+  .sm\:top-96 {
+    top: 24rem;
+  }
+
+  .sm\:right-96 {
+    right: 24rem;
+  }
+
+  .sm\:bottom-96 {
+    bottom: 24rem;
+  }
+
+  .sm\:left-96 {
+    left: 24rem;
+  }
+
+  .sm\:top-auto {
+    top: auto;
+  }
+
+  .sm\:right-auto {
+    right: auto;
+  }
+
+  .sm\:bottom-auto {
+    bottom: auto;
+  }
+
+  .sm\:left-auto {
+    left: auto;
+  }
+
+  .sm\:top-px {
+    top: 1px;
+  }
+
+  .sm\:right-px {
+    right: 1px;
+  }
+
+  .sm\:bottom-px {
+    bottom: 1px;
+  }
+
+  .sm\:left-px {
+    left: 1px;
+  }
+
+  .sm\:top-0\.5 {
+    top: 0.125rem;
+  }
+
+  .sm\:right-0\.5 {
+    right: 0.125rem;
+  }
+
+  .sm\:bottom-0\.5 {
+    bottom: 0.125rem;
+  }
+
+  .sm\:left-0\.5 {
+    left: 0.125rem;
+  }
+
+  .sm\:top-1\.5 {
+    top: 0.375rem;
+  }
+
+  .sm\:right-1\.5 {
+    right: 0.375rem;
+  }
+
+  .sm\:bottom-1\.5 {
+    bottom: 0.375rem;
+  }
+
+  .sm\:left-1\.5 {
+    left: 0.375rem;
+  }
+
+  .sm\:top-2\.5 {
+    top: 0.625rem;
+  }
+
+  .sm\:right-2\.5 {
+    right: 0.625rem;
+  }
+
+  .sm\:bottom-2\.5 {
+    bottom: 0.625rem;
+  }
+
+  .sm\:left-2\.5 {
+    left: 0.625rem;
+  }
+
+  .sm\:top-3\.5 {
+    top: 0.875rem;
+  }
+
+  .sm\:right-3\.5 {
+    right: 0.875rem;
+  }
+
+  .sm\:bottom-3\.5 {
+    bottom: 0.875rem;
+  }
+
+  .sm\:left-3\.5 {
+    left: 0.875rem;
+  }
+
+  .sm\:top-1\/2 {
+    top: 50%;
+  }
+
+  .sm\:right-1\/2 {
+    right: 50%;
+  }
+
+  .sm\:bottom-1\/2 {
+    bottom: 50%;
+  }
+
+  .sm\:left-1\/2 {
+    left: 50%;
+  }
+
+  .sm\:top-1\/3 {
+    top: 33.333333%;
+  }
+
+  .sm\:right-1\/3 {
+    right: 33.333333%;
+  }
+
+  .sm\:bottom-1\/3 {
+    bottom: 33.333333%;
+  }
+
+  .sm\:left-1\/3 {
+    left: 33.333333%;
+  }
+
+  .sm\:top-2\/3 {
+    top: 66.666667%;
+  }
+
+  .sm\:right-2\/3 {
+    right: 66.666667%;
+  }
+
+  .sm\:bottom-2\/3 {
+    bottom: 66.666667%;
+  }
+
+  .sm\:left-2\/3 {
+    left: 66.666667%;
+  }
+
+  .sm\:top-1\/4 {
+    top: 25%;
+  }
+
+  .sm\:right-1\/4 {
+    right: 25%;
+  }
+
+  .sm\:bottom-1\/4 {
+    bottom: 25%;
+  }
+
+  .sm\:left-1\/4 {
+    left: 25%;
+  }
+
+  .sm\:top-2\/4 {
+    top: 50%;
+  }
+
+  .sm\:right-2\/4 {
+    right: 50%;
+  }
+
+  .sm\:bottom-2\/4 {
+    bottom: 50%;
+  }
+
+  .sm\:left-2\/4 {
+    left: 50%;
+  }
+
+  .sm\:top-3\/4 {
+    top: 75%;
+  }
+
+  .sm\:right-3\/4 {
+    right: 75%;
+  }
+
+  .sm\:bottom-3\/4 {
+    bottom: 75%;
+  }
+
+  .sm\:left-3\/4 {
+    left: 75%;
+  }
+
+  .sm\:top-1\/5 {
+    top: 20%;
+  }
+
+  .sm\:right-1\/5 {
+    right: 20%;
+  }
+
+  .sm\:bottom-1\/5 {
+    bottom: 20%;
+  }
+
+  .sm\:left-1\/5 {
+    left: 20%;
+  }
+
+  .sm\:top-2\/5 {
+    top: 40%;
+  }
+
+  .sm\:right-2\/5 {
+    right: 40%;
+  }
+
+  .sm\:bottom-2\/5 {
+    bottom: 40%;
+  }
+
+  .sm\:left-2\/5 {
+    left: 40%;
+  }
+
+  .sm\:top-3\/5 {
+    top: 60%;
+  }
+
+  .sm\:right-3\/5 {
+    right: 60%;
+  }
+
+  .sm\:bottom-3\/5 {
+    bottom: 60%;
+  }
+
+  .sm\:left-3\/5 {
+    left: 60%;
+  }
+
+  .sm\:top-4\/5 {
+    top: 80%;
+  }
+
+  .sm\:right-4\/5 {
+    right: 80%;
+  }
+
+  .sm\:bottom-4\/5 {
+    bottom: 80%;
+  }
+
+  .sm\:left-4\/5 {
+    left: 80%;
+  }
+
+  .sm\:top-1\/6 {
+    top: 16.666667%;
+  }
+
+  .sm\:right-1\/6 {
+    right: 16.666667%;
+  }
+
+  .sm\:bottom-1\/6 {
+    bottom: 16.666667%;
+  }
+
+  .sm\:left-1\/6 {
+    left: 16.666667%;
+  }
+
+  .sm\:top-2\/6 {
+    top: 33.333333%;
+  }
+
+  .sm\:right-2\/6 {
+    right: 33.333333%;
+  }
+
+  .sm\:bottom-2\/6 {
+    bottom: 33.333333%;
+  }
+
+  .sm\:left-2\/6 {
+    left: 33.333333%;
+  }
+
+  .sm\:top-3\/6 {
+    top: 50%;
+  }
+
+  .sm\:right-3\/6 {
+    right: 50%;
+  }
+
+  .sm\:bottom-3\/6 {
+    bottom: 50%;
+  }
+
+  .sm\:left-3\/6 {
+    left: 50%;
+  }
+
+  .sm\:top-4\/6 {
+    top: 66.666667%;
+  }
+
+  .sm\:right-4\/6 {
+    right: 66.666667%;
+  }
+
+  .sm\:bottom-4\/6 {
+    bottom: 66.666667%;
+  }
+
+  .sm\:left-4\/6 {
+    left: 66.666667%;
+  }
+
+  .sm\:top-5\/6 {
+    top: 83.333333%;
+  }
+
+  .sm\:right-5\/6 {
+    right: 83.333333%;
+  }
+
+  .sm\:bottom-5\/6 {
+    bottom: 83.333333%;
+  }
+
+  .sm\:left-5\/6 {
+    left: 83.333333%;
+  }
+
+  .sm\:top-1\/12 {
+    top: 8.333333%;
+  }
+
+  .sm\:right-1\/12 {
+    right: 8.333333%;
+  }
+
+  .sm\:bottom-1\/12 {
+    bottom: 8.333333%;
+  }
+
+  .sm\:left-1\/12 {
+    left: 8.333333%;
+  }
+
+  .sm\:top-2\/12 {
+    top: 16.666667%;
+  }
+
+  .sm\:right-2\/12 {
+    right: 16.666667%;
+  }
+
+  .sm\:bottom-2\/12 {
+    bottom: 16.666667%;
+  }
+
+  .sm\:left-2\/12 {
+    left: 16.666667%;
+  }
+
+  .sm\:top-3\/12 {
+    top: 25%;
+  }
+
+  .sm\:right-3\/12 {
+    right: 25%;
+  }
+
+  .sm\:bottom-3\/12 {
+    bottom: 25%;
+  }
+
+  .sm\:left-3\/12 {
+    left: 25%;
+  }
+
+  .sm\:top-4\/12 {
+    top: 33.333333%;
+  }
+
+  .sm\:right-4\/12 {
+    right: 33.333333%;
+  }
+
+  .sm\:bottom-4\/12 {
+    bottom: 33.333333%;
+  }
+
+  .sm\:left-4\/12 {
+    left: 33.333333%;
+  }
+
+  .sm\:top-5\/12 {
+    top: 41.666667%;
+  }
+
+  .sm\:right-5\/12 {
+    right: 41.666667%;
+  }
+
+  .sm\:bottom-5\/12 {
+    bottom: 41.666667%;
+  }
+
+  .sm\:left-5\/12 {
+    left: 41.666667%;
+  }
+
+  .sm\:top-6\/12 {
+    top: 50%;
+  }
+
+  .sm\:right-6\/12 {
+    right: 50%;
+  }
+
+  .sm\:bottom-6\/12 {
+    bottom: 50%;
+  }
+
+  .sm\:left-6\/12 {
+    left: 50%;
+  }
+
+  .sm\:top-7\/12 {
+    top: 58.333333%;
+  }
+
+  .sm\:right-7\/12 {
+    right: 58.333333%;
+  }
+
+  .sm\:bottom-7\/12 {
+    bottom: 58.333333%;
+  }
+
+  .sm\:left-7\/12 {
+    left: 58.333333%;
+  }
+
+  .sm\:top-8\/12 {
+    top: 66.666667%;
+  }
+
+  .sm\:right-8\/12 {
+    right: 66.666667%;
+  }
+
+  .sm\:bottom-8\/12 {
+    bottom: 66.666667%;
+  }
+
+  .sm\:left-8\/12 {
+    left: 66.666667%;
+  }
+
+  .sm\:top-9\/12 {
+    top: 75%;
+  }
+
+  .sm\:right-9\/12 {
+    right: 75%;
+  }
+
+  .sm\:bottom-9\/12 {
+    bottom: 75%;
+  }
+
+  .sm\:left-9\/12 {
+    left: 75%;
+  }
+
+  .sm\:top-10\/12 {
+    top: 83.333333%;
+  }
+
+  .sm\:right-10\/12 {
+    right: 83.333333%;
+  }
+
+  .sm\:bottom-10\/12 {
+    bottom: 83.333333%;
+  }
+
+  .sm\:left-10\/12 {
+    left: 83.333333%;
+  }
+
+  .sm\:top-11\/12 {
+    top: 91.666667%;
+  }
+
+  .sm\:right-11\/12 {
+    right: 91.666667%;
+  }
+
+  .sm\:bottom-11\/12 {
+    bottom: 91.666667%;
+  }
+
+  .sm\:left-11\/12 {
+    left: 91.666667%;
+  }
+
+  .sm\:top-full {
+    top: 100%;
+  }
+
+  .sm\:right-full {
+    right: 100%;
+  }
+
+  .sm\:bottom-full {
+    bottom: 100%;
+  }
+
+  .sm\:left-full {
+    left: 100%;
+  }
+
+  .sm\:resize-none {
+    resize: none;
+  }
+
+  .sm\:resize-y {
+    resize: vertical;
+  }
+
+  .sm\:resize-x {
+    resize: horizontal;
+  }
+
+  .sm\:resize {
+    resize: both;
+  }
+
+  .sm\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .sm\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .sm\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .sm\:shadow-none {
+    box-shadow: none;
+  }
+
+  .sm\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .sm\:shadow-outline-gray {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .sm\:shadow-outline-blue {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .sm\:shadow-outline-teal {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .sm\:shadow-outline-green {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .sm\:shadow-outline-yellow {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .sm\:shadow-outline-orange {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .sm\:shadow-outline-red {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .sm\:shadow-outline-pink {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .sm\:shadow-outline-purple {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .sm\:shadow-outline-indigo {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .sm\:group-focus\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-none {
+    box-shadow: none;
+  }
+
+  .group:focus .sm\:group-focus\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-gray {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-blue {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-teal {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-green {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-yellow {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-orange {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-red {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-pink {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-purple {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-indigo {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .sm\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:hover\:shadow:hover {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:hover\:shadow-md:hover {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:hover\:shadow-lg:hover {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:hover\:shadow-xl:hover {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .sm\:hover\:shadow-2xl:hover {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .sm\:hover\:shadow-inner:hover {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:hover\:shadow-outline:hover {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .sm\:hover\:shadow-none:hover {
+    box-shadow: none;
+  }
+
+  .sm\:hover\:shadow-solid:hover {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .sm\:hover\:shadow-outline-gray:hover {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .sm\:hover\:shadow-outline-blue:hover {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .sm\:hover\:shadow-outline-teal:hover {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .sm\:hover\:shadow-outline-green:hover {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .sm\:hover\:shadow-outline-yellow:hover {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .sm\:hover\:shadow-outline-orange:hover {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .sm\:hover\:shadow-outline-red:hover {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .sm\:hover\:shadow-outline-pink:hover {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .sm\:hover\:shadow-outline-purple:hover {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .sm\:hover\:shadow-outline-indigo:hover {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .sm\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .sm\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .sm\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .sm\:focus-within\:shadow-none:focus-within {
+    box-shadow: none;
+  }
+
+  .sm\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .sm\:focus-within\:shadow-outline-gray:focus-within {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .sm\:focus-within\:shadow-outline-blue:focus-within {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .sm\:focus-within\:shadow-outline-teal:focus-within {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .sm\:focus-within\:shadow-outline-green:focus-within {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .sm\:focus-within\:shadow-outline-yellow:focus-within {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .sm\:focus-within\:shadow-outline-orange:focus-within {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .sm\:focus-within\:shadow-outline-red:focus-within {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .sm\:focus-within\:shadow-outline-pink:focus-within {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .sm\:focus-within\:shadow-outline-purple:focus-within {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .sm\:focus-within\:shadow-outline-indigo:focus-within {
+    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-current {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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));
+  }
+
+  .sm\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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));
+  }
+
+  .group:hover .sm\:group-hover\:text-current {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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:hover .sm\:group-hover\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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:focus .sm\:group-focus\:text-current {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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));
+  }
+
+  .group:focus .sm\:group-focus\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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));
+  }
+
+  .sm\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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\:hover\:text-cool-gray-50:hover {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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-within\:text-cool-gray-50:focus-within {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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\:text-current:focus {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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\:focus\:text-cool-gray-50:focus {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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\:active\:text-current:active {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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\:active\:text-cool-gray-50:active {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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\: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\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions {
+    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
+    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
+  }
+
+  .sm\:normal-nums {
+    font-variant-numeric: normal;
+  }
+
+  .sm\:ordinal {
+    --font-variant-numeric-ordinal: ordinal;
+  }
+
+  .sm\:slashed-zero {
+    --font-variant-numeric-slashed-zero: slashed-zero;
+  }
+
+  .sm\:lining-nums {
+    --font-variant-numeric-figure: lining-nums;
+  }
+
+  .sm\:oldstyle-nums {
+    --font-variant-numeric-figure: oldstyle-nums;
+  }
+
+  .sm\:proportional-nums {
+    --font-variant-numeric-spacing: proportional-nums;
+  }
+
+  .sm\:tabular-nums {
+    --font-variant-numeric-spacing: tabular-nums;
+  }
+
+  .sm\:diagonal-fractions {
+    --font-variant-numeric-fraction: diagonal-fractions;
+  }
+
+  .sm\:stacked-fractions {
+    --font-variant-numeric-fraction: stacked-fractions;
+  }
+
+  .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 {
+    word-wrap: normal;
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+
+  .sm\:break-words {
+    word-wrap: break-word;
+    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-44 {
+    width: 11rem;
+  }
+
+  .sm\:w-48 {
+    width: 12rem;
+  }
+
+  .sm\:w-52 {
+    width: 13rem;
+  }
+
+  .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\:w-min-content {
+    width: -webkit-min-content;
+    width: -moz-min-content;
+    width: min-content;
+  }
+
+  .sm\:w-max-content {
+    width: -webkit-max-content;
+    width: -moz-max-content;
+    width: max-content;
+  }
+
+  .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-44 {
+    grid-gap: 11rem;
+    gap: 11rem;
+  }
+
+  .sm\:gap-48 {
+    grid-gap: 12rem;
+    gap: 12rem;
+  }
+
+  .sm\:gap-52 {
+    grid-gap: 13rem;
+    gap: 13rem;
+  }
+
+  .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-44 {
+    grid-column-gap: 11rem;
+    -moz-column-gap: 11rem;
+         column-gap: 11rem;
+  }
+
+  .sm\:col-gap-48 {
+    grid-column-gap: 12rem;
+    -moz-column-gap: 12rem;
+         column-gap: 12rem;
+  }
+
+  .sm\:col-gap-52 {
+    grid-column-gap: 13rem;
+    -moz-column-gap: 13rem;
+         column-gap: 13rem;
+  }
+
+  .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\:gap-x-0 {
+    grid-column-gap: 0;
+    -moz-column-gap: 0;
+         column-gap: 0;
+  }
+
+  .sm\:gap-x-1 {
+    grid-column-gap: 0.25rem;
+    -moz-column-gap: 0.25rem;
+         column-gap: 0.25rem;
+  }
+
+  .sm\:gap-x-2 {
+    grid-column-gap: 0.5rem;
+    -moz-column-gap: 0.5rem;
+         column-gap: 0.5rem;
+  }
+
+  .sm\:gap-x-3 {
+    grid-column-gap: 0.75rem;
+    -moz-column-gap: 0.75rem;
+         column-gap: 0.75rem;
+  }
+
+  .sm\:gap-x-4 {
+    grid-column-gap: 1rem;
+    -moz-column-gap: 1rem;
+         column-gap: 1rem;
+  }
+
+  .sm\:gap-x-5 {
+    grid-column-gap: 1.25rem;
+    -moz-column-gap: 1.25rem;
+         column-gap: 1.25rem;
+  }
+
+  .sm\:gap-x-6 {
+    grid-column-gap: 1.5rem;
+    -moz-column-gap: 1.5rem;
+         column-gap: 1.5rem;
+  }
+
+  .sm\:gap-x-7 {
+    grid-column-gap: 1.75rem;
+    -moz-column-gap: 1.75rem;
+         column-gap: 1.75rem;
+  }
+
+  .sm\:gap-x-8 {
+    grid-column-gap: 2rem;
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
+  }
+
+  .sm\:gap-x-9 {
+    grid-column-gap: 2.25rem;
+    -moz-column-gap: 2.25rem;
+         column-gap: 2.25rem;
+  }
+
+  .sm\:gap-x-10 {
+    grid-column-gap: 2.5rem;
+    -moz-column-gap: 2.5rem;
+         column-gap: 2.5rem;
+  }
+
+  .sm\:gap-x-11 {
+    grid-column-gap: 2.75rem;
+    -moz-column-gap: 2.75rem;
+         column-gap: 2.75rem;
+  }
+
+  .sm\:gap-x-12 {
+    grid-column-gap: 3rem;
+    -moz-column-gap: 3rem;
+         column-gap: 3rem;
+  }
+
+  .sm\:gap-x-13 {
+    grid-column-gap: 3.25rem;
+    -moz-column-gap: 3.25rem;
+         column-gap: 3.25rem;
+  }
+
+  .sm\:gap-x-14 {
+    grid-column-gap: 3.5rem;
+    -moz-column-gap: 3.5rem;
+         column-gap: 3.5rem;
+  }
+
+  .sm\:gap-x-15 {
+    grid-column-gap: 3.75rem;
+    -moz-column-gap: 3.75rem;
+         column-gap: 3.75rem;
+  }
+
+  .sm\:gap-x-16 {
+    grid-column-gap: 4rem;
+    -moz-column-gap: 4rem;
+         column-gap: 4rem;
+  }
+
+  .sm\:gap-x-20 {
+    grid-column-gap: 5rem;
+    -moz-column-gap: 5rem;
+         column-gap: 5rem;
+  }
+
+  .sm\:gap-x-24 {
+    grid-column-gap: 6rem;
+    -moz-column-gap: 6rem;
+         column-gap: 6rem;
+  }
+
+  .sm\:gap-x-28 {
+    grid-column-gap: 7rem;
+    -moz-column-gap: 7rem;
+         column-gap: 7rem;
+  }
+
+  .sm\:gap-x-32 {
+    grid-column-gap: 8rem;
+    -moz-column-gap: 8rem;
+         column-gap: 8rem;
+  }
+
+  .sm\:gap-x-36 {
+    grid-column-gap: 9rem;
+    -moz-column-gap: 9rem;
+         column-gap: 9rem;
+  }
+
+  .sm\:gap-x-40 {
+    grid-column-gap: 10rem;
+    -moz-column-gap: 10rem;
+         column-gap: 10rem;
+  }
+
+  .sm\:gap-x-44 {
+    grid-column-gap: 11rem;
+    -moz-column-gap: 11rem;
+         column-gap: 11rem;
+  }
+
+  .sm\:gap-x-48 {
+    grid-column-gap: 12rem;
+    -moz-column-gap: 12rem;
+         column-gap: 12rem;
+  }
+
+  .sm\:gap-x-52 {
+    grid-column-gap: 13rem;
+    -moz-column-gap: 13rem;
+         column-gap: 13rem;
+  }
+
+  .sm\:gap-x-56 {
+    grid-column-gap: 14rem;
+    -moz-column-gap: 14rem;
+         column-gap: 14rem;
+  }
+
+  .sm\:gap-x-60 {
+    grid-column-gap: 15rem;
+    -moz-column-gap: 15rem;
+         column-gap: 15rem;
+  }
+
+  .sm\:gap-x-64 {
+    grid-column-gap: 16rem;
+    -moz-column-gap: 16rem;
+         column-gap: 16rem;
+  }
+
+  .sm\:gap-x-72 {
+    grid-column-gap: 18rem;
+    -moz-column-gap: 18rem;
+         column-gap: 18rem;
+  }
+
+  .sm\:gap-x-80 {
+    grid-column-gap: 20rem;
+    -moz-column-gap: 20rem;
+         column-gap: 20rem;
+  }
+
+  .sm\:gap-x-96 {
+    grid-column-gap: 24rem;
+    -moz-column-gap: 24rem;
+         column-gap: 24rem;
+  }
+
+  .sm\:gap-x-px {
+    grid-column-gap: 1px;
+    -moz-column-gap: 1px;
+         column-gap: 1px;
+  }
+
+  .sm\:gap-x-0\.5 {
+    grid-column-gap: 0.125rem;
+    -moz-column-gap: 0.125rem;
+         column-gap: 0.125rem;
+  }
+
+  .sm\:gap-x-1\.5 {
+    grid-column-gap: 0.375rem;
+    -moz-column-gap: 0.375rem;
+         column-gap: 0.375rem;
+  }
+
+  .sm\:gap-x-2\.5 {
+    grid-column-gap: 0.625rem;
+    -moz-column-gap: 0.625rem;
+         column-gap: 0.625rem;
+  }
+
+  .sm\:gap-x-3\.5 {
+    grid-column-gap: 0.875rem;
+    -moz-column-gap: 0.875rem;
+         column-gap: 0.875rem;
+  }
+
+  .sm\:gap-x-1\/2 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .sm\:gap-x-1\/3 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .sm\:gap-x-2\/3 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .sm\:gap-x-1\/4 {
+    grid-column-gap: 25%;
+    -moz-column-gap: 25%;
+         column-gap: 25%;
+  }
+
+  .sm\:gap-x-2\/4 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .sm\:gap-x-3\/4 {
+    grid-column-gap: 75%;
+    -moz-column-gap: 75%;
+         column-gap: 75%;
+  }
+
+  .sm\:gap-x-1\/5 {
+    grid-column-gap: 20%;
+    -moz-column-gap: 20%;
+         column-gap: 20%;
+  }
+
+  .sm\:gap-x-2\/5 {
+    grid-column-gap: 40%;
+    -moz-column-gap: 40%;
+         column-gap: 40%;
+  }
+
+  .sm\:gap-x-3\/5 {
+    grid-column-gap: 60%;
+    -moz-column-gap: 60%;
+         column-gap: 60%;
+  }
+
+  .sm\:gap-x-4\/5 {
+    grid-column-gap: 80%;
+    -moz-column-gap: 80%;
+         column-gap: 80%;
+  }
+
+  .sm\:gap-x-1\/6 {
+    grid-column-gap: 16.666667%;
+    -moz-column-gap: 16.666667%;
+         column-gap: 16.666667%;
+  }
+
+  .sm\:gap-x-2\/6 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .sm\:gap-x-3\/6 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .sm\:gap-x-4\/6 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .sm\:gap-x-5\/6 {
+    grid-column-gap: 83.333333%;
+    -moz-column-gap: 83.333333%;
+         column-gap: 83.333333%;
+  }
+
+  .sm\:gap-x-1\/12 {
+    grid-column-gap: 8.333333%;
+    -moz-column-gap: 8.333333%;
+         column-gap: 8.333333%;
+  }
+
+  .sm\:gap-x-2\/12 {
+    grid-column-gap: 16.666667%;
+    -moz-column-gap: 16.666667%;
+         column-gap: 16.666667%;
+  }
+
+  .sm\:gap-x-3\/12 {
+    grid-column-gap: 25%;
+    -moz-column-gap: 25%;
+         column-gap: 25%;
+  }
+
+  .sm\:gap-x-4\/12 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .sm\:gap-x-5\/12 {
+    grid-column-gap: 41.666667%;
+    -moz-column-gap: 41.666667%;
+         column-gap: 41.666667%;
+  }
+
+  .sm\:gap-x-6\/12 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .sm\:gap-x-7\/12 {
+    grid-column-gap: 58.333333%;
+    -moz-column-gap: 58.333333%;
+         column-gap: 58.333333%;
+  }
+
+  .sm\:gap-x-8\/12 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .sm\:gap-x-9\/12 {
+    grid-column-gap: 75%;
+    -moz-column-gap: 75%;
+         column-gap: 75%;
+  }
+
+  .sm\:gap-x-10\/12 {
+    grid-column-gap: 83.333333%;
+    -moz-column-gap: 83.333333%;
+         column-gap: 83.333333%;
+  }
+
+  .sm\:gap-x-11\/12 {
+    grid-column-gap: 91.666667%;
+    -moz-column-gap: 91.666667%;
+         column-gap: 91.666667%;
+  }
+
+  .sm\:gap-x-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-44 {
+    grid-row-gap: 11rem;
+    row-gap: 11rem;
+  }
+
+  .sm\:row-gap-48 {
+    grid-row-gap: 12rem;
+    row-gap: 12rem;
+  }
+
+  .sm\:row-gap-52 {
+    grid-row-gap: 13rem;
+    row-gap: 13rem;
+  }
+
+  .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\:gap-y-0 {
+    grid-row-gap: 0;
+    row-gap: 0;
+  }
+
+  .sm\:gap-y-1 {
+    grid-row-gap: 0.25rem;
+    row-gap: 0.25rem;
+  }
+
+  .sm\:gap-y-2 {
+    grid-row-gap: 0.5rem;
+    row-gap: 0.5rem;
+  }
+
+  .sm\:gap-y-3 {
+    grid-row-gap: 0.75rem;
+    row-gap: 0.75rem;
+  }
+
+  .sm\:gap-y-4 {
+    grid-row-gap: 1rem;
+    row-gap: 1rem;
+  }
+
+  .sm\:gap-y-5 {
+    grid-row-gap: 1.25rem;
+    row-gap: 1.25rem;
+  }
+
+  .sm\:gap-y-6 {
+    grid-row-gap: 1.5rem;
+    row-gap: 1.5rem;
+  }
+
+  .sm\:gap-y-7 {
+    grid-row-gap: 1.75rem;
+    row-gap: 1.75rem;
+  }
+
+  .sm\:gap-y-8 {
+    grid-row-gap: 2rem;
+    row-gap: 2rem;
+  }
+
+  .sm\:gap-y-9 {
+    grid-row-gap: 2.25rem;
+    row-gap: 2.25rem;
+  }
+
+  .sm\:gap-y-10 {
+    grid-row-gap: 2.5rem;
+    row-gap: 2.5rem;
+  }
+
+  .sm\:gap-y-11 {
+    grid-row-gap: 2.75rem;
+    row-gap: 2.75rem;
+  }
+
+  .sm\:gap-y-12 {
+    grid-row-gap: 3rem;
+    row-gap: 3rem;
+  }
+
+  .sm\:gap-y-13 {
+    grid-row-gap: 3.25rem;
+    row-gap: 3.25rem;
+  }
+
+  .sm\:gap-y-14 {
+    grid-row-gap: 3.5rem;
+    row-gap: 3.5rem;
+  }
+
+  .sm\:gap-y-15 {
+    grid-row-gap: 3.75rem;
+    row-gap: 3.75rem;
+  }
+
+  .sm\:gap-y-16 {
+    grid-row-gap: 4rem;
+    row-gap: 4rem;
+  }
+
+  .sm\:gap-y-20 {
+    grid-row-gap: 5rem;
+    row-gap: 5rem;
+  }
+
+  .sm\:gap-y-24 {
+    grid-row-gap: 6rem;
+    row-gap: 6rem;
+  }
+
+  .sm\:gap-y-28 {
+    grid-row-gap: 7rem;
+    row-gap: 7rem;
+  }
+
+  .sm\:gap-y-32 {
+    grid-row-gap: 8rem;
+    row-gap: 8rem;
+  }
+
+  .sm\:gap-y-36 {
+    grid-row-gap: 9rem;
+    row-gap: 9rem;
+  }
+
+  .sm\:gap-y-40 {
+    grid-row-gap: 10rem;
+    row-gap: 10rem;
+  }
+
+  .sm\:gap-y-44 {
+    grid-row-gap: 11rem;
+    row-gap: 11rem;
+  }
+
+  .sm\:gap-y-48 {
+    grid-row-gap: 12rem;
+    row-gap: 12rem;
+  }
+
+  .sm\:gap-y-52 {
+    grid-row-gap: 13rem;
+    row-gap: 13rem;
+  }
+
+  .sm\:gap-y-56 {
+    grid-row-gap: 14rem;
+    row-gap: 14rem;
+  }
+
+  .sm\:gap-y-60 {
+    grid-row-gap: 15rem;
+    row-gap: 15rem;
+  }
+
+  .sm\:gap-y-64 {
+    grid-row-gap: 16rem;
+    row-gap: 16rem;
+  }
+
+  .sm\:gap-y-72 {
+    grid-row-gap: 18rem;
+    row-gap: 18rem;
+  }
+
+  .sm\:gap-y-80 {
+    grid-row-gap: 20rem;
+    row-gap: 20rem;
+  }
+
+  .sm\:gap-y-96 {
+    grid-row-gap: 24rem;
+    row-gap: 24rem;
+  }
+
+  .sm\:gap-y-px {
+    grid-row-gap: 1px;
+    row-gap: 1px;
+  }
+
+  .sm\:gap-y-0\.5 {
+    grid-row-gap: 0.125rem;
+    row-gap: 0.125rem;
+  }
+
+  .sm\:gap-y-1\.5 {
+    grid-row-gap: 0.375rem;
+    row-gap: 0.375rem;
+  }
+
+  .sm\:gap-y-2\.5 {
+    grid-row-gap: 0.625rem;
+    row-gap: 0.625rem;
+  }
+
+  .sm\:gap-y-3\.5 {
+    grid-row-gap: 0.875rem;
+    row-gap: 0.875rem;
+  }
+
+  .sm\:gap-y-1\/2 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .sm\:gap-y-1\/3 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .sm\:gap-y-2\/3 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .sm\:gap-y-1\/4 {
+    grid-row-gap: 25%;
+    row-gap: 25%;
+  }
+
+  .sm\:gap-y-2\/4 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .sm\:gap-y-3\/4 {
+    grid-row-gap: 75%;
+    row-gap: 75%;
+  }
+
+  .sm\:gap-y-1\/5 {
+    grid-row-gap: 20%;
+    row-gap: 20%;
+  }
+
+  .sm\:gap-y-2\/5 {
+    grid-row-gap: 40%;
+    row-gap: 40%;
+  }
+
+  .sm\:gap-y-3\/5 {
+    grid-row-gap: 60%;
+    row-gap: 60%;
+  }
+
+  .sm\:gap-y-4\/5 {
+    grid-row-gap: 80%;
+    row-gap: 80%;
+  }
+
+  .sm\:gap-y-1\/6 {
+    grid-row-gap: 16.666667%;
+    row-gap: 16.666667%;
+  }
+
+  .sm\:gap-y-2\/6 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .sm\:gap-y-3\/6 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .sm\:gap-y-4\/6 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .sm\:gap-y-5\/6 {
+    grid-row-gap: 83.333333%;
+    row-gap: 83.333333%;
+  }
+
+  .sm\:gap-y-1\/12 {
+    grid-row-gap: 8.333333%;
+    row-gap: 8.333333%;
+  }
+
+  .sm\:gap-y-2\/12 {
+    grid-row-gap: 16.666667%;
+    row-gap: 16.666667%;
+  }
+
+  .sm\:gap-y-3\/12 {
+    grid-row-gap: 25%;
+    row-gap: 25%;
+  }
+
+  .sm\:gap-y-4\/12 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .sm\:gap-y-5\/12 {
+    grid-row-gap: 41.666667%;
+    row-gap: 41.666667%;
+  }
+
+  .sm\:gap-y-6\/12 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .sm\:gap-y-7\/12 {
+    grid-row-gap: 58.333333%;
+    row-gap: 58.333333%;
+  }
+
+  .sm\:gap-y-8\/12 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .sm\:gap-y-9\/12 {
+    grid-row-gap: 75%;
+    row-gap: 75%;
+  }
+
+  .sm\:gap-y-10\/12 {
+    grid-row-gap: 83.333333%;
+    row-gap: 83.333333%;
+  }
+
+  .sm\:gap-y-11\/12 {
+    grid-row-gap: 91.666667%;
+    row-gap: 91.666667%;
+  }
+
+  .sm\:gap-y-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\:auto-cols-auto {
+    grid-auto-columns: auto;
+  }
+
+  .sm\:auto-cols-min {
+    grid-auto-columns: -webkit-min-content;
+    grid-auto-columns: min-content;
+  }
+
+  .sm\:auto-cols-max {
+    grid-auto-columns: -webkit-max-content;
+    grid-auto-columns: max-content;
+  }
+
+  .sm\:auto-cols-fr {
+    grid-auto-columns: minmax(0, 1fr);
+  }
+
+  .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-span-full {
+    grid-column: 1 / -1;
+  }
+
+  .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\:auto-rows-auto {
+    grid-auto-rows: auto;
+  }
+
+  .sm\:auto-rows-min {
+    grid-auto-rows: -webkit-min-content;
+    grid-auto-rows: min-content;
+  }
+
+  .sm\:auto-rows-max {
+    grid-auto-rows: -webkit-max-content;
+    grid-auto-rows: max-content;
+  }
+
+  .sm\:auto-rows-fr {
+    grid-auto-rows: minmax(0, 1fr);
+  }
+
+  .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-span-full {
+    grid-row: 1 / -1;
+  }
+
+  .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-1 {
+    --transform-rotate: 1deg;
+  }
+
+  .sm\:rotate-2 {
+    --transform-rotate: 2deg;
+  }
+
+  .sm\:rotate-3 {
+    --transform-rotate: 3deg;
+  }
+
+  .sm\:rotate-6 {
+    --transform-rotate: 6deg;
+  }
+
+  .sm\:rotate-12 {
+    --transform-rotate: 12deg;
+  }
+
+  .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\:-rotate-12 {
+    --transform-rotate: -12deg;
+  }
+
+  .sm\:-rotate-6 {
+    --transform-rotate: -6deg;
+  }
+
+  .sm\:-rotate-3 {
+    --transform-rotate: -3deg;
+  }
+
+  .sm\:-rotate-2 {
+    --transform-rotate: -2deg;
+  }
+
+  .sm\:-rotate-1 {
+    --transform-rotate: -1deg;
+  }
+
+  .sm\:hover\:rotate-0:hover {
+    --transform-rotate: 0;
+  }
+
+  .sm\:hover\:rotate-1:hover {
+    --transform-rotate: 1deg;
+  }
+
+  .sm\:hover\:rotate-2:hover {
+    --transform-rotate: 2deg;
+  }
+
+  .sm\:hover\:rotate-3:hover {
+    --transform-rotate: 3deg;
+  }
+
+  .sm\:hover\:rotate-6:hover {
+    --transform-rotate: 6deg;
+  }
+
+  .sm\:hover\:rotate-12:hover {
+    --transform-rotate: 12deg;
+  }
+
+  .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\:hover\:-rotate-12:hover {
+    --transform-rotate: -12deg;
+  }
+
+  .sm\:hover\:-rotate-6:hover {
+    --transform-rotate: -6deg;
+  }
+
+  .sm\:hover\:-rotate-3:hover {
+    --transform-rotate: -3deg;
+  }
+
+  .sm\:hover\:-rotate-2:hover {
+    --transform-rotate: -2deg;
+  }
+
+  .sm\:hover\:-rotate-1:hover {
+    --transform-rotate: -1deg;
+  }
+
+  .sm\:focus\:rotate-0:focus {
+    --transform-rotate: 0;
+  }
+
+  .sm\:focus\:rotate-1:focus {
+    --transform-rotate: 1deg;
+  }
+
+  .sm\:focus\:rotate-2:focus {
+    --transform-rotate: 2deg;
+  }
+
+  .sm\:focus\:rotate-3:focus {
+    --transform-rotate: 3deg;
+  }
+
+  .sm\:focus\:rotate-6:focus {
+    --transform-rotate: 6deg;
+  }
+
+  .sm\:focus\:rotate-12:focus {
+    --transform-rotate: 12deg;
+  }
+
+  .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\:focus\:-rotate-12:focus {
+    --transform-rotate: -12deg;
+  }
+
+  .sm\:focus\:-rotate-6:focus {
+    --transform-rotate: -6deg;
+  }
+
+  .sm\:focus\:-rotate-3:focus {
+    --transform-rotate: -3deg;
+  }
+
+  .sm\:focus\:-rotate-2:focus {
+    --transform-rotate: -2deg;
+  }
+
+  .sm\:focus\:-rotate-1:focus {
+    --transform-rotate: -1deg;
+  }
+
+  .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-44 {
+    --transform-translate-x: 11rem;
+  }
+
+  .sm\:translate-x-48 {
+    --transform-translate-x: 12rem;
+  }
+
+  .sm\:translate-x-52 {
+    --transform-translate-x: 13rem;
+  }
+
+  .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-44 {
+    --transform-translate-x: -11rem;
+  }
+
+  .sm\:-translate-x-48 {
+    --transform-translate-x: -12rem;
+  }
+
+  .sm\:-translate-x-52 {
+    --transform-translate-x: -13rem;
+  }
+
+  .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-44 {
+    --transform-translate-y: 11rem;
+  }
+
+  .sm\:translate-y-48 {
+    --transform-translate-y: 12rem;
+  }
+
+  .sm\:translate-y-52 {
+    --transform-translate-y: 13rem;
+  }
+
+  .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-44 {
+    --transform-translate-y: -11rem;
+  }
+
+  .sm\:-translate-y-48 {
+    --transform-translate-y: -12rem;
+  }
+
+  .sm\:-translate-y-52 {
+    --transform-translate-y: -13rem;
+  }
+
+  .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-44:hover {
+    --transform-translate-x: 11rem;
+  }
+
+  .sm\:hover\:translate-x-48:hover {
+    --transform-translate-x: 12rem;
+  }
+
+  .sm\:hover\:translate-x-52:hover {
+    --transform-translate-x: 13rem;
+  }
+
+  .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-44:hover {
+    --transform-translate-x: -11rem;
+  }
+
+  .sm\:hover\:-translate-x-48:hover {
+    --transform-translate-x: -12rem;
+  }
+
+  .sm\:hover\:-translate-x-52:hover {
+    --transform-translate-x: -13rem;
+  }
+
+  .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-44:hover {
+    --transform-translate-y: 11rem;
+  }
+
+  .sm\:hover\:translate-y-48:hover {
+    --transform-translate-y: 12rem;
+  }
+
+  .sm\:hover\:translate-y-52:hover {
+    --transform-translate-y: 13rem;
+  }
+
+  .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-44:hover {
+    --transform-translate-y: -11rem;
+  }
+
+  .sm\:hover\:-translate-y-48:hover {
+    --transform-translate-y: -12rem;
+  }
+
+  .sm\:hover\:-translate-y-52:hover {
+    --transform-translate-y: -13rem;
+  }
+
+  .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-44:focus {
+    --transform-translate-x: 11rem;
+  }
+
+  .sm\:focus\:translate-x-48:focus {
+    --transform-translate-x: 12rem;
+  }
+
+  .sm\:focus\:translate-x-52:focus {
+    --transform-translate-x: 13rem;
+  }
+
+  .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-44:focus {
+    --transform-translate-x: -11rem;
+  }
+
+  .sm\:focus\:-translate-x-48:focus {
+    --transform-translate-x: -12rem;
+  }
+
+  .sm\:focus\:-translate-x-52:focus {
+    --transform-translate-x: -13rem;
+  }
+
+  .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-44:focus {
+    --transform-translate-y: 11rem;
+  }
+
+  .sm\:focus\:translate-y-48:focus {
+    --transform-translate-y: 12rem;
+  }
+
+  .sm\:focus\:translate-y-52:focus {
+    --transform-translate-y: 13rem;
+  }
+
+  .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-44:focus {
+    --transform-translate-y: -11rem;
+  }
+
+  .sm\:focus\:-translate-y-48:focus {
+    --transform-translate-y: -12rem;
+  }
+
+  .sm\:focus\:-translate-y-52:focus {
+    --transform-translate-y: -13rem;
+  }
+
+  .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-1 {
+    --transform-skew-x: 1deg;
+  }
+
+  .sm\:skew-x-2 {
+    --transform-skew-x: 2deg;
+  }
+
+  .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-x-2 {
+    --transform-skew-x: -2deg;
+  }
+
+  .sm\:-skew-x-1 {
+    --transform-skew-x: -1deg;
+  }
+
+  .sm\:skew-y-0 {
+    --transform-skew-y: 0;
+  }
+
+  .sm\:skew-y-1 {
+    --transform-skew-y: 1deg;
+  }
+
+  .sm\:skew-y-2 {
+    --transform-skew-y: 2deg;
+  }
+
+  .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\:-skew-y-2 {
+    --transform-skew-y: -2deg;
+  }
+
+  .sm\:-skew-y-1 {
+    --transform-skew-y: -1deg;
+  }
+
+  .sm\:hover\:skew-x-0:hover {
+    --transform-skew-x: 0;
+  }
+
+  .sm\:hover\:skew-x-1:hover {
+    --transform-skew-x: 1deg;
+  }
+
+  .sm\:hover\:skew-x-2:hover {
+    --transform-skew-x: 2deg;
+  }
+
+  .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-x-2:hover {
+    --transform-skew-x: -2deg;
+  }
+
+  .sm\:hover\:-skew-x-1:hover {
+    --transform-skew-x: -1deg;
+  }
+
+  .sm\:hover\:skew-y-0:hover {
+    --transform-skew-y: 0;
+  }
+
+  .sm\:hover\:skew-y-1:hover {
+    --transform-skew-y: 1deg;
+  }
+
+  .sm\:hover\:skew-y-2:hover {
+    --transform-skew-y: 2deg;
+  }
+
+  .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\:hover\:-skew-y-2:hover {
+    --transform-skew-y: -2deg;
+  }
+
+  .sm\:hover\:-skew-y-1:hover {
+    --transform-skew-y: -1deg;
+  }
+
+  .sm\:focus\:skew-x-0:focus {
+    --transform-skew-x: 0;
+  }
+
+  .sm\:focus\:skew-x-1:focus {
+    --transform-skew-x: 1deg;
+  }
+
+  .sm\:focus\:skew-x-2:focus {
+    --transform-skew-x: 2deg;
+  }
+
+  .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-x-2:focus {
+    --transform-skew-x: -2deg;
+  }
+
+  .sm\:focus\:-skew-x-1:focus {
+    --transform-skew-x: -1deg;
+  }
+
+  .sm\:focus\:skew-y-0:focus {
+    --transform-skew-y: 0;
+  }
+
+  .sm\:focus\:skew-y-1:focus {
+    --transform-skew-y: 1deg;
+  }
+
+  .sm\:focus\:skew-y-2:focus {
+    --transform-skew-y: 2deg;
+  }
+
+  .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\:focus\:-skew-y-2:focus {
+    --transform-skew-y: -2deg;
+  }
+
+  .sm\:focus\:-skew-y-1:focus {
+    --transform-skew-y: -1deg;
+  }
+
+  .sm\:transition-none {
+    transition-property: none;
+  }
+
+  .sm\:transition-all {
+    transition-property: all;
+  }
+
+  .sm\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+  }
+
+  .sm\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
+  }
+
+  .sm\:transition-opacity {
+    transition-property: opacity;
+  }
+
+  .sm\:transition-shadow {
+    transition-property: box-shadow;
+  }
+
+  .sm\:transition-transform {
+    transition-property: transform;
+  }
+
+  .sm\:ease-linear {
+    transition-timing-function: linear;
+  }
+
+  .sm\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+
+  .sm\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .sm\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .sm\:duration-75 {
+    transition-duration: 75ms;
+  }
+
+  .sm\:duration-100 {
+    transition-duration: 100ms;
+  }
+
+  .sm\:duration-150 {
+    transition-duration: 150ms;
+  }
+
+  .sm\:duration-200 {
+    transition-duration: 200ms;
+  }
+
+  .sm\:duration-300 {
+    transition-duration: 300ms;
+  }
+
+  .sm\:duration-500 {
+    transition-duration: 500ms;
+  }
+
+  .sm\:duration-700 {
+    transition-duration: 700ms;
+  }
+
+  .sm\:duration-1000 {
+    transition-duration: 1000ms;
+  }
+
+  .sm\:delay-75 {
+    transition-delay: 75ms;
+  }
+
+  .sm\:delay-100 {
+    transition-delay: 100ms;
+  }
+
+  .sm\:delay-150 {
+    transition-delay: 150ms;
+  }
+
+  .sm\:delay-200 {
+    transition-delay: 200ms;
+  }
+
+  .sm\:delay-300 {
+    transition-delay: 300ms;
+  }
+
+  .sm\:delay-500 {
+    transition-delay: 500ms;
+  }
+
+  .sm\:delay-700 {
+    transition-delay: 700ms;
+  }
+
+  .sm\:delay-1000 {
+    transition-delay: 1000ms;
+  }
+
+  .sm\:animate-none {
+    -webkit-animation: none;
+            animation: none;
+  }
+
+  .sm\:animate-spin {
+    -webkit-animation: spin 1s linear infinite;
+            animation: spin 1s linear infinite;
+  }
+
+  .sm\:animate-ping {
+    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  }
+
+  .sm\:animate-pulse {
+    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  .sm\:animate-bounce {
+    -webkit-animation: bounce 1s infinite;
+            animation: bounce 1s infinite;
+  }
+}
+
+@media (min-width: 768px) {
+  .md\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 640px) {
+    .md\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .md\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .md\:container {
+      max-width: 1024px;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .md\:container {
+      max-width: 1280px;
+    }
+  }
+
+  .md\:prose {
+    color: #374151;
+    max-width: 65ch;
+  }
+
+  .md\:prose [class~="lead"] {
+    color: #4b5563;
+    font-size: 1.25em;
+    line-height: 1.6;
+    margin-top: 1.2em;
+    margin-bottom: 1.2em;
+  }
+
+  .md\:prose a {
+    color: #5850ec;
+    text-decoration: none;
+    font-weight: 600;
+  }
+
+  .md\:prose strong {
+    color: #161e2e;
+    font-weight: 600;
+  }
+
+  .md\:prose ol {
+    counter-reset: list-counter;
+    margin-top: 1.25em;
+    margin-bottom: 1.25em;
+  }
+
+  .md\:prose ol > li {
+    position: relative;
+    counter-increment: list-counter;
+    padding-left: 1.75em;
+  }
+
+  .md\:prose ol > li::before {
+    content: counter(list-counter) ".";
+    position: absolute;
+    font-weight: 400;
+    color: #6b7280;
+  }
+
+  .md\:prose ul > li {
+    position: relative;
+    padding-left: 1.75em;
+  }
+
+  .md\:prose ul > li::before {
+    content: "";
+    position: absolute;
+    background-color: #d2d6dc;
+    border-radius: 50%;
+    width: 0.375em;
+    height: 0.375em;
+    top: calc(0.875em - 0.1875em);
+    left: 0.25em;
+  }
+
+  .md\:prose hr {
+    border-color: #e5e7eb;
+    border-top-width: 1px;
+    margin-top: 3em;
+    margin-bottom: 3em;
+  }
+
+  .md\:prose blockquote {
+    font-weight: 500;
+    font-style: italic;
+    color: #161e2e;
+    border-left-width: 0.25rem;
+    border-left-color: #e5e7eb;
+    quotes: "\201C""\201D""\2018""\2019";
+    margin-top: 1.6em;
+    margin-bottom: 1.6em;
+    padding-left: 1em;
+  }
+
+  .md\:prose blockquote p:first-of-type::before {
+    content: open-quote;
+  }
+
+  .md\:prose blockquote p:last-of-type::after {
+    content: close-quote;
+  }
+
+  .md\:prose h1 {
+    color: #1a202c;
+    font-weight: 800;
+    font-size: 2.25em;
+    margin-top: 0;
+    margin-bottom: 0.8888889em;
+    line-height: 1.1111111;
+  }
+
+  .md\:prose h2 {
+    color: #1a202c;
+    font-weight: 700;
+    font-size: 1.5em;
+    margin-top: 2em;
+    margin-bottom: 1em;
+    line-height: 1.3333333;
+  }
+
+  .md\:prose h3 {
+    color: #1a202c;
+    font-weight: 600;
+    font-size: 1.25em;
+    margin-top: 1.6em;
+    margin-bottom: 0.6em;
+    line-height: 1.6;
+  }
+
+  .md\:prose h4 {
+    color: #1a202c;
+    font-weight: 600;
+    margin-top: 1.5em;
+    margin-bottom: 0.5em;
+    line-height: 1.5;
+  }
+
+  .md\:prose figure figcaption {
+    color: #6b7280;
+    font-size: 0.875em;
+    line-height: 1.4285714;
+    margin-top: 0.8571429em;
+  }
+
+  .md\:prose code {
+    color: #161e2e;
+    font-weight: 600;
+    font-size: 0.875em;
+  }
+
+  .md\:prose code::before {
+    content: "`";
+  }
+
+  .md\:prose code::after {
+    content: "`";
+  }
+
+  .md\:prose pre {
+    color: #e5e7eb;
+    background-color: #252f3f;
+    overflow-x: auto;
+    font-size: 0.875em;
+    line-height: 1.7142857;
+    margin-top: 1.7142857em;
+    margin-bottom: 1.7142857em;
+    border-radius: 0.375rem;
+    padding-top: 0.8571429em;
+    padding-right: 1.1428571em;
+    padding-bottom: 0.8571429em;
+    padding-left: 1.1428571em;
+  }
+
+  .md\:prose pre code {
+    background-color: transparent;
+    border-width: 0;
+    border-radius: 0;
+    padding: 0;
+    font-weight: 400;
+    color: inherit;
+    font-size: inherit;
+    font-family: inherit;
+    line-height: inherit;
+  }
+
+  .md\:prose pre code::before {
+    content: "";
+  }
+
+  .md\:prose pre code::after {
+    content: "";
+  }
+
+  .md\:prose table {
+    width: 100%;
+    table-layout: auto;
+    text-align: left;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    font-size: 0.875em;
+    line-height: 1.7142857;
+  }
+
+  .md\:prose thead {
+    color: #161e2e;
+    font-weight: 600;
+    border-bottom-width: 1px;
+    border-bottom-color: #d2d6dc;
+  }
+
+  .md\:prose thead th {
+    vertical-align: bottom;
+    padding-right: 0.5714286em;
+    padding-bottom: 0.5714286em;
+    padding-left: 0.5714286em;
+  }
+
+  .md\:prose tbody tr {
+    border-bottom-width: 1px;
+    border-bottom-color: #e5e7eb;
+  }
+
+  .md\:prose tbody tr:last-child {
+    border-bottom-width: 0;
+  }
+
+  .md\:prose tbody td {
+    vertical-align: top;
+    padding-top: 0.5714286em;
+    padding-right: 0.5714286em;
+    padding-bottom: 0.5714286em;
+    padding-left: 0.5714286em;
+  }
+
+  .md\:prose {
+    font-size: 1rem;
+    line-height: 1.75;
+  }
+
+  .md\:prose p {
+    margin-top: 1.25em;
+    margin-bottom: 1.25em;
+  }
+
+  .md\:prose img {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .md\:prose video {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .md\:prose figure {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .md\:prose figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .md\:prose h2 code {
+    font-size: 0.875em;
+  }
+
+  .md\:prose h3 code {
+    font-size: 0.9em;
+  }
+
+  .md\:prose ul {
+    margin-top: 1.25em;
+    margin-bottom: 1.25em;
+  }
+
+  .md\:prose li {
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+  }
+
+  .md\:prose ol > li:before {
+    left: 0;
+  }
+
+  .md\:prose > ul > li p {
+    margin-top: 0.75em;
+    margin-bottom: 0.75em;
+  }
+
+  .md\:prose > ul > li > *:first-child {
+    margin-top: 1.25em;
+  }
+
+  .md\:prose > ul > li > *:last-child {
+    margin-bottom: 1.25em;
+  }
+
+  .md\:prose > ol > li > *:first-child {
+    margin-top: 1.25em;
+  }
+
+  .md\:prose > ol > li > *:last-child {
+    margin-bottom: 1.25em;
+  }
+
+  .md\:prose ul ul, .md\:prose ul ol, .md\:prose ol ul, .md\:prose ol ol {
+    margin-top: 0.75em;
+    margin-bottom: 0.75em;
+  }
+
+  .md\:prose hr + * {
+    margin-top: 0;
+  }
+
+  .md\:prose h2 + * {
+    margin-top: 0;
+  }
+
+  .md\:prose h3 + * {
+    margin-top: 0;
+  }
+
+  .md\:prose h4 + * {
+    margin-top: 0;
+  }
+
+  .md\:prose thead th:first-child {
+    padding-left: 0;
+  }
+
+  .md\:prose thead th:last-child {
+    padding-right: 0;
+  }
+
+  .md\:prose tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .md\:prose tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .md\:prose > :first-child {
+    margin-top: 0;
+  }
+
+  .md\:prose > :last-child {
+    margin-bottom: 0;
+  }
+
+  .md\:prose h1, .md\:prose h2, .md\:prose h3, .md\:prose h4 {
+    color: #161e2e;
+  }
+
+  .md\:prose-sm {
+    font-size: 0.875rem;
+    line-height: 1.7142857;
+  }
+
+  .md\:prose-sm p {
+    margin-top: 1.1428571em;
+    margin-bottom: 1.1428571em;
+  }
+
+  .md\:prose-sm [class~="lead"] {
+    font-size: 1.2857143em;
+    line-height: 1.5555556;
+    margin-top: 0.8888889em;
+    margin-bottom: 0.8888889em;
+  }
+
+  .md\:prose-sm blockquote {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+    padding-left: 1.1111111em;
+  }
+
+  .md\:prose-sm h1 {
+    font-size: 2.1428571em;
+    margin-top: 0;
+    margin-bottom: 0.8em;
+    line-height: 1.2;
+  }
+
+  .md\:prose-sm h2 {
+    font-size: 1.4285714em;
+    margin-top: 1.6em;
+    margin-bottom: 0.8em;
+    line-height: 1.4;
+  }
+
+  .md\:prose-sm h3 {
+    font-size: 1.2857143em;
+    margin-top: 1.5555556em;
+    margin-bottom: 0.4444444em;
+    line-height: 1.5555556;
+  }
+
+  .md\:prose-sm h4 {
+    margin-top: 1.4285714em;
+    margin-bottom: 0.5714286em;
+    line-height: 1.4285714;
+  }
+
+  .md\:prose-sm img {
+    margin-top: 1.7142857em;
+    margin-bottom: 1.7142857em;
+  }
+
+  .md\:prose-sm video {
+    margin-top: 1.7142857em;
+    margin-bottom: 1.7142857em;
+  }
+
+  .md\:prose-sm figure {
+    margin-top: 1.7142857em;
+    margin-bottom: 1.7142857em;
+  }
+
+  .md\:prose-sm figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .md\:prose-sm figure figcaption {
+    font-size: 0.8571429em;
+    line-height: 1.3333333;
+    margin-top: 0.6666667em;
+  }
+
+  .md\:prose-sm code {
+    font-size: 0.8571429em;
+  }
+
+  .md\:prose-sm h2 code {
+    font-size: 0.9em;
+  }
+
+  .md\:prose-sm h3 code {
+    font-size: 0.8888889em;
+  }
+
+  .md\:prose-sm pre {
+    font-size: 0.8571429em;
+    line-height: 1.6666667;
+    margin-top: 1.6666667em;
+    margin-bottom: 1.6666667em;
+    border-radius: 0.25rem;
+    padding-top: 0.6666667em;
+    padding-right: 1em;
+    padding-bottom: 0.6666667em;
+    padding-left: 1em;
+  }
+
+  .md\:prose-sm ol {
+    margin-top: 1.1428571em;
+    margin-bottom: 1.1428571em;
+  }
+
+  .md\:prose-sm ul {
+    margin-top: 1.1428571em;
+    margin-bottom: 1.1428571em;
+  }
+
+  .md\:prose-sm li {
+    margin-top: 0.2857143em;
+    margin-bottom: 0.2857143em;
+  }
+
+  .md\:prose-sm ol > li {
+    padding-left: 1.5714286em;
+  }
+
+  .md\:prose-sm ol > li:before {
+    left: 0;
+  }
+
+  .md\:prose-sm ul > li {
+    padding-left: 1.5714286em;
+  }
+
+  .md\:prose-sm ul > li::before {
+    height: 0.3571429em;
+    width: 0.3571429em;
+    top: calc(0.8571429em - 0.1785714em);
+    left: 0.2142857em;
+  }
+
+  .md\:prose-sm > ul > li p {
+    margin-top: 0.5714286em;
+    margin-bottom: 0.5714286em;
+  }
+
+  .md\:prose-sm > ul > li > *:first-child {
+    margin-top: 1.1428571em;
+  }
+
+  .md\:prose-sm > ul > li > *:last-child {
+    margin-bottom: 1.1428571em;
+  }
+
+  .md\:prose-sm > ol > li > *:first-child {
+    margin-top: 1.1428571em;
+  }
+
+  .md\:prose-sm > ol > li > *:last-child {
+    margin-bottom: 1.1428571em;
+  }
+
+  .md\:prose-sm ul ul, .md\:prose-sm ul ol, .md\:prose-sm ol ul, .md\:prose-sm ol ol {
+    margin-top: 0.5714286em;
+    margin-bottom: 0.5714286em;
+  }
+
+  .md\:prose-sm hr {
+    margin-top: 2.8571429em;
+    margin-bottom: 2.8571429em;
+  }
+
+  .md\:prose-sm hr + * {
+    margin-top: 0;
+  }
+
+  .md\:prose-sm h2 + * {
+    margin-top: 0;
+  }
+
+  .md\:prose-sm h3 + * {
+    margin-top: 0;
+  }
+
+  .md\:prose-sm h4 + * {
+    margin-top: 0;
+  }
+
+  .md\:prose-sm table {
+    font-size: 0.8571429em;
+    line-height: 1.5;
+  }
+
+  .md\:prose-sm thead th {
+    padding-right: 1em;
+    padding-bottom: 0.6666667em;
+    padding-left: 1em;
+  }
+
+  .md\:prose-sm thead th:first-child {
+    padding-left: 0;
+  }
+
+  .md\:prose-sm thead th:last-child {
+    padding-right: 0;
+  }
+
+  .md\:prose-sm tbody td {
+    padding-top: 0.6666667em;
+    padding-right: 1em;
+    padding-bottom: 0.6666667em;
+    padding-left: 1em;
+  }
+
+  .md\:prose-sm tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .md\:prose-sm tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .md\:prose-sm > :first-child {
+    margin-top: 0;
+  }
+
+  .md\:prose-sm > :last-child {
+    margin-bottom: 0;
+  }
+
+  .md\:prose-lg {
+    font-size: 1.125rem;
+    line-height: 1.7777778;
+  }
+
+  .md\:prose-lg p {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .md\:prose-lg [class~="lead"] {
+    font-size: 1.2222222em;
+    line-height: 1.4545455;
+    margin-top: 1.0909091em;
+    margin-bottom: 1.0909091em;
+  }
+
+  .md\:prose-lg blockquote {
+    margin-top: 1.6666667em;
+    margin-bottom: 1.6666667em;
+    padding-left: 1em;
+  }
+
+  .md\:prose-lg h1 {
+    font-size: 2.6666667em;
+    margin-top: 0;
+    margin-bottom: 0.8333333em;
+    line-height: 1;
+  }
+
+  .md\:prose-lg h2 {
+    font-size: 1.6666667em;
+    margin-top: 1.8666667em;
+    margin-bottom: 1.0666667em;
+    line-height: 1.3333333;
+  }
+
+  .md\:prose-lg h3 {
+    font-size: 1.3333333em;
+    margin-top: 1.6666667em;
+    margin-bottom: 0.6666667em;
+    line-height: 1.5;
+  }
+
+  .md\:prose-lg h4 {
+    margin-top: 1.7777778em;
+    margin-bottom: 0.4444444em;
+    line-height: 1.5555556;
+  }
+
+  .md\:prose-lg img {
+    margin-top: 1.7777778em;
+    margin-bottom: 1.7777778em;
+  }
+
+  .md\:prose-lg video {
+    margin-top: 1.7777778em;
+    margin-bottom: 1.7777778em;
+  }
+
+  .md\:prose-lg figure {
+    margin-top: 1.7777778em;
+    margin-bottom: 1.7777778em;
+  }
+
+  .md\:prose-lg figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .md\:prose-lg figure figcaption {
+    font-size: 0.8888889em;
+    line-height: 1.5;
+    margin-top: 1em;
+  }
+
+  .md\:prose-lg code {
+    font-size: 0.8888889em;
+  }
+
+  .md\:prose-lg h2 code {
+    font-size: 0.8666667em;
+  }
+
+  .md\:prose-lg h3 code {
+    font-size: 0.875em;
+  }
+
+  .md\:prose-lg pre {
+    font-size: 0.8888889em;
+    line-height: 1.75;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    border-radius: 0.375rem;
+    padding-top: 1em;
+    padding-right: 1.5em;
+    padding-bottom: 1em;
+    padding-left: 1.5em;
+  }
+
+  .md\:prose-lg ol {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .md\:prose-lg ul {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .md\:prose-lg li {
+    margin-top: 0.6666667em;
+    margin-bottom: 0.6666667em;
+  }
+
+  .md\:prose-lg ol > li {
+    padding-left: 1.6666667em;
+  }
+
+  .md\:prose-lg ol > li:before {
+    left: 0;
+  }
+
+  .md\:prose-lg ul > li {
+    padding-left: 1.6666667em;
+  }
+
+  .md\:prose-lg ul > li::before {
+    width: 0.3333333em;
+    height: 0.3333333em;
+    top: calc(0.8888889em - 0.1666667em);
+    left: 0.2222222em;
+  }
+
+  .md\:prose-lg > ul > li p {
+    margin-top: 0.8888889em;
+    margin-bottom: 0.8888889em;
+  }
+
+  .md\:prose-lg > ul > li > *:first-child {
+    margin-top: 1.3333333em;
+  }
+
+  .md\:prose-lg > ul > li > *:last-child {
+    margin-bottom: 1.3333333em;
+  }
+
+  .md\:prose-lg > ol > li > *:first-child {
+    margin-top: 1.3333333em;
+  }
+
+  .md\:prose-lg > ol > li > *:last-child {
+    margin-bottom: 1.3333333em;
+  }
+
+  .md\:prose-lg ul ul, .md\:prose-lg ul ol, .md\:prose-lg ol ul, .md\:prose-lg ol ol {
+    margin-top: 0.8888889em;
+    margin-bottom: 0.8888889em;
+  }
+
+  .md\:prose-lg hr {
+    margin-top: 3.1111111em;
+    margin-bottom: 3.1111111em;
+  }
+
+  .md\:prose-lg hr + * {
+    margin-top: 0;
+  }
+
+  .md\:prose-lg h2 + * {
+    margin-top: 0;
+  }
+
+  .md\:prose-lg h3 + * {
+    margin-top: 0;
+  }
+
+  .md\:prose-lg h4 + * {
+    margin-top: 0;
+  }
+
+  .md\:prose-lg table {
+    font-size: 0.8888889em;
+    line-height: 1.5;
+  }
+
+  .md\:prose-lg thead th {
+    padding-right: 0.75em;
+    padding-bottom: 0.75em;
+    padding-left: 0.75em;
+  }
+
+  .md\:prose-lg thead th:first-child {
+    padding-left: 0;
+  }
+
+  .md\:prose-lg thead th:last-child {
+    padding-right: 0;
+  }
+
+  .md\:prose-lg tbody td {
+    padding-top: 0.75em;
+    padding-right: 0.75em;
+    padding-bottom: 0.75em;
+    padding-left: 0.75em;
+  }
+
+  .md\:prose-lg tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .md\:prose-lg tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .md\:prose-lg > :first-child {
+    margin-top: 0;
+  }
+
+  .md\:prose-lg > :last-child {
+    margin-bottom: 0;
+  }
+
+  .md\:prose-xl {
+    font-size: 1.25rem;
+    line-height: 1.8;
+  }
+
+  .md\:prose-xl p {
+    margin-top: 1.2em;
+    margin-bottom: 1.2em;
+  }
+
+  .md\:prose-xl [class~="lead"] {
+    font-size: 1.2em;
+    line-height: 1.5;
+    margin-top: 1em;
+    margin-bottom: 1em;
+  }
+
+  .md\:prose-xl blockquote {
+    margin-top: 1.6em;
+    margin-bottom: 1.6em;
+    padding-left: 1.0666667em;
+  }
+
+  .md\:prose-xl h1 {
+    font-size: 2.8em;
+    margin-top: 0;
+    margin-bottom: 0.8571429em;
+    line-height: 1;
+  }
+
+  .md\:prose-xl h2 {
+    font-size: 1.8em;
+    margin-top: 1.5555556em;
+    margin-bottom: 0.8888889em;
+    line-height: 1.1111111;
+  }
+
+  .md\:prose-xl h3 {
+    font-size: 1.5em;
+    margin-top: 1.6em;
+    margin-bottom: 0.6666667em;
+    line-height: 1.3333333;
+  }
+
+  .md\:prose-xl h4 {
+    margin-top: 1.8em;
+    margin-bottom: 0.6em;
+    line-height: 1.6;
+  }
+
+  .md\:prose-xl img {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .md\:prose-xl video {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .md\:prose-xl figure {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .md\:prose-xl figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .md\:prose-xl figure figcaption {
+    font-size: 0.9em;
+    line-height: 1.5555556;
+    margin-top: 1em;
+  }
+
+  .md\:prose-xl code {
+    font-size: 0.9em;
+  }
+
+  .md\:prose-xl h2 code {
+    font-size: 0.8611111em;
+  }
+
+  .md\:prose-xl h3 code {
+    font-size: 0.9em;
+  }
+
+  .md\:prose-xl pre {
+    font-size: 0.9em;
+    line-height: 1.7777778;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    border-radius: 0.5rem;
+    padding-top: 1.1111111em;
+    padding-right: 1.3333333em;
+    padding-bottom: 1.1111111em;
+    padding-left: 1.3333333em;
+  }
+
+  .md\:prose-xl ol {
+    margin-top: 1.2em;
+    margin-bottom: 1.2em;
+  }
+
+  .md\:prose-xl ul {
+    margin-top: 1.2em;
+    margin-bottom: 1.2em;
+  }
+
+  .md\:prose-xl li {
+    margin-top: 0.6em;
+    margin-bottom: 0.6em;
+  }
+
+  .md\:prose-xl ol > li {
+    padding-left: 1.8em;
+  }
+
+  .md\:prose-xl ol > li:before {
+    left: 0;
+  }
+
+  .md\:prose-xl ul > li {
+    padding-left: 1.8em;
+  }
+
+  .md\:prose-xl ul > li::before {
+    width: 0.35em;
+    height: 0.35em;
+    top: calc(0.9em - 0.175em);
+    left: 0.25em;
+  }
+
+  .md\:prose-xl > ul > li p {
+    margin-top: 0.8em;
+    margin-bottom: 0.8em;
+  }
+
+  .md\:prose-xl > ul > li > *:first-child {
+    margin-top: 1.2em;
+  }
+
+  .md\:prose-xl > ul > li > *:last-child {
+    margin-bottom: 1.2em;
+  }
+
+  .md\:prose-xl > ol > li > *:first-child {
+    margin-top: 1.2em;
+  }
+
+  .md\:prose-xl > ol > li > *:last-child {
+    margin-bottom: 1.2em;
+  }
+
+  .md\:prose-xl ul ul, .md\:prose-xl ul ol, .md\:prose-xl ol ul, .md\:prose-xl ol ol {
+    margin-top: 0.8em;
+    margin-bottom: 0.8em;
+  }
+
+  .md\:prose-xl hr {
+    margin-top: 2.8em;
+    margin-bottom: 2.8em;
+  }
+
+  .md\:prose-xl hr + * {
+    margin-top: 0;
+  }
+
+  .md\:prose-xl h2 + * {
+    margin-top: 0;
+  }
+
+  .md\:prose-xl h3 + * {
+    margin-top: 0;
+  }
+
+  .md\:prose-xl h4 + * {
+    margin-top: 0;
+  }
+
+  .md\:prose-xl table {
+    font-size: 0.9em;
+    line-height: 1.5555556;
+  }
+
+  .md\:prose-xl thead th {
+    padding-right: 0.6666667em;
+    padding-bottom: 0.8888889em;
+    padding-left: 0.6666667em;
+  }
+
+  .md\:prose-xl thead th:first-child {
+    padding-left: 0;
+  }
+
+  .md\:prose-xl thead th:last-child {
+    padding-right: 0;
+  }
+
+  .md\:prose-xl tbody td {
+    padding-top: 0.8888889em;
+    padding-right: 0.6666667em;
+    padding-bottom: 0.8888889em;
+    padding-left: 0.6666667em;
+  }
+
+  .md\:prose-xl tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .md\:prose-xl tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .md\:prose-xl > :first-child {
+    margin-top: 0;
+  }
+
+  .md\:prose-xl > :last-child {
+    margin-bottom: 0;
+  }
+
+  .md\:prose-2xl {
+    font-size: 1.5rem;
+    line-height: 1.6666667;
+  }
+
+  .md\:prose-2xl p {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .md\:prose-2xl [class~="lead"] {
+    font-size: 1.25em;
+    line-height: 1.4666667;
+    margin-top: 1.0666667em;
+    margin-bottom: 1.0666667em;
+  }
+
+  .md\:prose-2xl blockquote {
+    margin-top: 1.7777778em;
+    margin-bottom: 1.7777778em;
+    padding-left: 1.1111111em;
+  }
+
+  .md\:prose-2xl h1 {
+    font-size: 2.6666667em;
+    margin-top: 0;
+    margin-bottom: 0.875em;
+    line-height: 1;
+  }
+
+  .md\:prose-2xl h2 {
+    font-size: 2em;
+    margin-top: 1.5em;
+    margin-bottom: 0.8333333em;
+    line-height: 1.0833333;
+  }
+
+  .md\:prose-2xl h3 {
+    font-size: 1.5em;
+    margin-top: 1.5555556em;
+    margin-bottom: 0.6666667em;
+    line-height: 1.2222222;
+  }
+
+  .md\:prose-2xl h4 {
+    margin-top: 1.6666667em;
+    margin-bottom: 0.6666667em;
+    line-height: 1.5;
+  }
+
+  .md\:prose-2xl img {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .md\:prose-2xl video {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .md\:prose-2xl figure {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .md\:prose-2xl figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .md\:prose-2xl figure figcaption {
+    font-size: 0.8333333em;
+    line-height: 1.6;
+    margin-top: 1em;
+  }
+
+  .md\:prose-2xl code {
+    font-size: 0.8333333em;
+  }
+
+  .md\:prose-2xl h2 code {
+    font-size: 0.875em;
+  }
+
+  .md\:prose-2xl h3 code {
+    font-size: 0.8888889em;
+  }
+
+  .md\:prose-2xl pre {
+    font-size: 0.8333333em;
+    line-height: 1.8;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    border-radius: 0.5rem;
+    padding-top: 1.2em;
+    padding-right: 1.6em;
+    padding-bottom: 1.2em;
+    padding-left: 1.6em;
+  }
+
+  .md\:prose-2xl ol {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .md\:prose-2xl ul {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .md\:prose-2xl li {
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+  }
+
+  .md\:prose-2xl ol > li {
+    padding-left: 1.6666667em;
+  }
+
+  .md\:prose-2xl ol > li:before {
+    left: 0;
+  }
+
+  .md\:prose-2xl ul > li {
+    padding-left: 1.6666667em;
+  }
+
+  .md\:prose-2xl ul > li::before {
+    width: 0.3333333em;
+    height: 0.3333333em;
+    top: calc(0.8333333em - 0.1666667em);
+    left: 0.25em;
+  }
+
+  .md\:prose-2xl > ul > li p {
+    margin-top: 0.8333333em;
+    margin-bottom: 0.8333333em;
+  }
+
+  .md\:prose-2xl > ul > li > *:first-child {
+    margin-top: 1.3333333em;
+  }
+
+  .md\:prose-2xl > ul > li > *:last-child {
+    margin-bottom: 1.3333333em;
+  }
+
+  .md\:prose-2xl > ol > li > *:first-child {
+    margin-top: 1.3333333em;
+  }
+
+  .md\:prose-2xl > ol > li > *:last-child {
+    margin-bottom: 1.3333333em;
+  }
+
+  .md\:prose-2xl ul ul, .md\:prose-2xl ul ol, .md\:prose-2xl ol ul, .md\:prose-2xl ol ol {
+    margin-top: 0.6666667em;
+    margin-bottom: 0.6666667em;
+  }
+
+  .md\:prose-2xl hr {
+    margin-top: 3em;
+    margin-bottom: 3em;
+  }
+
+  .md\:prose-2xl hr + * {
+    margin-top: 0;
+  }
+
+  .md\:prose-2xl h2 + * {
+    margin-top: 0;
+  }
+
+  .md\:prose-2xl h3 + * {
+    margin-top: 0;
+  }
+
+  .md\:prose-2xl h4 + * {
+    margin-top: 0;
+  }
+
+  .md\:prose-2xl table {
+    font-size: 0.8333333em;
+    line-height: 1.4;
+  }
+
+  .md\:prose-2xl thead th {
+    padding-right: 0.6em;
+    padding-bottom: 0.8em;
+    padding-left: 0.6em;
+  }
+
+  .md\:prose-2xl thead th:first-child {
+    padding-left: 0;
+  }
+
+  .md\:prose-2xl thead th:last-child {
+    padding-right: 0;
+  }
+
+  .md\:prose-2xl tbody td {
+    padding-top: 0.8em;
+    padding-right: 0.6em;
+    padding-bottom: 0.8em;
+    padding-left: 0.6em;
+  }
+
+  .md\:prose-2xl tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .md\:prose-2xl tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .md\:prose-2xl > :first-child {
+    margin-top: 0;
+  }
+
+  .md\:prose-2xl > :last-child {
+    margin-bottom: 0;
+  }
+
+  .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-44 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(11rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(11rem * var(--space-y-reverse));
+  }
+
+  .md\:space-x-44 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(11rem * var(--space-x-reverse));
+    margin-left: calc(11rem * 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-52 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(13rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(13rem * var(--space-y-reverse));
+  }
+
+  .md\:space-x-52 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(13rem * var(--space-x-reverse));
+    margin-left: calc(13rem * 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-44 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-11rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-11rem * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-44 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-11rem * var(--space-x-reverse));
+    margin-left: calc(-11rem * 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-52 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-13rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-13rem * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-52 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-13rem * var(--space-x-reverse));
+    margin-left: calc(-13rem * 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-current > :not(template) ~ :not(template) {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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-cool-gray-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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-solid > :not(template) ~ :not(template) {
+    border-style: solid;
+  }
+
+  .md\:divide-dashed > :not(template) ~ :not(template) {
+    border-style: dashed;
+  }
+
+  .md\:divide-dotted > :not(template) ~ :not(template) {
+    border-style: dotted;
+  }
+
+  .md\:divide-double > :not(template) ~ :not(template) {
+    border-style: double;
+  }
+
+  .md\:divide-none > :not(template) ~ :not(template) {
+    border-style: none;
+  }
+
+  .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-clip-border {
+    background-clip: border-box;
+  }
+
+  .md\:bg-clip-padding {
+    background-clip: padding-box;
+  }
+
+  .md\:bg-clip-content {
+    background-clip: content-box;
+  }
+
+  .md\:bg-clip-text {
+    -webkit-background-clip: text;
+            background-clip: text;
+  }
+
+  .md\:bg-current {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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));
+  }
+
+  .md\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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));
+  }
+
+  .group:hover .md\:group-hover\:bg-current {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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:hover .md\:group-hover\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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:focus .md\:group-focus\:bg-current {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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));
+  }
+
+  .group:focus .md\:group-focus\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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));
+  }
+
+  .md\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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\:hover\:bg-cool-gray-50:hover {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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\:focus\:bg-cool-gray-50:focus {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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\:active\:bg-current:active {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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\:active\:bg-cool-gray-50:active {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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\:bg-none {
+    background-image: none;
+  }
+
+  .md\:bg-gradient-to-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-to-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-to-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-to-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-to-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-to-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-to-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-to-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops));
+  }
+
+  .md\:from-current {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .md\:from-transparent {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .md\:from-white {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .md\:from-black {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .md\:from-gray-50 {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .md\:from-gray-100 {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .md\:from-gray-200 {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .md\:from-gray-300 {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .md\:from-gray-400 {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .md\:from-gray-500 {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .md\:from-gray-600 {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .md\:from-gray-700 {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .md\:from-gray-800 {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .md\:from-gray-900 {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .md\:from-red-50 {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .md\:from-red-100 {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .md\:from-red-200 {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .md\:from-red-300 {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .md\:from-red-400 {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .md\:from-red-500 {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .md\:from-red-600 {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .md\:from-red-700 {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .md\:from-red-800 {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .md\:from-red-900 {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .md\:from-orange-50 {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .md\:from-orange-100 {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .md\:from-orange-200 {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .md\:from-orange-300 {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .md\:from-orange-400 {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .md\:from-orange-500 {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .md\:from-orange-600 {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .md\:from-orange-700 {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .md\:from-orange-800 {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .md\:from-orange-900 {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .md\:from-yellow-50 {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .md\:from-yellow-100 {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .md\:from-yellow-200 {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .md\:from-yellow-300 {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .md\:from-yellow-400 {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .md\:from-yellow-500 {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .md\:from-yellow-600 {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .md\:from-yellow-700 {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .md\:from-yellow-800 {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .md\:from-yellow-900 {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .md\:from-green-50 {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .md\:from-green-100 {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .md\:from-green-200 {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .md\:from-green-300 {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .md\:from-green-400 {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .md\:from-green-500 {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .md\:from-green-600 {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .md\:from-green-700 {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .md\:from-green-800 {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .md\:from-green-900 {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .md\:from-teal-50 {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .md\:from-teal-100 {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .md\:from-teal-200 {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .md\:from-teal-300 {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .md\:from-teal-400 {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .md\:from-teal-500 {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .md\:from-teal-600 {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .md\:from-teal-700 {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .md\:from-teal-800 {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .md\:from-teal-900 {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .md\:from-blue-50 {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .md\:from-blue-100 {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .md\:from-blue-200 {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .md\:from-blue-300 {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .md\:from-blue-400 {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .md\:from-blue-500 {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .md\:from-blue-600 {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .md\:from-blue-700 {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .md\:from-blue-800 {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .md\:from-blue-900 {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .md\:from-indigo-50 {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .md\:from-indigo-100 {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .md\:from-indigo-200 {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .md\:from-indigo-300 {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .md\:from-indigo-400 {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .md\:from-indigo-500 {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .md\:from-indigo-600 {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .md\:from-indigo-700 {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .md\:from-indigo-800 {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .md\:from-indigo-900 {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .md\:from-purple-50 {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .md\:from-purple-100 {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .md\:from-purple-200 {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .md\:from-purple-300 {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .md\:from-purple-400 {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .md\:from-purple-500 {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .md\:from-purple-600 {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .md\:from-purple-700 {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .md\:from-purple-800 {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .md\:from-purple-900 {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .md\:from-pink-50 {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .md\:from-pink-100 {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .md\:from-pink-200 {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .md\:from-pink-300 {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .md\:from-pink-400 {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .md\:from-pink-500 {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .md\:from-pink-600 {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .md\:from-pink-700 {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .md\:from-pink-800 {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .md\:from-pink-900 {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .md\:from-cool-gray-50 {
+    --gradient-from-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .md\:from-cool-gray-100 {
+    --gradient-from-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .md\:from-cool-gray-200 {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .md\:from-cool-gray-300 {
+    --gradient-from-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .md\:from-cool-gray-400 {
+    --gradient-from-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .md\:from-cool-gray-500 {
+    --gradient-from-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .md\:from-cool-gray-600 {
+    --gradient-from-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .md\:from-cool-gray-700 {
+    --gradient-from-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .md\:from-cool-gray-800 {
+    --gradient-from-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .md\:from-cool-gray-900 {
+    --gradient-from-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .md\:via-current {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .md\:via-transparent {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .md\:via-white {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .md\:via-black {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .md\:via-gray-50 {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .md\:via-gray-100 {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .md\:via-gray-200 {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .md\:via-gray-300 {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .md\:via-gray-400 {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .md\:via-gray-500 {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .md\:via-gray-600 {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .md\:via-gray-700 {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .md\:via-gray-800 {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .md\:via-gray-900 {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .md\:via-red-50 {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .md\:via-red-100 {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .md\:via-red-200 {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .md\:via-red-300 {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .md\:via-red-400 {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .md\:via-red-500 {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .md\:via-red-600 {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .md\:via-red-700 {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .md\:via-red-800 {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .md\:via-red-900 {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .md\:via-orange-50 {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .md\:via-orange-100 {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .md\:via-orange-200 {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .md\:via-orange-300 {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .md\:via-orange-400 {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .md\:via-orange-500 {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .md\:via-orange-600 {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .md\:via-orange-700 {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .md\:via-orange-800 {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .md\:via-orange-900 {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .md\:via-yellow-50 {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .md\:via-yellow-100 {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .md\:via-yellow-200 {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .md\:via-yellow-300 {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .md\:via-yellow-400 {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .md\:via-yellow-500 {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .md\:via-yellow-600 {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .md\:via-yellow-700 {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .md\:via-yellow-800 {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .md\:via-yellow-900 {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .md\:via-green-50 {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .md\:via-green-100 {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .md\:via-green-200 {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .md\:via-green-300 {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .md\:via-green-400 {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .md\:via-green-500 {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .md\:via-green-600 {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .md\:via-green-700 {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .md\:via-green-800 {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .md\:via-green-900 {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .md\:via-teal-50 {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .md\:via-teal-100 {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .md\:via-teal-200 {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .md\:via-teal-300 {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .md\:via-teal-400 {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .md\:via-teal-500 {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .md\:via-teal-600 {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .md\:via-teal-700 {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .md\:via-teal-800 {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .md\:via-teal-900 {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .md\:via-blue-50 {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .md\:via-blue-100 {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .md\:via-blue-200 {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .md\:via-blue-300 {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .md\:via-blue-400 {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .md\:via-blue-500 {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .md\:via-blue-600 {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .md\:via-blue-700 {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .md\:via-blue-800 {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .md\:via-blue-900 {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .md\:via-indigo-50 {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .md\:via-indigo-100 {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .md\:via-indigo-200 {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .md\:via-indigo-300 {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .md\:via-indigo-400 {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .md\:via-indigo-500 {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .md\:via-indigo-600 {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .md\:via-indigo-700 {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .md\:via-indigo-800 {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .md\:via-indigo-900 {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .md\:via-purple-50 {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .md\:via-purple-100 {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .md\:via-purple-200 {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .md\:via-purple-300 {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .md\:via-purple-400 {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .md\:via-purple-500 {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .md\:via-purple-600 {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .md\:via-purple-700 {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .md\:via-purple-800 {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .md\:via-purple-900 {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .md\:via-pink-50 {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .md\:via-pink-100 {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .md\:via-pink-200 {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .md\:via-pink-300 {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .md\:via-pink-400 {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .md\:via-pink-500 {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .md\:via-pink-600 {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .md\:via-pink-700 {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .md\:via-pink-800 {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .md\:via-pink-900 {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .md\:via-cool-gray-50 {
+    --gradient-via-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .md\:via-cool-gray-100 {
+    --gradient-via-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .md\:via-cool-gray-200 {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .md\:via-cool-gray-300 {
+    --gradient-via-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .md\:via-cool-gray-400 {
+    --gradient-via-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .md\:via-cool-gray-500 {
+    --gradient-via-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .md\:via-cool-gray-600 {
+    --gradient-via-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .md\:via-cool-gray-700 {
+    --gradient-via-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .md\:via-cool-gray-800 {
+    --gradient-via-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .md\:via-cool-gray-900 {
+    --gradient-via-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .md\:to-current {
+    --gradient-to-color: currentColor;
+  }
+
+  .md\:to-transparent {
+    --gradient-to-color: transparent;
+  }
+
+  .md\:to-white {
+    --gradient-to-color: #ffffff;
+  }
+
+  .md\:to-black {
+    --gradient-to-color: #000000;
+  }
+
+  .md\:to-gray-50 {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .md\:to-gray-100 {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .md\:to-gray-200 {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .md\:to-gray-300 {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .md\:to-gray-400 {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .md\:to-gray-500 {
+    --gradient-to-color: #6b7280;
+  }
+
+  .md\:to-gray-600 {
+    --gradient-to-color: #4b5563;
+  }
+
+  .md\:to-gray-700 {
+    --gradient-to-color: #374151;
+  }
+
+  .md\:to-gray-800 {
+    --gradient-to-color: #252f3f;
+  }
+
+  .md\:to-gray-900 {
+    --gradient-to-color: #161e2e;
+  }
+
+  .md\:to-red-50 {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .md\:to-red-100 {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .md\:to-red-200 {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .md\:to-red-300 {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .md\:to-red-400 {
+    --gradient-to-color: #f98080;
+  }
+
+  .md\:to-red-500 {
+    --gradient-to-color: #f05252;
+  }
+
+  .md\:to-red-600 {
+    --gradient-to-color: #e02424;
+  }
+
+  .md\:to-red-700 {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .md\:to-red-800 {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .md\:to-red-900 {
+    --gradient-to-color: #771d1d;
+  }
+
+  .md\:to-orange-50 {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .md\:to-orange-100 {
+    --gradient-to-color: #feecdc;
+  }
+
+  .md\:to-orange-200 {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .md\:to-orange-300 {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .md\:to-orange-400 {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .md\:to-orange-500 {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .md\:to-orange-600 {
+    --gradient-to-color: #d03801;
+  }
+
+  .md\:to-orange-700 {
+    --gradient-to-color: #b43403;
+  }
+
+  .md\:to-orange-800 {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .md\:to-orange-900 {
+    --gradient-to-color: #73230d;
+  }
+
+  .md\:to-yellow-50 {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .md\:to-yellow-100 {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .md\:to-yellow-200 {
+    --gradient-to-color: #fce96a;
+  }
+
+  .md\:to-yellow-300 {
+    --gradient-to-color: #faca15;
+  }
+
+  .md\:to-yellow-400 {
+    --gradient-to-color: #e3a008;
+  }
+
+  .md\:to-yellow-500 {
+    --gradient-to-color: #c27803;
+  }
+
+  .md\:to-yellow-600 {
+    --gradient-to-color: #9f580a;
+  }
+
+  .md\:to-yellow-700 {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .md\:to-yellow-800 {
+    --gradient-to-color: #723b13;
+  }
+
+  .md\:to-yellow-900 {
+    --gradient-to-color: #633112;
+  }
+
+  .md\:to-green-50 {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .md\:to-green-100 {
+    --gradient-to-color: #def7ec;
+  }
+
+  .md\:to-green-200 {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .md\:to-green-300 {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .md\:to-green-400 {
+    --gradient-to-color: #31c48d;
+  }
+
+  .md\:to-green-500 {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .md\:to-green-600 {
+    --gradient-to-color: #057a55;
+  }
+
+  .md\:to-green-700 {
+    --gradient-to-color: #046c4e;
+  }
+
+  .md\:to-green-800 {
+    --gradient-to-color: #03543f;
+  }
+
+  .md\:to-green-900 {
+    --gradient-to-color: #014737;
+  }
+
+  .md\:to-teal-50 {
+    --gradient-to-color: #edfafa;
+  }
+
+  .md\:to-teal-100 {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .md\:to-teal-200 {
+    --gradient-to-color: #afecef;
+  }
+
+  .md\:to-teal-300 {
+    --gradient-to-color: #7edce2;
+  }
+
+  .md\:to-teal-400 {
+    --gradient-to-color: #16bdca;
+  }
+
+  .md\:to-teal-500 {
+    --gradient-to-color: #0694a2;
+  }
+
+  .md\:to-teal-600 {
+    --gradient-to-color: #047481;
+  }
+
+  .md\:to-teal-700 {
+    --gradient-to-color: #036672;
+  }
+
+  .md\:to-teal-800 {
+    --gradient-to-color: #05505c;
+  }
+
+  .md\:to-teal-900 {
+    --gradient-to-color: #014451;
+  }
+
+  .md\:to-blue-50 {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .md\:to-blue-100 {
+    --gradient-to-color: #e1effe;
+  }
+
+  .md\:to-blue-200 {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .md\:to-blue-300 {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .md\:to-blue-400 {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .md\:to-blue-500 {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .md\:to-blue-600 {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .md\:to-blue-700 {
+    --gradient-to-color: #1a56db;
+  }
+
+  .md\:to-blue-800 {
+    --gradient-to-color: #1e429f;
+  }
+
+  .md\:to-blue-900 {
+    --gradient-to-color: #233876;
+  }
+
+  .md\:to-indigo-50 {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .md\:to-indigo-100 {
+    --gradient-to-color: #e5edff;
+  }
+
+  .md\:to-indigo-200 {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .md\:to-indigo-300 {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .md\:to-indigo-400 {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .md\:to-indigo-500 {
+    --gradient-to-color: #6875f5;
+  }
+
+  .md\:to-indigo-600 {
+    --gradient-to-color: #5850ec;
+  }
+
+  .md\:to-indigo-700 {
+    --gradient-to-color: #5145cd;
+  }
+
+  .md\:to-indigo-800 {
+    --gradient-to-color: #42389d;
+  }
+
+  .md\:to-indigo-900 {
+    --gradient-to-color: #362f78;
+  }
+
+  .md\:to-purple-50 {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .md\:to-purple-100 {
+    --gradient-to-color: #edebfe;
+  }
+
+  .md\:to-purple-200 {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .md\:to-purple-300 {
+    --gradient-to-color: #cabffd;
+  }
+
+  .md\:to-purple-400 {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .md\:to-purple-500 {
+    --gradient-to-color: #9061f9;
+  }
+
+  .md\:to-purple-600 {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .md\:to-purple-700 {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .md\:to-purple-800 {
+    --gradient-to-color: #5521b5;
+  }
+
+  .md\:to-purple-900 {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .md\:to-pink-50 {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .md\:to-pink-100 {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .md\:to-pink-200 {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .md\:to-pink-300 {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .md\:to-pink-400 {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .md\:to-pink-500 {
+    --gradient-to-color: #e74694;
+  }
+
+  .md\:to-pink-600 {
+    --gradient-to-color: #d61f69;
+  }
+
+  .md\:to-pink-700 {
+    --gradient-to-color: #bf125d;
+  }
+
+  .md\:to-pink-800 {
+    --gradient-to-color: #99154b;
+  }
+
+  .md\:to-pink-900 {
+    --gradient-to-color: #751a3d;
+  }
+
+  .md\:to-cool-gray-50 {
+    --gradient-to-color: #f8fafc;
+  }
+
+  .md\:to-cool-gray-100 {
+    --gradient-to-color: #f1f5f9;
+  }
+
+  .md\:to-cool-gray-200 {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .md\:to-cool-gray-300 {
+    --gradient-to-color: #cfd8e3;
+  }
+
+  .md\:to-cool-gray-400 {
+    --gradient-to-color: #97a6ba;
+  }
+
+  .md\:to-cool-gray-500 {
+    --gradient-to-color: #64748b;
+  }
+
+  .md\:to-cool-gray-600 {
+    --gradient-to-color: #475569;
+  }
+
+  .md\:to-cool-gray-700 {
+    --gradient-to-color: #364152;
+  }
+
+  .md\:to-cool-gray-800 {
+    --gradient-to-color: #27303f;
+  }
+
+  .md\:to-cool-gray-900 {
+    --gradient-to-color: #1a202e;
+  }
+
+  .md\:hover\:from-current:hover {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .md\:hover\:from-transparent:hover {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .md\:hover\:from-white:hover {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .md\:hover\:from-black:hover {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .md\:hover\:from-gray-50:hover {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .md\:hover\:from-gray-100:hover {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .md\:hover\:from-gray-200:hover {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .md\:hover\:from-gray-300:hover {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .md\:hover\:from-gray-400:hover {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .md\:hover\:from-gray-500:hover {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .md\:hover\:from-gray-600:hover {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .md\:hover\:from-gray-700:hover {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .md\:hover\:from-gray-800:hover {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .md\:hover\:from-gray-900:hover {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .md\:hover\:from-red-50:hover {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .md\:hover\:from-red-100:hover {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .md\:hover\:from-red-200:hover {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .md\:hover\:from-red-300:hover {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .md\:hover\:from-red-400:hover {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .md\:hover\:from-red-500:hover {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .md\:hover\:from-red-600:hover {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .md\:hover\:from-red-700:hover {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .md\:hover\:from-red-800:hover {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .md\:hover\:from-red-900:hover {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .md\:hover\:from-orange-50:hover {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .md\:hover\:from-orange-100:hover {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .md\:hover\:from-orange-200:hover {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .md\:hover\:from-orange-300:hover {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .md\:hover\:from-orange-400:hover {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .md\:hover\:from-orange-500:hover {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .md\:hover\:from-orange-600:hover {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .md\:hover\:from-orange-700:hover {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .md\:hover\:from-orange-800:hover {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .md\:hover\:from-orange-900:hover {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .md\:hover\:from-yellow-50:hover {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .md\:hover\:from-yellow-100:hover {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .md\:hover\:from-yellow-200:hover {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .md\:hover\:from-yellow-300:hover {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .md\:hover\:from-yellow-400:hover {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .md\:hover\:from-yellow-500:hover {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .md\:hover\:from-yellow-600:hover {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .md\:hover\:from-yellow-700:hover {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .md\:hover\:from-yellow-800:hover {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .md\:hover\:from-yellow-900:hover {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .md\:hover\:from-green-50:hover {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .md\:hover\:from-green-100:hover {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .md\:hover\:from-green-200:hover {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .md\:hover\:from-green-300:hover {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .md\:hover\:from-green-400:hover {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .md\:hover\:from-green-500:hover {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .md\:hover\:from-green-600:hover {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .md\:hover\:from-green-700:hover {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .md\:hover\:from-green-800:hover {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .md\:hover\:from-green-900:hover {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .md\:hover\:from-teal-50:hover {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .md\:hover\:from-teal-100:hover {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .md\:hover\:from-teal-200:hover {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .md\:hover\:from-teal-300:hover {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .md\:hover\:from-teal-400:hover {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .md\:hover\:from-teal-500:hover {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .md\:hover\:from-teal-600:hover {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .md\:hover\:from-teal-700:hover {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .md\:hover\:from-teal-800:hover {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .md\:hover\:from-teal-900:hover {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .md\:hover\:from-blue-50:hover {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .md\:hover\:from-blue-100:hover {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .md\:hover\:from-blue-200:hover {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .md\:hover\:from-blue-300:hover {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .md\:hover\:from-blue-400:hover {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .md\:hover\:from-blue-500:hover {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .md\:hover\:from-blue-600:hover {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .md\:hover\:from-blue-700:hover {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .md\:hover\:from-blue-800:hover {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .md\:hover\:from-blue-900:hover {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .md\:hover\:from-indigo-50:hover {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .md\:hover\:from-indigo-100:hover {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .md\:hover\:from-indigo-200:hover {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .md\:hover\:from-indigo-300:hover {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .md\:hover\:from-indigo-400:hover {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .md\:hover\:from-indigo-500:hover {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .md\:hover\:from-indigo-600:hover {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .md\:hover\:from-indigo-700:hover {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .md\:hover\:from-indigo-800:hover {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .md\:hover\:from-indigo-900:hover {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .md\:hover\:from-purple-50:hover {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .md\:hover\:from-purple-100:hover {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .md\:hover\:from-purple-200:hover {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .md\:hover\:from-purple-300:hover {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .md\:hover\:from-purple-400:hover {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .md\:hover\:from-purple-500:hover {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .md\:hover\:from-purple-600:hover {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .md\:hover\:from-purple-700:hover {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .md\:hover\:from-purple-800:hover {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .md\:hover\:from-purple-900:hover {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .md\:hover\:from-pink-50:hover {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .md\:hover\:from-pink-100:hover {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .md\:hover\:from-pink-200:hover {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .md\:hover\:from-pink-300:hover {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .md\:hover\:from-pink-400:hover {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .md\:hover\:from-pink-500:hover {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .md\:hover\:from-pink-600:hover {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .md\:hover\:from-pink-700:hover {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .md\:hover\:from-pink-800:hover {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .md\:hover\:from-pink-900:hover {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .md\:hover\:from-cool-gray-50:hover {
+    --gradient-from-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .md\:hover\:from-cool-gray-100:hover {
+    --gradient-from-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .md\:hover\:from-cool-gray-200:hover {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .md\:hover\:from-cool-gray-300:hover {
+    --gradient-from-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .md\:hover\:from-cool-gray-400:hover {
+    --gradient-from-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .md\:hover\:from-cool-gray-500:hover {
+    --gradient-from-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .md\:hover\:from-cool-gray-600:hover {
+    --gradient-from-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .md\:hover\:from-cool-gray-700:hover {
+    --gradient-from-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .md\:hover\:from-cool-gray-800:hover {
+    --gradient-from-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .md\:hover\:from-cool-gray-900:hover {
+    --gradient-from-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .md\:hover\:via-current:hover {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .md\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .md\:hover\:via-white:hover {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .md\:hover\:via-black:hover {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .md\:hover\:via-gray-50:hover {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .md\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .md\:hover\:via-gray-200:hover {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .md\:hover\:via-gray-300:hover {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .md\:hover\:via-gray-400:hover {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .md\:hover\:via-gray-500:hover {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .md\:hover\:via-gray-600:hover {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .md\:hover\:via-gray-700:hover {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .md\:hover\:via-gray-800:hover {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .md\:hover\:via-gray-900:hover {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .md\:hover\:via-red-50:hover {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .md\:hover\:via-red-100:hover {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .md\:hover\:via-red-200:hover {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .md\:hover\:via-red-300:hover {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .md\:hover\:via-red-400:hover {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .md\:hover\:via-red-500:hover {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .md\:hover\:via-red-600:hover {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .md\:hover\:via-red-700:hover {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .md\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .md\:hover\:via-red-900:hover {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .md\:hover\:via-orange-50:hover {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .md\:hover\:via-orange-100:hover {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .md\:hover\:via-orange-200:hover {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .md\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .md\:hover\:via-orange-400:hover {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .md\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .md\:hover\:via-orange-600:hover {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .md\:hover\:via-orange-700:hover {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .md\:hover\:via-orange-800:hover {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .md\:hover\:via-orange-900:hover {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .md\:hover\:via-yellow-50:hover {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .md\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .md\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .md\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .md\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .md\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .md\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .md\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .md\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .md\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .md\:hover\:via-green-50:hover {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .md\:hover\:via-green-100:hover {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .md\:hover\:via-green-200:hover {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .md\:hover\:via-green-300:hover {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .md\:hover\:via-green-400:hover {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .md\:hover\:via-green-500:hover {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .md\:hover\:via-green-600:hover {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .md\:hover\:via-green-700:hover {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .md\:hover\:via-green-800:hover {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .md\:hover\:via-green-900:hover {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .md\:hover\:via-teal-50:hover {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .md\:hover\:via-teal-100:hover {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .md\:hover\:via-teal-200:hover {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .md\:hover\:via-teal-300:hover {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .md\:hover\:via-teal-400:hover {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .md\:hover\:via-teal-500:hover {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .md\:hover\:via-teal-600:hover {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .md\:hover\:via-teal-700:hover {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .md\:hover\:via-teal-800:hover {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .md\:hover\:via-teal-900:hover {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .md\:hover\:via-blue-50:hover {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .md\:hover\:via-blue-100:hover {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .md\:hover\:via-blue-200:hover {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .md\:hover\:via-blue-300:hover {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .md\:hover\:via-blue-400:hover {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .md\:hover\:via-blue-500:hover {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .md\:hover\:via-blue-600:hover {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .md\:hover\:via-blue-700:hover {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .md\:hover\:via-blue-800:hover {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .md\:hover\:via-blue-900:hover {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .md\:hover\:via-indigo-50:hover {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .md\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .md\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .md\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .md\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .md\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .md\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .md\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .md\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .md\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .md\:hover\:via-purple-50:hover {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .md\:hover\:via-purple-100:hover {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .md\:hover\:via-purple-200:hover {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .md\:hover\:via-purple-300:hover {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .md\:hover\:via-purple-400:hover {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .md\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .md\:hover\:via-purple-600:hover {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .md\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .md\:hover\:via-purple-800:hover {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .md\:hover\:via-purple-900:hover {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .md\:hover\:via-pink-50:hover {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .md\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .md\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .md\:hover\:via-pink-300:hover {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .md\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .md\:hover\:via-pink-500:hover {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .md\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .md\:hover\:via-pink-700:hover {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .md\:hover\:via-pink-800:hover {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .md\:hover\:via-pink-900:hover {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .md\:hover\:via-cool-gray-50:hover {
+    --gradient-via-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .md\:hover\:via-cool-gray-100:hover {
+    --gradient-via-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .md\:hover\:via-cool-gray-200:hover {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .md\:hover\:via-cool-gray-300:hover {
+    --gradient-via-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .md\:hover\:via-cool-gray-400:hover {
+    --gradient-via-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .md\:hover\:via-cool-gray-500:hover {
+    --gradient-via-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .md\:hover\:via-cool-gray-600:hover {
+    --gradient-via-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .md\:hover\:via-cool-gray-700:hover {
+    --gradient-via-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .md\:hover\:via-cool-gray-800:hover {
+    --gradient-via-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .md\:hover\:via-cool-gray-900:hover {
+    --gradient-via-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .md\:hover\:to-current:hover {
+    --gradient-to-color: currentColor;
+  }
+
+  .md\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent;
+  }
+
+  .md\:hover\:to-white:hover {
+    --gradient-to-color: #ffffff;
+  }
+
+  .md\:hover\:to-black:hover {
+    --gradient-to-color: #000000;
+  }
+
+  .md\:hover\:to-gray-50:hover {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .md\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .md\:hover\:to-gray-200:hover {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .md\:hover\:to-gray-300:hover {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .md\:hover\:to-gray-400:hover {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .md\:hover\:to-gray-500:hover {
+    --gradient-to-color: #6b7280;
+  }
+
+  .md\:hover\:to-gray-600:hover {
+    --gradient-to-color: #4b5563;
+  }
+
+  .md\:hover\:to-gray-700:hover {
+    --gradient-to-color: #374151;
+  }
+
+  .md\:hover\:to-gray-800:hover {
+    --gradient-to-color: #252f3f;
+  }
+
+  .md\:hover\:to-gray-900:hover {
+    --gradient-to-color: #161e2e;
+  }
+
+  .md\:hover\:to-red-50:hover {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .md\:hover\:to-red-100:hover {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .md\:hover\:to-red-200:hover {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .md\:hover\:to-red-300:hover {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .md\:hover\:to-red-400:hover {
+    --gradient-to-color: #f98080;
+  }
+
+  .md\:hover\:to-red-500:hover {
+    --gradient-to-color: #f05252;
+  }
+
+  .md\:hover\:to-red-600:hover {
+    --gradient-to-color: #e02424;
+  }
+
+  .md\:hover\:to-red-700:hover {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .md\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .md\:hover\:to-red-900:hover {
+    --gradient-to-color: #771d1d;
+  }
+
+  .md\:hover\:to-orange-50:hover {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .md\:hover\:to-orange-100:hover {
+    --gradient-to-color: #feecdc;
+  }
+
+  .md\:hover\:to-orange-200:hover {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .md\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .md\:hover\:to-orange-400:hover {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .md\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .md\:hover\:to-orange-600:hover {
+    --gradient-to-color: #d03801;
+  }
+
+  .md\:hover\:to-orange-700:hover {
+    --gradient-to-color: #b43403;
+  }
+
+  .md\:hover\:to-orange-800:hover {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .md\:hover\:to-orange-900:hover {
+    --gradient-to-color: #73230d;
+  }
+
+  .md\:hover\:to-yellow-50:hover {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .md\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .md\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fce96a;
+  }
+
+  .md\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faca15;
+  }
+
+  .md\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #e3a008;
+  }
+
+  .md\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #c27803;
+  }
+
+  .md\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #9f580a;
+  }
+
+  .md\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .md\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #723b13;
+  }
+
+  .md\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #633112;
+  }
+
+  .md\:hover\:to-green-50:hover {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .md\:hover\:to-green-100:hover {
+    --gradient-to-color: #def7ec;
+  }
+
+  .md\:hover\:to-green-200:hover {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .md\:hover\:to-green-300:hover {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .md\:hover\:to-green-400:hover {
+    --gradient-to-color: #31c48d;
+  }
+
+  .md\:hover\:to-green-500:hover {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .md\:hover\:to-green-600:hover {
+    --gradient-to-color: #057a55;
+  }
+
+  .md\:hover\:to-green-700:hover {
+    --gradient-to-color: #046c4e;
+  }
+
+  .md\:hover\:to-green-800:hover {
+    --gradient-to-color: #03543f;
+  }
+
+  .md\:hover\:to-green-900:hover {
+    --gradient-to-color: #014737;
+  }
+
+  .md\:hover\:to-teal-50:hover {
+    --gradient-to-color: #edfafa;
+  }
+
+  .md\:hover\:to-teal-100:hover {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .md\:hover\:to-teal-200:hover {
+    --gradient-to-color: #afecef;
+  }
+
+  .md\:hover\:to-teal-300:hover {
+    --gradient-to-color: #7edce2;
+  }
+
+  .md\:hover\:to-teal-400:hover {
+    --gradient-to-color: #16bdca;
+  }
+
+  .md\:hover\:to-teal-500:hover {
+    --gradient-to-color: #0694a2;
+  }
+
+  .md\:hover\:to-teal-600:hover {
+    --gradient-to-color: #047481;
+  }
+
+  .md\:hover\:to-teal-700:hover {
+    --gradient-to-color: #036672;
+  }
+
+  .md\:hover\:to-teal-800:hover {
+    --gradient-to-color: #05505c;
+  }
+
+  .md\:hover\:to-teal-900:hover {
+    --gradient-to-color: #014451;
+  }
+
+  .md\:hover\:to-blue-50:hover {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .md\:hover\:to-blue-100:hover {
+    --gradient-to-color: #e1effe;
+  }
+
+  .md\:hover\:to-blue-200:hover {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .md\:hover\:to-blue-300:hover {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .md\:hover\:to-blue-400:hover {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .md\:hover\:to-blue-500:hover {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .md\:hover\:to-blue-600:hover {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .md\:hover\:to-blue-700:hover {
+    --gradient-to-color: #1a56db;
+  }
+
+  .md\:hover\:to-blue-800:hover {
+    --gradient-to-color: #1e429f;
+  }
+
+  .md\:hover\:to-blue-900:hover {
+    --gradient-to-color: #233876;
+  }
+
+  .md\:hover\:to-indigo-50:hover {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .md\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #e5edff;
+  }
+
+  .md\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .md\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .md\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .md\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #6875f5;
+  }
+
+  .md\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5850ec;
+  }
+
+  .md\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #5145cd;
+  }
+
+  .md\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #42389d;
+  }
+
+  .md\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #362f78;
+  }
+
+  .md\:hover\:to-purple-50:hover {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .md\:hover\:to-purple-100:hover {
+    --gradient-to-color: #edebfe;
+  }
+
+  .md\:hover\:to-purple-200:hover {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .md\:hover\:to-purple-300:hover {
+    --gradient-to-color: #cabffd;
+  }
+
+  .md\:hover\:to-purple-400:hover {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .md\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9061f9;
+  }
+
+  .md\:hover\:to-purple-600:hover {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .md\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .md\:hover\:to-purple-800:hover {
+    --gradient-to-color: #5521b5;
+  }
+
+  .md\:hover\:to-purple-900:hover {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .md\:hover\:to-pink-50:hover {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .md\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .md\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .md\:hover\:to-pink-300:hover {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .md\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .md\:hover\:to-pink-500:hover {
+    --gradient-to-color: #e74694;
+  }
+
+  .md\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d61f69;
+  }
+
+  .md\:hover\:to-pink-700:hover {
+    --gradient-to-color: #bf125d;
+  }
+
+  .md\:hover\:to-pink-800:hover {
+    --gradient-to-color: #99154b;
+  }
+
+  .md\:hover\:to-pink-900:hover {
+    --gradient-to-color: #751a3d;
+  }
+
+  .md\:hover\:to-cool-gray-50:hover {
+    --gradient-to-color: #f8fafc;
+  }
+
+  .md\:hover\:to-cool-gray-100:hover {
+    --gradient-to-color: #f1f5f9;
+  }
+
+  .md\:hover\:to-cool-gray-200:hover {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .md\:hover\:to-cool-gray-300:hover {
+    --gradient-to-color: #cfd8e3;
+  }
+
+  .md\:hover\:to-cool-gray-400:hover {
+    --gradient-to-color: #97a6ba;
+  }
+
+  .md\:hover\:to-cool-gray-500:hover {
+    --gradient-to-color: #64748b;
+  }
+
+  .md\:hover\:to-cool-gray-600:hover {
+    --gradient-to-color: #475569;
+  }
+
+  .md\:hover\:to-cool-gray-700:hover {
+    --gradient-to-color: #364152;
+  }
+
+  .md\:hover\:to-cool-gray-800:hover {
+    --gradient-to-color: #27303f;
+  }
+
+  .md\:hover\:to-cool-gray-900:hover {
+    --gradient-to-color: #1a202e;
+  }
+
+  .md\:focus\:from-current:focus {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .md\:focus\:from-transparent:focus {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .md\:focus\:from-white:focus {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .md\:focus\:from-black:focus {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .md\:focus\:from-gray-50:focus {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .md\:focus\:from-gray-100:focus {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .md\:focus\:from-gray-200:focus {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .md\:focus\:from-gray-300:focus {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .md\:focus\:from-gray-400:focus {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .md\:focus\:from-gray-500:focus {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .md\:focus\:from-gray-600:focus {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .md\:focus\:from-gray-700:focus {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .md\:focus\:from-gray-800:focus {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .md\:focus\:from-gray-900:focus {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .md\:focus\:from-red-50:focus {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .md\:focus\:from-red-100:focus {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .md\:focus\:from-red-200:focus {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .md\:focus\:from-red-300:focus {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .md\:focus\:from-red-400:focus {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .md\:focus\:from-red-500:focus {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .md\:focus\:from-red-600:focus {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .md\:focus\:from-red-700:focus {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .md\:focus\:from-red-800:focus {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .md\:focus\:from-red-900:focus {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .md\:focus\:from-orange-50:focus {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .md\:focus\:from-orange-100:focus {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .md\:focus\:from-orange-200:focus {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .md\:focus\:from-orange-300:focus {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .md\:focus\:from-orange-400:focus {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .md\:focus\:from-orange-500:focus {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .md\:focus\:from-orange-600:focus {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .md\:focus\:from-orange-700:focus {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .md\:focus\:from-orange-800:focus {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .md\:focus\:from-orange-900:focus {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .md\:focus\:from-yellow-50:focus {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .md\:focus\:from-yellow-100:focus {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .md\:focus\:from-yellow-200:focus {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .md\:focus\:from-yellow-300:focus {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .md\:focus\:from-yellow-400:focus {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .md\:focus\:from-yellow-500:focus {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .md\:focus\:from-yellow-600:focus {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .md\:focus\:from-yellow-700:focus {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .md\:focus\:from-yellow-800:focus {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .md\:focus\:from-yellow-900:focus {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .md\:focus\:from-green-50:focus {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .md\:focus\:from-green-100:focus {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .md\:focus\:from-green-200:focus {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .md\:focus\:from-green-300:focus {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .md\:focus\:from-green-400:focus {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .md\:focus\:from-green-500:focus {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .md\:focus\:from-green-600:focus {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .md\:focus\:from-green-700:focus {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .md\:focus\:from-green-800:focus {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .md\:focus\:from-green-900:focus {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .md\:focus\:from-teal-50:focus {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .md\:focus\:from-teal-100:focus {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .md\:focus\:from-teal-200:focus {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .md\:focus\:from-teal-300:focus {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .md\:focus\:from-teal-400:focus {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .md\:focus\:from-teal-500:focus {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .md\:focus\:from-teal-600:focus {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .md\:focus\:from-teal-700:focus {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .md\:focus\:from-teal-800:focus {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .md\:focus\:from-teal-900:focus {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .md\:focus\:from-blue-50:focus {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .md\:focus\:from-blue-100:focus {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .md\:focus\:from-blue-200:focus {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .md\:focus\:from-blue-300:focus {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .md\:focus\:from-blue-400:focus {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .md\:focus\:from-blue-500:focus {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .md\:focus\:from-blue-600:focus {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .md\:focus\:from-blue-700:focus {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .md\:focus\:from-blue-800:focus {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .md\:focus\:from-blue-900:focus {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .md\:focus\:from-indigo-50:focus {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .md\:focus\:from-indigo-100:focus {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .md\:focus\:from-indigo-200:focus {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .md\:focus\:from-indigo-300:focus {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .md\:focus\:from-indigo-400:focus {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .md\:focus\:from-indigo-500:focus {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .md\:focus\:from-indigo-600:focus {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .md\:focus\:from-indigo-700:focus {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .md\:focus\:from-indigo-800:focus {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .md\:focus\:from-indigo-900:focus {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .md\:focus\:from-purple-50:focus {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .md\:focus\:from-purple-100:focus {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .md\:focus\:from-purple-200:focus {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .md\:focus\:from-purple-300:focus {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .md\:focus\:from-purple-400:focus {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .md\:focus\:from-purple-500:focus {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .md\:focus\:from-purple-600:focus {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .md\:focus\:from-purple-700:focus {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .md\:focus\:from-purple-800:focus {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .md\:focus\:from-purple-900:focus {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .md\:focus\:from-pink-50:focus {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .md\:focus\:from-pink-100:focus {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .md\:focus\:from-pink-200:focus {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .md\:focus\:from-pink-300:focus {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .md\:focus\:from-pink-400:focus {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .md\:focus\:from-pink-500:focus {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .md\:focus\:from-pink-600:focus {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .md\:focus\:from-pink-700:focus {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .md\:focus\:from-pink-800:focus {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .md\:focus\:from-pink-900:focus {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .md\:focus\:from-cool-gray-50:focus {
+    --gradient-from-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .md\:focus\:from-cool-gray-100:focus {
+    --gradient-from-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .md\:focus\:from-cool-gray-200:focus {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .md\:focus\:from-cool-gray-300:focus {
+    --gradient-from-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .md\:focus\:from-cool-gray-400:focus {
+    --gradient-from-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .md\:focus\:from-cool-gray-500:focus {
+    --gradient-from-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .md\:focus\:from-cool-gray-600:focus {
+    --gradient-from-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .md\:focus\:from-cool-gray-700:focus {
+    --gradient-from-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .md\:focus\:from-cool-gray-800:focus {
+    --gradient-from-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .md\:focus\:from-cool-gray-900:focus {
+    --gradient-from-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .md\:focus\:via-current:focus {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .md\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .md\:focus\:via-white:focus {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .md\:focus\:via-black:focus {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .md\:focus\:via-gray-50:focus {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .md\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .md\:focus\:via-gray-200:focus {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .md\:focus\:via-gray-300:focus {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .md\:focus\:via-gray-400:focus {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .md\:focus\:via-gray-500:focus {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .md\:focus\:via-gray-600:focus {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .md\:focus\:via-gray-700:focus {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .md\:focus\:via-gray-800:focus {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .md\:focus\:via-gray-900:focus {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .md\:focus\:via-red-50:focus {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .md\:focus\:via-red-100:focus {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .md\:focus\:via-red-200:focus {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .md\:focus\:via-red-300:focus {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .md\:focus\:via-red-400:focus {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .md\:focus\:via-red-500:focus {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .md\:focus\:via-red-600:focus {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .md\:focus\:via-red-700:focus {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .md\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .md\:focus\:via-red-900:focus {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .md\:focus\:via-orange-50:focus {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .md\:focus\:via-orange-100:focus {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .md\:focus\:via-orange-200:focus {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .md\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .md\:focus\:via-orange-400:focus {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .md\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .md\:focus\:via-orange-600:focus {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .md\:focus\:via-orange-700:focus {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .md\:focus\:via-orange-800:focus {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .md\:focus\:via-orange-900:focus {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .md\:focus\:via-yellow-50:focus {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .md\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .md\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .md\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .md\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .md\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .md\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .md\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .md\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .md\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .md\:focus\:via-green-50:focus {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .md\:focus\:via-green-100:focus {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .md\:focus\:via-green-200:focus {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .md\:focus\:via-green-300:focus {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .md\:focus\:via-green-400:focus {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .md\:focus\:via-green-500:focus {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .md\:focus\:via-green-600:focus {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .md\:focus\:via-green-700:focus {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .md\:focus\:via-green-800:focus {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .md\:focus\:via-green-900:focus {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .md\:focus\:via-teal-50:focus {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .md\:focus\:via-teal-100:focus {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .md\:focus\:via-teal-200:focus {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .md\:focus\:via-teal-300:focus {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .md\:focus\:via-teal-400:focus {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .md\:focus\:via-teal-500:focus {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .md\:focus\:via-teal-600:focus {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .md\:focus\:via-teal-700:focus {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .md\:focus\:via-teal-800:focus {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .md\:focus\:via-teal-900:focus {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .md\:focus\:via-blue-50:focus {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .md\:focus\:via-blue-100:focus {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .md\:focus\:via-blue-200:focus {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .md\:focus\:via-blue-300:focus {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .md\:focus\:via-blue-400:focus {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .md\:focus\:via-blue-500:focus {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .md\:focus\:via-blue-600:focus {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .md\:focus\:via-blue-700:focus {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .md\:focus\:via-blue-800:focus {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .md\:focus\:via-blue-900:focus {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .md\:focus\:via-indigo-50:focus {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .md\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .md\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .md\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .md\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .md\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .md\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .md\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .md\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .md\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .md\:focus\:via-purple-50:focus {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .md\:focus\:via-purple-100:focus {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .md\:focus\:via-purple-200:focus {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .md\:focus\:via-purple-300:focus {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .md\:focus\:via-purple-400:focus {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .md\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .md\:focus\:via-purple-600:focus {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .md\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .md\:focus\:via-purple-800:focus {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .md\:focus\:via-purple-900:focus {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .md\:focus\:via-pink-50:focus {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .md\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .md\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .md\:focus\:via-pink-300:focus {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .md\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .md\:focus\:via-pink-500:focus {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .md\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .md\:focus\:via-pink-700:focus {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .md\:focus\:via-pink-800:focus {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .md\:focus\:via-pink-900:focus {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .md\:focus\:via-cool-gray-50:focus {
+    --gradient-via-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .md\:focus\:via-cool-gray-100:focus {
+    --gradient-via-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .md\:focus\:via-cool-gray-200:focus {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .md\:focus\:via-cool-gray-300:focus {
+    --gradient-via-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .md\:focus\:via-cool-gray-400:focus {
+    --gradient-via-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .md\:focus\:via-cool-gray-500:focus {
+    --gradient-via-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .md\:focus\:via-cool-gray-600:focus {
+    --gradient-via-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .md\:focus\:via-cool-gray-700:focus {
+    --gradient-via-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .md\:focus\:via-cool-gray-800:focus {
+    --gradient-via-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .md\:focus\:via-cool-gray-900:focus {
+    --gradient-via-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .md\:focus\:to-current:focus {
+    --gradient-to-color: currentColor;
+  }
+
+  .md\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent;
+  }
+
+  .md\:focus\:to-white:focus {
+    --gradient-to-color: #ffffff;
+  }
+
+  .md\:focus\:to-black:focus {
+    --gradient-to-color: #000000;
+  }
+
+  .md\:focus\:to-gray-50:focus {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .md\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .md\:focus\:to-gray-200:focus {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .md\:focus\:to-gray-300:focus {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .md\:focus\:to-gray-400:focus {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .md\:focus\:to-gray-500:focus {
+    --gradient-to-color: #6b7280;
+  }
+
+  .md\:focus\:to-gray-600:focus {
+    --gradient-to-color: #4b5563;
+  }
+
+  .md\:focus\:to-gray-700:focus {
+    --gradient-to-color: #374151;
+  }
+
+  .md\:focus\:to-gray-800:focus {
+    --gradient-to-color: #252f3f;
+  }
+
+  .md\:focus\:to-gray-900:focus {
+    --gradient-to-color: #161e2e;
+  }
+
+  .md\:focus\:to-red-50:focus {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .md\:focus\:to-red-100:focus {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .md\:focus\:to-red-200:focus {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .md\:focus\:to-red-300:focus {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .md\:focus\:to-red-400:focus {
+    --gradient-to-color: #f98080;
+  }
+
+  .md\:focus\:to-red-500:focus {
+    --gradient-to-color: #f05252;
+  }
+
+  .md\:focus\:to-red-600:focus {
+    --gradient-to-color: #e02424;
+  }
+
+  .md\:focus\:to-red-700:focus {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .md\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .md\:focus\:to-red-900:focus {
+    --gradient-to-color: #771d1d;
+  }
+
+  .md\:focus\:to-orange-50:focus {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .md\:focus\:to-orange-100:focus {
+    --gradient-to-color: #feecdc;
+  }
+
+  .md\:focus\:to-orange-200:focus {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .md\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .md\:focus\:to-orange-400:focus {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .md\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .md\:focus\:to-orange-600:focus {
+    --gradient-to-color: #d03801;
+  }
+
+  .md\:focus\:to-orange-700:focus {
+    --gradient-to-color: #b43403;
+  }
+
+  .md\:focus\:to-orange-800:focus {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .md\:focus\:to-orange-900:focus {
+    --gradient-to-color: #73230d;
+  }
+
+  .md\:focus\:to-yellow-50:focus {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .md\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .md\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fce96a;
+  }
+
+  .md\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faca15;
+  }
+
+  .md\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #e3a008;
+  }
+
+  .md\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #c27803;
+  }
+
+  .md\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #9f580a;
+  }
+
+  .md\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .md\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #723b13;
+  }
+
+  .md\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #633112;
+  }
+
+  .md\:focus\:to-green-50:focus {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .md\:focus\:to-green-100:focus {
+    --gradient-to-color: #def7ec;
+  }
+
+  .md\:focus\:to-green-200:focus {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .md\:focus\:to-green-300:focus {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .md\:focus\:to-green-400:focus {
+    --gradient-to-color: #31c48d;
+  }
+
+  .md\:focus\:to-green-500:focus {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .md\:focus\:to-green-600:focus {
+    --gradient-to-color: #057a55;
+  }
+
+  .md\:focus\:to-green-700:focus {
+    --gradient-to-color: #046c4e;
+  }
+
+  .md\:focus\:to-green-800:focus {
+    --gradient-to-color: #03543f;
+  }
+
+  .md\:focus\:to-green-900:focus {
+    --gradient-to-color: #014737;
+  }
+
+  .md\:focus\:to-teal-50:focus {
+    --gradient-to-color: #edfafa;
+  }
+
+  .md\:focus\:to-teal-100:focus {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .md\:focus\:to-teal-200:focus {
+    --gradient-to-color: #afecef;
+  }
+
+  .md\:focus\:to-teal-300:focus {
+    --gradient-to-color: #7edce2;
+  }
+
+  .md\:focus\:to-teal-400:focus {
+    --gradient-to-color: #16bdca;
+  }
+
+  .md\:focus\:to-teal-500:focus {
+    --gradient-to-color: #0694a2;
+  }
+
+  .md\:focus\:to-teal-600:focus {
+    --gradient-to-color: #047481;
+  }
+
+  .md\:focus\:to-teal-700:focus {
+    --gradient-to-color: #036672;
+  }
+
+  .md\:focus\:to-teal-800:focus {
+    --gradient-to-color: #05505c;
+  }
+
+  .md\:focus\:to-teal-900:focus {
+    --gradient-to-color: #014451;
+  }
+
+  .md\:focus\:to-blue-50:focus {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .md\:focus\:to-blue-100:focus {
+    --gradient-to-color: #e1effe;
+  }
+
+  .md\:focus\:to-blue-200:focus {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .md\:focus\:to-blue-300:focus {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .md\:focus\:to-blue-400:focus {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .md\:focus\:to-blue-500:focus {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .md\:focus\:to-blue-600:focus {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .md\:focus\:to-blue-700:focus {
+    --gradient-to-color: #1a56db;
+  }
+
+  .md\:focus\:to-blue-800:focus {
+    --gradient-to-color: #1e429f;
+  }
+
+  .md\:focus\:to-blue-900:focus {
+    --gradient-to-color: #233876;
+  }
+
+  .md\:focus\:to-indigo-50:focus {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .md\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #e5edff;
+  }
+
+  .md\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .md\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .md\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .md\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #6875f5;
+  }
+
+  .md\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5850ec;
+  }
+
+  .md\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #5145cd;
+  }
+
+  .md\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #42389d;
+  }
+
+  .md\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #362f78;
+  }
+
+  .md\:focus\:to-purple-50:focus {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .md\:focus\:to-purple-100:focus {
+    --gradient-to-color: #edebfe;
+  }
+
+  .md\:focus\:to-purple-200:focus {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .md\:focus\:to-purple-300:focus {
+    --gradient-to-color: #cabffd;
+  }
+
+  .md\:focus\:to-purple-400:focus {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .md\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9061f9;
+  }
+
+  .md\:focus\:to-purple-600:focus {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .md\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .md\:focus\:to-purple-800:focus {
+    --gradient-to-color: #5521b5;
+  }
+
+  .md\:focus\:to-purple-900:focus {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .md\:focus\:to-pink-50:focus {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .md\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .md\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .md\:focus\:to-pink-300:focus {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .md\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .md\:focus\:to-pink-500:focus {
+    --gradient-to-color: #e74694;
+  }
+
+  .md\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d61f69;
+  }
+
+  .md\:focus\:to-pink-700:focus {
+    --gradient-to-color: #bf125d;
+  }
+
+  .md\:focus\:to-pink-800:focus {
+    --gradient-to-color: #99154b;
+  }
+
+  .md\:focus\:to-pink-900:focus {
+    --gradient-to-color: #751a3d;
+  }
+
+  .md\:focus\:to-cool-gray-50:focus {
+    --gradient-to-color: #f8fafc;
+  }
+
+  .md\:focus\:to-cool-gray-100:focus {
+    --gradient-to-color: #f1f5f9;
+  }
+
+  .md\:focus\:to-cool-gray-200:focus {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .md\:focus\:to-cool-gray-300:focus {
+    --gradient-to-color: #cfd8e3;
+  }
+
+  .md\:focus\:to-cool-gray-400:focus {
+    --gradient-to-color: #97a6ba;
+  }
+
+  .md\:focus\:to-cool-gray-500:focus {
+    --gradient-to-color: #64748b;
+  }
+
+  .md\:focus\:to-cool-gray-600:focus {
+    --gradient-to-color: #475569;
+  }
+
+  .md\:focus\:to-cool-gray-700:focus {
+    --gradient-to-color: #364152;
+  }
+
+  .md\:focus\:to-cool-gray-800:focus {
+    --gradient-to-color: #27303f;
+  }
+
+  .md\:focus\:to-cool-gray-900:focus {
+    --gradient-to-color: #1a202e;
+  }
+
+  .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-current {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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));
+  }
+
+  .md\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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));
+  }
+
+  .group:hover .md\:group-hover\:border-current {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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:hover .md\:group-hover\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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:focus .md\:group-focus\:border-current {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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));
+  }
+
+  .group:focus .md\:group-focus\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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));
+  }
+
+  .md\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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\:hover\:border-cool-gray-50:hover {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .md\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .md\:focus-within\:border-white:focus-within {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-black:focus-within {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-100:focus-within {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-200:focus-within {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-300:focus-within {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-400:focus-within {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-500:focus-within {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-600:focus-within {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-700:focus-within {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-800:focus-within {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-900:focus-within {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-50:focus-within {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-100:focus-within {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-200:focus-within {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-300:focus-within {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-400:focus-within {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-500:focus-within {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-600:focus-within {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-700:focus-within {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-800:focus-within {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-900:focus-within {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-orange-50:focus-within {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-orange-100:focus-within {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-orange-200:focus-within {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-orange-300:focus-within {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-orange-400:focus-within {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-orange-500:focus-within {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-orange-600:focus-within {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-orange-700:focus-within {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-orange-800:focus-within {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-orange-900:focus-within {
+    --border-opacity: 1;
+    border-color: #73230d;
+    border-color: rgba(115, 35, 13, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-50:focus-within {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-100:focus-within {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-200:focus-within {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-300:focus-within {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-400:focus-within {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-500:focus-within {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-600:focus-within {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-700:focus-within {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-800:focus-within {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-900:focus-within {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-100:focus-within {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-200:focus-within {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-300:focus-within {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-400:focus-within {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-500:focus-within {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-600:focus-within {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-700:focus-within {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-800:focus-within {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-900:focus-within {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-teal-50:focus-within {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-teal-100:focus-within {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-teal-200:focus-within {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-teal-300:focus-within {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-teal-400:focus-within {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-teal-500:focus-within {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-teal-600:focus-within {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-teal-700:focus-within {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-teal-800:focus-within {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-teal-900:focus-within {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-50:focus-within {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-100:focus-within {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-200:focus-within {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-300:focus-within {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-400:focus-within {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-500:focus-within {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-600:focus-within {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-700:focus-within {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-800:focus-within {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-900:focus-within {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-100:focus-within {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-200:focus-within {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-300:focus-within {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-400:focus-within {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-500:focus-within {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-600:focus-within {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-700:focus-within {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-800:focus-within {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-900:focus-within {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-100:focus-within {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-200:focus-within {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-300:focus-within {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-400:focus-within {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-500:focus-within {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-600:focus-within {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-700:focus-within {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-800:focus-within {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-900:focus-within {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-50:focus-within {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-100:focus-within {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-200:focus-within {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-300:focus-within {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-400:focus-within {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-500:focus-within {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-600:focus-within {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-700:focus-within {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-800:focus-within {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-900:focus-within {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-cool-gray-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-cool-gray-100:focus-within {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-cool-gray-200:focus-within {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-cool-gray-300:focus-within {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-cool-gray-400:focus-within {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-cool-gray-500:focus-within {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-cool-gray-600:focus-within {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-cool-gray-700:focus-within {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-cool-gray-800:focus-within {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-cool-gray-900:focus-within {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .md\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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\:focus\:border-cool-gray-50:focus {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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\: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-xl {
+    border-radius: 0.75rem;
+  }
+
+  .md\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
+  .md\:rounded-3xl {
+    border-radius: 1.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-xl {
+    border-top-left-radius: 0.75rem;
+    border-top-right-radius: 0.75rem;
+  }
+
+  .md\:rounded-r-xl {
+    border-top-right-radius: 0.75rem;
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .md\:rounded-b-xl {
+    border-bottom-right-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .md\:rounded-l-xl {
+    border-top-left-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .md\:rounded-t-2xl {
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+  }
+
+  .md\:rounded-r-2xl {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+
+  .md\:rounded-b-2xl {
+    border-bottom-right-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .md\:rounded-l-2xl {
+    border-top-left-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .md\:rounded-t-3xl {
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+  }
+
+  .md\:rounded-r-3xl {
+    border-top-right-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .md\:rounded-b-3xl {
+    border-bottom-right-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .md\:rounded-l-3xl {
+    border-top-left-radius: 1.5rem;
+    border-bottom-left-radius: 1.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-xl {
+    border-top-left-radius: 0.75rem;
+  }
+
+  .md\:rounded-tr-xl {
+    border-top-right-radius: 0.75rem;
+  }
+
+  .md\:rounded-br-xl {
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .md\:rounded-bl-xl {
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .md\:rounded-tl-2xl {
+    border-top-left-radius: 1rem;
+  }
+
+  .md\:rounded-tr-2xl {
+    border-top-right-radius: 1rem;
+  }
+
+  .md\:rounded-br-2xl {
+    border-bottom-right-radius: 1rem;
+  }
+
+  .md\:rounded-bl-2xl {
+    border-bottom-left-radius: 1rem;
+  }
+
+  .md\:rounded-tl-3xl {
+    border-top-left-radius: 1.5rem;
+  }
+
+  .md\:rounded-tr-3xl {
+    border-top-right-radius: 1.5rem;
+  }
+
+  .md\:rounded-br-3xl {
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .md\:rounded-bl-3xl {
+    border-bottom-left-radius: 1.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\:contents {
+    display: contents;
+  }
+
+  .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\:place-items-auto {
+    place-items: auto;
+  }
+
+  .md\:place-items-start {
+    place-items: start;
+  }
+
+  .md\:place-items-end {
+    place-items: end;
+  }
+
+  .md\:place-items-center {
+    place-items: center;
+  }
+
+  .md\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .md\:place-content-center {
+    place-content: center;
+  }
+
+  .md\:place-content-start {
+    place-content: start;
+  }
+
+  .md\:place-content-end {
+    place-content: end;
+  }
+
+  .md\:place-content-between {
+    place-content: space-between;
+  }
+
+  .md\:place-content-around {
+    place-content: space-around;
+  }
+
+  .md\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .md\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .md\:place-self-auto {
+    place-self: auto;
+  }
+
+  .md\:place-self-start {
+    place-self: start;
+  }
+
+  .md\:place-self-end {
+    place-self: end;
+  }
+
+  .md\:place-self-center {
+    place-self: center;
+  }
+
+  .md\:place-self-stretch {
+    place-self: stretch;
+  }
+
+  .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\: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\:content-evenly {
+    align-content: space-evenly;
+  }
+
+  .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-items-auto {
+    justify-items: auto;
+  }
+
+  .md\:justify-items-start {
+    justify-items: start;
+  }
+
+  .md\:justify-items-end {
+    justify-items: end;
+  }
+
+  .md\:justify-items-center {
+    justify-items: center;
+  }
+
+  .md\:justify-items-stretch {
+    justify-items: 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\:justify-self-auto {
+    justify-self: auto;
+  }
+
+  .md\:justify-self-start {
+    justify-self: start;
+  }
+
+  .md\:justify-self-end {
+    justify-self: end;
+  }
+
+  .md\:justify-self-center {
+    justify-self: center;
+  }
+
+  .md\:justify-self-stretch {
+    justify-self: stretch;
+  }
+
+  .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-44 {
+    height: 11rem;
+  }
+
+  .md\:h-48 {
+    height: 12rem;
+  }
+
+  .md\:h-52 {
+    height: 13rem;
+  }
+
+  .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-44 {
+    margin: 11rem;
+  }
+
+  .md\:m-48 {
+    margin: 12rem;
+  }
+
+  .md\:m-52 {
+    margin: 13rem;
+  }
+
+  .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-44 {
+    margin: -11rem;
+  }
+
+  .md\:-m-48 {
+    margin: -12rem;
+  }
+
+  .md\:-m-52 {
+    margin: -13rem;
+  }
+
+  .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-44 {
+    margin-top: 11rem;
+    margin-bottom: 11rem;
+  }
+
+  .md\:mx-44 {
+    margin-left: 11rem;
+    margin-right: 11rem;
+  }
+
+  .md\:my-48 {
+    margin-top: 12rem;
+    margin-bottom: 12rem;
+  }
+
+  .md\:mx-48 {
+    margin-left: 12rem;
+    margin-right: 12rem;
+  }
+
+  .md\:my-52 {
+    margin-top: 13rem;
+    margin-bottom: 13rem;
+  }
+
+  .md\:mx-52 {
+    margin-left: 13rem;
+    margin-right: 13rem;
+  }
+
+  .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-44 {
+    margin-top: -11rem;
+    margin-bottom: -11rem;
+  }
+
+  .md\:-mx-44 {
+    margin-left: -11rem;
+    margin-right: -11rem;
+  }
+
+  .md\:-my-48 {
+    margin-top: -12rem;
+    margin-bottom: -12rem;
+  }
+
+  .md\:-mx-48 {
+    margin-left: -12rem;
+    margin-right: -12rem;
+  }
+
+  .md\:-my-52 {
+    margin-top: -13rem;
+    margin-bottom: -13rem;
+  }
+
+  .md\:-mx-52 {
+    margin-left: -13rem;
+    margin-right: -13rem;
+  }
+
+  .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-44 {
+    margin-top: 11rem;
+  }
+
+  .md\:mr-44 {
+    margin-right: 11rem;
+  }
+
+  .md\:mb-44 {
+    margin-bottom: 11rem;
+  }
+
+  .md\:ml-44 {
+    margin-left: 11rem;
+  }
+
+  .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-52 {
+    margin-top: 13rem;
+  }
+
+  .md\:mr-52 {
+    margin-right: 13rem;
+  }
+
+  .md\:mb-52 {
+    margin-bottom: 13rem;
+  }
+
+  .md\:ml-52 {
+    margin-left: 13rem;
+  }
+
+  .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-44 {
+    margin-top: -11rem;
+  }
+
+  .md\:-mr-44 {
+    margin-right: -11rem;
+  }
+
+  .md\:-mb-44 {
+    margin-bottom: -11rem;
+  }
+
+  .md\:-ml-44 {
+    margin-left: -11rem;
+  }
+
+  .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-52 {
+    margin-top: -13rem;
+  }
+
+  .md\:-mr-52 {
+    margin-right: -13rem;
+  }
+
+  .md\:-mb-52 {
+    margin-bottom: -13rem;
+  }
+
+  .md\:-ml-52 {
+    margin-left: -13rem;
+  }
+
+  .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-44 {
+    max-height: 11rem;
+  }
+
+  .md\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .md\:max-h-52 {
+    max-height: 13rem;
+  }
+
+  .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-0 {
+    max-width: 0rem;
+  }
+
+  .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-min-content {
+    max-width: -webkit-min-content;
+    max-width: -moz-min-content;
+    max-width: min-content;
+  }
+
+  .md\:max-w-max-content {
+    max-width: -webkit-max-content;
+    max-width: -moz-max-content;
+    max-width: max-content;
+  }
+
+  .md\:max-w-prose {
+    max-width: 65ch;
+  }
+
+  .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\:min-w-min-content {
+    min-width: -webkit-min-content;
+    min-width: -moz-min-content;
+    min-width: min-content;
+  }
+
+  .md\:min-w-max-content {
+    min-width: -webkit-max-content;
+    min-width: -moz-max-content;
+    min-width: max-content;
+  }
+
+  .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\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .md\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .md\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .md\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .md\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
+  .group:hover .md\:group-hover\:opacity-0 {
+    opacity: 0;
+  }
+
+  .group:hover .md\:group-hover\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .group:hover .md\:group-hover\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .group:hover .md\:group-hover\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .group:hover .md\:group-hover\:opacity-100 {
+    opacity: 1;
+  }
+
+  .group:focus .md\:group-focus\:opacity-0 {
+    opacity: 0;
+  }
+
+  .group:focus .md\:group-focus\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .group:focus .md\:group-focus\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .group:focus .md\:group-focus\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .group:focus .md\:group-focus\: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: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .md\:outline-white {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .md\:outline-black {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .md\:focus\:outline-none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .md\:focus\:outline-white:focus {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .md\:focus\:outline-black:focus {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .md\:overflow-auto {
+    overflow: auto;
+  }
+
+  .md\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .md\:overflow-visible {
+    overflow: visible;
+  }
+
+  .md\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .md\:overflow-x-auto {
+    overflow-x: auto;
+  }
+
+  .md\:overflow-y-auto {
+    overflow-y: auto;
+  }
+
+  .md\:overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
+  .md\:overflow-y-hidden {
+    overflow-y: hidden;
+  }
+
+  .md\:overflow-x-visible {
+    overflow-x: visible;
+  }
+
+  .md\:overflow-y-visible {
+    overflow-y: visible;
+  }
+
+  .md\:overflow-x-scroll {
+    overflow-x: scroll;
+  }
+
+  .md\:overflow-y-scroll {
+    overflow-y: scroll;
+  }
+
+  .md\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .md\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
+  }
+
+  .md\:overscroll-auto {
+    -ms-scroll-chaining: chained;
+        overscroll-behavior: auto;
+  }
+
+  .md\:overscroll-contain {
+    -ms-scroll-chaining: none;
+        overscroll-behavior: contain;
+  }
+
+  .md\:overscroll-none {
+    -ms-scroll-chaining: none;
+        overscroll-behavior: none;
+  }
+
+  .md\:overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .md\:overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .md\:overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .md\:overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .md\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .md\:overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
+  .md\:p-0 {
+    padding: 0;
+  }
+
+  .md\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .md\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .md\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .md\:p-4 {
+    padding: 1rem;
+  }
+
+  .md\:p-5 {
+    padding: 1.25rem;
+  }
+
+  .md\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .md\:p-7 {
+    padding: 1.75rem;
+  }
+
+  .md\:p-8 {
+    padding: 2rem;
+  }
+
+  .md\:p-9 {
+    padding: 2.25rem;
+  }
+
+  .md\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .md\:p-11 {
+    padding: 2.75rem;
+  }
+
+  .md\:p-12 {
+    padding: 3rem;
+  }
+
+  .md\:p-13 {
+    padding: 3.25rem;
+  }
+
+  .md\:p-14 {
+    padding: 3.5rem;
+  }
+
+  .md\:p-15 {
+    padding: 3.75rem;
+  }
+
+  .md\:p-16 {
+    padding: 4rem;
+  }
+
+  .md\:p-20 {
+    padding: 5rem;
+  }
+
+  .md\:p-24 {
+    padding: 6rem;
+  }
+
+  .md\:p-28 {
+    padding: 7rem;
+  }
+
+  .md\:p-32 {
+    padding: 8rem;
+  }
+
+  .md\:p-36 {
+    padding: 9rem;
+  }
+
+  .md\:p-40 {
+    padding: 10rem;
+  }
+
+  .md\:p-44 {
+    padding: 11rem;
+  }
+
+  .md\:p-48 {
+    padding: 12rem;
+  }
+
+  .md\:p-52 {
+    padding: 13rem;
+  }
+
+  .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-44 {
+    padding-top: 11rem;
+    padding-bottom: 11rem;
+  }
+
+  .md\:px-44 {
+    padding-left: 11rem;
+    padding-right: 11rem;
+  }
+
+  .md\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+
+  .md\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
+  }
+
+  .md\:py-52 {
+    padding-top: 13rem;
+    padding-bottom: 13rem;
+  }
+
+  .md\:px-52 {
+    padding-left: 13rem;
+    padding-right: 13rem;
+  }
+
+  .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-44 {
+    padding-top: 11rem;
+  }
+
+  .md\:pr-44 {
+    padding-right: 11rem;
+  }
+
+  .md\:pb-44 {
+    padding-bottom: 11rem;
+  }
+
+  .md\:pl-44 {
+    padding-left: 11rem;
+  }
+
+  .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-52 {
+    padding-top: 13rem;
+  }
+
+  .md\:pr-52 {
+    padding-right: 13rem;
+  }
+
+  .md\:pb-52 {
+    padding-bottom: 13rem;
+  }
+
+  .md\:pl-52 {
+    padding-left: 13rem;
+  }
+
+  .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-current::-moz-placeholder {
+    color: currentColor;
+  }
+
+  .md\:placeholder-current:-ms-input-placeholder {
+    color: currentColor;
+  }
+
+  .md\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
+  .md\:placeholder-transparent::-moz-placeholder {
+    color: transparent;
+  }
+
+  .md\:placeholder-transparent:-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .md\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .md\:placeholder-white::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-white:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-white::placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-black::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-black:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-black::placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, 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::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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::placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-current:focus::-moz-placeholder {
+    color: currentColor;
+  }
+
+  .md\:focus\:placeholder-current:focus:-ms-input-placeholder {
+    color: currentColor;
+  }
+
+  .md\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
+  .md\:focus\:placeholder-transparent:focus::-moz-placeholder {
+    color: transparent;
+  }
+
+  .md\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .md\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .md\:focus\:placeholder-white:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-white:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-white:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-black:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-black:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-black:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, 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::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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::placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-opacity-0::-moz-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .md\:placeholder-opacity-0:-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .md\:placeholder-opacity-0::placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .md\:placeholder-opacity-25::-moz-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .md\:placeholder-opacity-25:-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .md\:placeholder-opacity-25::placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .md\:placeholder-opacity-50::-moz-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .md\:placeholder-opacity-50:-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .md\:placeholder-opacity-50::placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .md\:placeholder-opacity-75::-moz-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .md\:placeholder-opacity-75:-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .md\:placeholder-opacity-75::placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .md\:placeholder-opacity-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .md\:placeholder-opacity-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .md\:placeholder-opacity-100::placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .md\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .md\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .md\:focus\:placeholder-opacity-0:focus::placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .md\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .md\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .md\:focus\:placeholder-opacity-25:focus::placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .md\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .md\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .md\:focus\:placeholder-opacity-50:focus::placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .md\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .md\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .md\:focus\:placeholder-opacity-75:focus::placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .md\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .md\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .md\:focus\:placeholder-opacity-100:focus::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-44 {
+    top: 11rem;
+    right: 11rem;
+    bottom: 11rem;
+    left: 11rem;
+  }
+
+  .md\:inset-48 {
+    top: 12rem;
+    right: 12rem;
+    bottom: 12rem;
+    left: 12rem;
+  }
+
+  .md\:inset-52 {
+    top: 13rem;
+    right: 13rem;
+    bottom: 13rem;
+    left: 13rem;
+  }
+
+  .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-44 {
+    top: 11rem;
+    bottom: 11rem;
+  }
+
+  .md\:inset-x-44 {
+    right: 11rem;
+    left: 11rem;
+  }
+
+  .md\:inset-y-48 {
+    top: 12rem;
+    bottom: 12rem;
+  }
+
+  .md\:inset-x-48 {
+    right: 12rem;
+    left: 12rem;
+  }
+
+  .md\:inset-y-52 {
+    top: 13rem;
+    bottom: 13rem;
+  }
+
+  .md\:inset-x-52 {
+    right: 13rem;
+    left: 13rem;
+  }
+
+  .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-44 {
+    top: 11rem;
+  }
+
+  .md\:right-44 {
+    right: 11rem;
+  }
+
+  .md\:bottom-44 {
+    bottom: 11rem;
+  }
+
+  .md\:left-44 {
+    left: 11rem;
+  }
+
+  .md\:top-48 {
+    top: 12rem;
+  }
+
+  .md\:right-48 {
+    right: 12rem;
+  }
+
+  .md\:bottom-48 {
+    bottom: 12rem;
+  }
+
+  .md\:left-48 {
+    left: 12rem;
+  }
+
+  .md\:top-52 {
+    top: 13rem;
+  }
+
+  .md\:right-52 {
+    right: 13rem;
+  }
+
+  .md\:bottom-52 {
+    bottom: 13rem;
+  }
+
+  .md\:left-52 {
+    left: 13rem;
+  }
+
+  .md\:top-56 {
+    top: 14rem;
+  }
+
+  .md\:right-56 {
+    right: 14rem;
+  }
+
+  .md\:bottom-56 {
+    bottom: 14rem;
+  }
+
+  .md\:left-56 {
+    left: 14rem;
+  }
+
+  .md\:top-60 {
+    top: 15rem;
+  }
+
+  .md\:right-60 {
+    right: 15rem;
+  }
+
+  .md\:bottom-60 {
+    bottom: 15rem;
+  }
+
+  .md\:left-60 {
+    left: 15rem;
+  }
+
+  .md\:top-64 {
+    top: 16rem;
+  }
+
+  .md\:right-64 {
+    right: 16rem;
+  }
+
+  .md\:bottom-64 {
+    bottom: 16rem;
+  }
+
+  .md\:left-64 {
+    left: 16rem;
+  }
+
+  .md\:top-72 {
+    top: 18rem;
+  }
+
+  .md\:right-72 {
+    right: 18rem;
+  }
+
+  .md\:bottom-72 {
+    bottom: 18rem;
+  }
+
+  .md\:left-72 {
+    left: 18rem;
+  }
+
+  .md\:top-80 {
+    top: 20rem;
+  }
+
+  .md\:right-80 {
+    right: 20rem;
+  }
+
+  .md\:bottom-80 {
+    bottom: 20rem;
+  }
+
+  .md\:left-80 {
+    left: 20rem;
+  }
+
+  .md\:top-96 {
+    top: 24rem;
+  }
+
+  .md\:right-96 {
+    right: 24rem;
+  }
+
+  .md\:bottom-96 {
+    bottom: 24rem;
+  }
+
+  .md\:left-96 {
+    left: 24rem;
+  }
+
+  .md\:top-auto {
+    top: auto;
+  }
+
+  .md\:right-auto {
+    right: auto;
+  }
+
+  .md\:bottom-auto {
+    bottom: auto;
+  }
+
+  .md\:left-auto {
+    left: auto;
+  }
+
+  .md\:top-px {
+    top: 1px;
+  }
+
+  .md\:right-px {
+    right: 1px;
+  }
+
+  .md\:bottom-px {
+    bottom: 1px;
+  }
+
+  .md\:left-px {
+    left: 1px;
+  }
+
+  .md\:top-0\.5 {
+    top: 0.125rem;
+  }
+
+  .md\:right-0\.5 {
+    right: 0.125rem;
+  }
+
+  .md\:bottom-0\.5 {
+    bottom: 0.125rem;
+  }
+
+  .md\:left-0\.5 {
+    left: 0.125rem;
+  }
+
+  .md\:top-1\.5 {
+    top: 0.375rem;
+  }
+
+  .md\:right-1\.5 {
+    right: 0.375rem;
+  }
+
+  .md\:bottom-1\.5 {
+    bottom: 0.375rem;
+  }
+
+  .md\:left-1\.5 {
+    left: 0.375rem;
+  }
+
+  .md\:top-2\.5 {
+    top: 0.625rem;
+  }
+
+  .md\:right-2\.5 {
+    right: 0.625rem;
+  }
+
+  .md\:bottom-2\.5 {
+    bottom: 0.625rem;
+  }
+
+  .md\:left-2\.5 {
+    left: 0.625rem;
+  }
+
+  .md\:top-3\.5 {
+    top: 0.875rem;
+  }
+
+  .md\:right-3\.5 {
+    right: 0.875rem;
+  }
+
+  .md\:bottom-3\.5 {
+    bottom: 0.875rem;
+  }
+
+  .md\:left-3\.5 {
+    left: 0.875rem;
+  }
+
+  .md\:top-1\/2 {
+    top: 50%;
+  }
+
+  .md\:right-1\/2 {
+    right: 50%;
+  }
+
+  .md\:bottom-1\/2 {
+    bottom: 50%;
+  }
+
+  .md\:left-1\/2 {
+    left: 50%;
+  }
+
+  .md\:top-1\/3 {
+    top: 33.333333%;
+  }
+
+  .md\:right-1\/3 {
+    right: 33.333333%;
+  }
+
+  .md\:bottom-1\/3 {
+    bottom: 33.333333%;
+  }
+
+  .md\:left-1\/3 {
+    left: 33.333333%;
+  }
+
+  .md\:top-2\/3 {
+    top: 66.666667%;
+  }
+
+  .md\:right-2\/3 {
+    right: 66.666667%;
+  }
+
+  .md\:bottom-2\/3 {
+    bottom: 66.666667%;
+  }
+
+  .md\:left-2\/3 {
+    left: 66.666667%;
+  }
+
+  .md\:top-1\/4 {
+    top: 25%;
+  }
+
+  .md\:right-1\/4 {
+    right: 25%;
+  }
+
+  .md\:bottom-1\/4 {
+    bottom: 25%;
+  }
+
+  .md\:left-1\/4 {
+    left: 25%;
+  }
+
+  .md\:top-2\/4 {
+    top: 50%;
+  }
+
+  .md\:right-2\/4 {
+    right: 50%;
+  }
+
+  .md\:bottom-2\/4 {
+    bottom: 50%;
+  }
+
+  .md\:left-2\/4 {
+    left: 50%;
+  }
+
+  .md\:top-3\/4 {
+    top: 75%;
+  }
+
+  .md\:right-3\/4 {
+    right: 75%;
+  }
+
+  .md\:bottom-3\/4 {
+    bottom: 75%;
+  }
+
+  .md\:left-3\/4 {
+    left: 75%;
+  }
+
+  .md\:top-1\/5 {
+    top: 20%;
+  }
+
+  .md\:right-1\/5 {
+    right: 20%;
+  }
+
+  .md\:bottom-1\/5 {
+    bottom: 20%;
+  }
+
+  .md\:left-1\/5 {
+    left: 20%;
+  }
+
+  .md\:top-2\/5 {
+    top: 40%;
+  }
+
+  .md\:right-2\/5 {
+    right: 40%;
+  }
+
+  .md\:bottom-2\/5 {
+    bottom: 40%;
+  }
+
+  .md\:left-2\/5 {
+    left: 40%;
+  }
+
+  .md\:top-3\/5 {
+    top: 60%;
+  }
+
+  .md\:right-3\/5 {
+    right: 60%;
+  }
+
+  .md\:bottom-3\/5 {
+    bottom: 60%;
+  }
+
+  .md\:left-3\/5 {
+    left: 60%;
+  }
+
+  .md\:top-4\/5 {
+    top: 80%;
+  }
+
+  .md\:right-4\/5 {
+    right: 80%;
+  }
+
+  .md\:bottom-4\/5 {
+    bottom: 80%;
+  }
+
+  .md\:left-4\/5 {
+    left: 80%;
+  }
+
+  .md\:top-1\/6 {
+    top: 16.666667%;
+  }
+
+  .md\:right-1\/6 {
+    right: 16.666667%;
+  }
+
+  .md\:bottom-1\/6 {
+    bottom: 16.666667%;
+  }
+
+  .md\:left-1\/6 {
+    left: 16.666667%;
+  }
+
+  .md\:top-2\/6 {
+    top: 33.333333%;
+  }
+
+  .md\:right-2\/6 {
+    right: 33.333333%;
+  }
+
+  .md\:bottom-2\/6 {
+    bottom: 33.333333%;
+  }
+
+  .md\:left-2\/6 {
+    left: 33.333333%;
+  }
+
+  .md\:top-3\/6 {
+    top: 50%;
+  }
+
+  .md\:right-3\/6 {
+    right: 50%;
+  }
+
+  .md\:bottom-3\/6 {
+    bottom: 50%;
+  }
+
+  .md\:left-3\/6 {
+    left: 50%;
+  }
+
+  .md\:top-4\/6 {
+    top: 66.666667%;
+  }
+
+  .md\:right-4\/6 {
+    right: 66.666667%;
+  }
+
+  .md\:bottom-4\/6 {
+    bottom: 66.666667%;
+  }
+
+  .md\:left-4\/6 {
+    left: 66.666667%;
+  }
+
+  .md\:top-5\/6 {
+    top: 83.333333%;
+  }
+
+  .md\:right-5\/6 {
+    right: 83.333333%;
+  }
+
+  .md\:bottom-5\/6 {
+    bottom: 83.333333%;
+  }
+
+  .md\:left-5\/6 {
+    left: 83.333333%;
+  }
+
+  .md\:top-1\/12 {
+    top: 8.333333%;
+  }
+
+  .md\:right-1\/12 {
+    right: 8.333333%;
+  }
+
+  .md\:bottom-1\/12 {
+    bottom: 8.333333%;
+  }
+
+  .md\:left-1\/12 {
+    left: 8.333333%;
+  }
+
+  .md\:top-2\/12 {
+    top: 16.666667%;
+  }
+
+  .md\:right-2\/12 {
+    right: 16.666667%;
+  }
+
+  .md\:bottom-2\/12 {
+    bottom: 16.666667%;
+  }
+
+  .md\:left-2\/12 {
+    left: 16.666667%;
+  }
+
+  .md\:top-3\/12 {
+    top: 25%;
+  }
+
+  .md\:right-3\/12 {
+    right: 25%;
+  }
+
+  .md\:bottom-3\/12 {
+    bottom: 25%;
+  }
+
+  .md\:left-3\/12 {
+    left: 25%;
+  }
+
+  .md\:top-4\/12 {
+    top: 33.333333%;
+  }
+
+  .md\:right-4\/12 {
+    right: 33.333333%;
+  }
+
+  .md\:bottom-4\/12 {
+    bottom: 33.333333%;
+  }
+
+  .md\:left-4\/12 {
+    left: 33.333333%;
+  }
+
+  .md\:top-5\/12 {
+    top: 41.666667%;
+  }
+
+  .md\:right-5\/12 {
+    right: 41.666667%;
+  }
+
+  .md\:bottom-5\/12 {
+    bottom: 41.666667%;
+  }
+
+  .md\:left-5\/12 {
+    left: 41.666667%;
+  }
+
+  .md\:top-6\/12 {
+    top: 50%;
+  }
+
+  .md\:right-6\/12 {
+    right: 50%;
+  }
+
+  .md\:bottom-6\/12 {
+    bottom: 50%;
+  }
+
+  .md\:left-6\/12 {
+    left: 50%;
+  }
+
+  .md\:top-7\/12 {
+    top: 58.333333%;
+  }
+
+  .md\:right-7\/12 {
+    right: 58.333333%;
+  }
+
+  .md\:bottom-7\/12 {
+    bottom: 58.333333%;
+  }
+
+  .md\:left-7\/12 {
+    left: 58.333333%;
+  }
+
+  .md\:top-8\/12 {
+    top: 66.666667%;
+  }
+
+  .md\:right-8\/12 {
+    right: 66.666667%;
+  }
+
+  .md\:bottom-8\/12 {
+    bottom: 66.666667%;
+  }
+
+  .md\:left-8\/12 {
+    left: 66.666667%;
+  }
+
+  .md\:top-9\/12 {
+    top: 75%;
+  }
+
+  .md\:right-9\/12 {
+    right: 75%;
+  }
+
+  .md\:bottom-9\/12 {
+    bottom: 75%;
+  }
+
+  .md\:left-9\/12 {
+    left: 75%;
+  }
+
+  .md\:top-10\/12 {
+    top: 83.333333%;
+  }
+
+  .md\:right-10\/12 {
+    right: 83.333333%;
+  }
+
+  .md\:bottom-10\/12 {
+    bottom: 83.333333%;
+  }
+
+  .md\:left-10\/12 {
+    left: 83.333333%;
+  }
+
+  .md\:top-11\/12 {
+    top: 91.666667%;
+  }
+
+  .md\:right-11\/12 {
+    right: 91.666667%;
+  }
+
+  .md\:bottom-11\/12 {
+    bottom: 91.666667%;
+  }
+
+  .md\:left-11\/12 {
+    left: 91.666667%;
+  }
+
+  .md\:top-full {
+    top: 100%;
+  }
+
+  .md\:right-full {
+    right: 100%;
+  }
+
+  .md\:bottom-full {
+    bottom: 100%;
+  }
+
+  .md\:left-full {
+    left: 100%;
+  }
+
+  .md\:resize-none {
+    resize: none;
+  }
+
+  .md\:resize-y {
+    resize: vertical;
+  }
+
+  .md\:resize-x {
+    resize: horizontal;
+  }
+
+  .md\:resize {
+    resize: both;
+  }
+
+  .md\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .md\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .md\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .md\:shadow-none {
+    box-shadow: none;
+  }
+
+  .md\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .md\:shadow-outline-gray {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .md\:shadow-outline-blue {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .md\:shadow-outline-teal {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .md\:shadow-outline-green {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .md\:shadow-outline-yellow {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .md\:shadow-outline-orange {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .md\:shadow-outline-red {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .md\:shadow-outline-pink {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .md\:shadow-outline-purple {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .md\:shadow-outline-indigo {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .md\:group-focus\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .md\:group-focus\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .md\:group-focus\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .md\:group-focus\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .md\:group-focus\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .group:focus .md\:group-focus\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .group:focus .md\:group-focus\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-none {
+    box-shadow: none;
+  }
+
+  .group:focus .md\:group-focus\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-gray {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-blue {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-teal {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-green {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-yellow {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-orange {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-red {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-pink {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-purple {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-indigo {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .md\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:hover\:shadow:hover {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:hover\:shadow-md:hover {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:hover\:shadow-lg:hover {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:hover\:shadow-xl:hover {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .md\:hover\:shadow-2xl:hover {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .md\:hover\:shadow-inner:hover {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:hover\:shadow-outline:hover {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .md\:hover\:shadow-none:hover {
+    box-shadow: none;
+  }
+
+  .md\:hover\:shadow-solid:hover {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .md\:hover\:shadow-outline-gray:hover {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .md\:hover\:shadow-outline-blue:hover {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .md\:hover\:shadow-outline-teal:hover {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .md\:hover\:shadow-outline-green:hover {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .md\:hover\:shadow-outline-yellow:hover {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .md\:hover\:shadow-outline-orange:hover {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .md\:hover\:shadow-outline-red:hover {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .md\:hover\:shadow-outline-pink:hover {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .md\:hover\:shadow-outline-purple:hover {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .md\:hover\:shadow-outline-indigo:hover {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .md\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .md\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .md\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .md\:focus-within\:shadow-none:focus-within {
+    box-shadow: none;
+  }
+
+  .md\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .md\:focus-within\:shadow-outline-gray:focus-within {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .md\:focus-within\:shadow-outline-blue:focus-within {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .md\:focus-within\:shadow-outline-teal:focus-within {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .md\:focus-within\:shadow-outline-green:focus-within {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .md\:focus-within\:shadow-outline-yellow:focus-within {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .md\:focus-within\:shadow-outline-orange:focus-within {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .md\:focus-within\:shadow-outline-red:focus-within {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .md\:focus-within\:shadow-outline-pink:focus-within {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .md\:focus-within\:shadow-outline-purple:focus-within {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .md\:focus-within\:shadow-outline-indigo:focus-within {
+    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-current {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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));
+  }
+
+  .md\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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));
+  }
+
+  .group:hover .md\:group-hover\:text-current {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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:hover .md\:group-hover\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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:focus .md\:group-focus\:text-current {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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));
+  }
+
+  .group:focus .md\:group-focus\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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));
+  }
+
+  .md\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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\:hover\:text-cool-gray-50:hover {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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-within\:text-cool-gray-50:focus-within {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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\:text-current:focus {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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\:focus\:text-cool-gray-50:focus {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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\:active\:text-current:active {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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\:active\:text-cool-gray-50:active {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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\: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\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions {
+    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
+    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
+  }
+
+  .md\:normal-nums {
+    font-variant-numeric: normal;
+  }
+
+  .md\:ordinal {
+    --font-variant-numeric-ordinal: ordinal;
+  }
+
+  .md\:slashed-zero {
+    --font-variant-numeric-slashed-zero: slashed-zero;
+  }
+
+  .md\:lining-nums {
+    --font-variant-numeric-figure: lining-nums;
+  }
+
+  .md\:oldstyle-nums {
+    --font-variant-numeric-figure: oldstyle-nums;
+  }
+
+  .md\:proportional-nums {
+    --font-variant-numeric-spacing: proportional-nums;
+  }
+
+  .md\:tabular-nums {
+    --font-variant-numeric-spacing: tabular-nums;
+  }
+
+  .md\:diagonal-fractions {
+    --font-variant-numeric-fraction: diagonal-fractions;
+  }
+
+  .md\:stacked-fractions {
+    --font-variant-numeric-fraction: stacked-fractions;
+  }
+
+  .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 {
+    word-wrap: normal;
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+
+  .md\:break-words {
+    word-wrap: break-word;
+    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-44 {
+    width: 11rem;
+  }
+
+  .md\:w-48 {
+    width: 12rem;
+  }
+
+  .md\:w-52 {
+    width: 13rem;
+  }
+
+  .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\:w-min-content {
+    width: -webkit-min-content;
+    width: -moz-min-content;
+    width: min-content;
+  }
+
+  .md\:w-max-content {
+    width: -webkit-max-content;
+    width: -moz-max-content;
+    width: max-content;
+  }
+
+  .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-44 {
+    grid-gap: 11rem;
+    gap: 11rem;
+  }
+
+  .md\:gap-48 {
+    grid-gap: 12rem;
+    gap: 12rem;
+  }
+
+  .md\:gap-52 {
+    grid-gap: 13rem;
+    gap: 13rem;
+  }
+
+  .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-44 {
+    grid-column-gap: 11rem;
+    -moz-column-gap: 11rem;
+         column-gap: 11rem;
+  }
+
+  .md\:col-gap-48 {
+    grid-column-gap: 12rem;
+    -moz-column-gap: 12rem;
+         column-gap: 12rem;
+  }
+
+  .md\:col-gap-52 {
+    grid-column-gap: 13rem;
+    -moz-column-gap: 13rem;
+         column-gap: 13rem;
+  }
+
+  .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\:gap-x-0 {
+    grid-column-gap: 0;
+    -moz-column-gap: 0;
+         column-gap: 0;
+  }
+
+  .md\:gap-x-1 {
+    grid-column-gap: 0.25rem;
+    -moz-column-gap: 0.25rem;
+         column-gap: 0.25rem;
+  }
+
+  .md\:gap-x-2 {
+    grid-column-gap: 0.5rem;
+    -moz-column-gap: 0.5rem;
+         column-gap: 0.5rem;
+  }
+
+  .md\:gap-x-3 {
+    grid-column-gap: 0.75rem;
+    -moz-column-gap: 0.75rem;
+         column-gap: 0.75rem;
+  }
+
+  .md\:gap-x-4 {
+    grid-column-gap: 1rem;
+    -moz-column-gap: 1rem;
+         column-gap: 1rem;
+  }
+
+  .md\:gap-x-5 {
+    grid-column-gap: 1.25rem;
+    -moz-column-gap: 1.25rem;
+         column-gap: 1.25rem;
+  }
+
+  .md\:gap-x-6 {
+    grid-column-gap: 1.5rem;
+    -moz-column-gap: 1.5rem;
+         column-gap: 1.5rem;
+  }
+
+  .md\:gap-x-7 {
+    grid-column-gap: 1.75rem;
+    -moz-column-gap: 1.75rem;
+         column-gap: 1.75rem;
+  }
+
+  .md\:gap-x-8 {
+    grid-column-gap: 2rem;
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
+  }
+
+  .md\:gap-x-9 {
+    grid-column-gap: 2.25rem;
+    -moz-column-gap: 2.25rem;
+         column-gap: 2.25rem;
+  }
+
+  .md\:gap-x-10 {
+    grid-column-gap: 2.5rem;
+    -moz-column-gap: 2.5rem;
+         column-gap: 2.5rem;
+  }
+
+  .md\:gap-x-11 {
+    grid-column-gap: 2.75rem;
+    -moz-column-gap: 2.75rem;
+         column-gap: 2.75rem;
+  }
+
+  .md\:gap-x-12 {
+    grid-column-gap: 3rem;
+    -moz-column-gap: 3rem;
+         column-gap: 3rem;
+  }
+
+  .md\:gap-x-13 {
+    grid-column-gap: 3.25rem;
+    -moz-column-gap: 3.25rem;
+         column-gap: 3.25rem;
+  }
+
+  .md\:gap-x-14 {
+    grid-column-gap: 3.5rem;
+    -moz-column-gap: 3.5rem;
+         column-gap: 3.5rem;
+  }
+
+  .md\:gap-x-15 {
+    grid-column-gap: 3.75rem;
+    -moz-column-gap: 3.75rem;
+         column-gap: 3.75rem;
+  }
+
+  .md\:gap-x-16 {
+    grid-column-gap: 4rem;
+    -moz-column-gap: 4rem;
+         column-gap: 4rem;
+  }
+
+  .md\:gap-x-20 {
+    grid-column-gap: 5rem;
+    -moz-column-gap: 5rem;
+         column-gap: 5rem;
+  }
+
+  .md\:gap-x-24 {
+    grid-column-gap: 6rem;
+    -moz-column-gap: 6rem;
+         column-gap: 6rem;
+  }
+
+  .md\:gap-x-28 {
+    grid-column-gap: 7rem;
+    -moz-column-gap: 7rem;
+         column-gap: 7rem;
+  }
+
+  .md\:gap-x-32 {
+    grid-column-gap: 8rem;
+    -moz-column-gap: 8rem;
+         column-gap: 8rem;
+  }
+
+  .md\:gap-x-36 {
+    grid-column-gap: 9rem;
+    -moz-column-gap: 9rem;
+         column-gap: 9rem;
+  }
+
+  .md\:gap-x-40 {
+    grid-column-gap: 10rem;
+    -moz-column-gap: 10rem;
+         column-gap: 10rem;
+  }
+
+  .md\:gap-x-44 {
+    grid-column-gap: 11rem;
+    -moz-column-gap: 11rem;
+         column-gap: 11rem;
+  }
+
+  .md\:gap-x-48 {
+    grid-column-gap: 12rem;
+    -moz-column-gap: 12rem;
+         column-gap: 12rem;
+  }
+
+  .md\:gap-x-52 {
+    grid-column-gap: 13rem;
+    -moz-column-gap: 13rem;
+         column-gap: 13rem;
+  }
+
+  .md\:gap-x-56 {
+    grid-column-gap: 14rem;
+    -moz-column-gap: 14rem;
+         column-gap: 14rem;
+  }
+
+  .md\:gap-x-60 {
+    grid-column-gap: 15rem;
+    -moz-column-gap: 15rem;
+         column-gap: 15rem;
+  }
+
+  .md\:gap-x-64 {
+    grid-column-gap: 16rem;
+    -moz-column-gap: 16rem;
+         column-gap: 16rem;
+  }
+
+  .md\:gap-x-72 {
+    grid-column-gap: 18rem;
+    -moz-column-gap: 18rem;
+         column-gap: 18rem;
+  }
+
+  .md\:gap-x-80 {
+    grid-column-gap: 20rem;
+    -moz-column-gap: 20rem;
+         column-gap: 20rem;
+  }
+
+  .md\:gap-x-96 {
+    grid-column-gap: 24rem;
+    -moz-column-gap: 24rem;
+         column-gap: 24rem;
+  }
+
+  .md\:gap-x-px {
+    grid-column-gap: 1px;
+    -moz-column-gap: 1px;
+         column-gap: 1px;
+  }
+
+  .md\:gap-x-0\.5 {
+    grid-column-gap: 0.125rem;
+    -moz-column-gap: 0.125rem;
+         column-gap: 0.125rem;
+  }
+
+  .md\:gap-x-1\.5 {
+    grid-column-gap: 0.375rem;
+    -moz-column-gap: 0.375rem;
+         column-gap: 0.375rem;
+  }
+
+  .md\:gap-x-2\.5 {
+    grid-column-gap: 0.625rem;
+    -moz-column-gap: 0.625rem;
+         column-gap: 0.625rem;
+  }
+
+  .md\:gap-x-3\.5 {
+    grid-column-gap: 0.875rem;
+    -moz-column-gap: 0.875rem;
+         column-gap: 0.875rem;
+  }
+
+  .md\:gap-x-1\/2 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .md\:gap-x-1\/3 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .md\:gap-x-2\/3 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .md\:gap-x-1\/4 {
+    grid-column-gap: 25%;
+    -moz-column-gap: 25%;
+         column-gap: 25%;
+  }
+
+  .md\:gap-x-2\/4 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .md\:gap-x-3\/4 {
+    grid-column-gap: 75%;
+    -moz-column-gap: 75%;
+         column-gap: 75%;
+  }
+
+  .md\:gap-x-1\/5 {
+    grid-column-gap: 20%;
+    -moz-column-gap: 20%;
+         column-gap: 20%;
+  }
+
+  .md\:gap-x-2\/5 {
+    grid-column-gap: 40%;
+    -moz-column-gap: 40%;
+         column-gap: 40%;
+  }
+
+  .md\:gap-x-3\/5 {
+    grid-column-gap: 60%;
+    -moz-column-gap: 60%;
+         column-gap: 60%;
+  }
+
+  .md\:gap-x-4\/5 {
+    grid-column-gap: 80%;
+    -moz-column-gap: 80%;
+         column-gap: 80%;
+  }
+
+  .md\:gap-x-1\/6 {
+    grid-column-gap: 16.666667%;
+    -moz-column-gap: 16.666667%;
+         column-gap: 16.666667%;
+  }
+
+  .md\:gap-x-2\/6 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .md\:gap-x-3\/6 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .md\:gap-x-4\/6 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .md\:gap-x-5\/6 {
+    grid-column-gap: 83.333333%;
+    -moz-column-gap: 83.333333%;
+         column-gap: 83.333333%;
+  }
+
+  .md\:gap-x-1\/12 {
+    grid-column-gap: 8.333333%;
+    -moz-column-gap: 8.333333%;
+         column-gap: 8.333333%;
+  }
+
+  .md\:gap-x-2\/12 {
+    grid-column-gap: 16.666667%;
+    -moz-column-gap: 16.666667%;
+         column-gap: 16.666667%;
+  }
+
+  .md\:gap-x-3\/12 {
+    grid-column-gap: 25%;
+    -moz-column-gap: 25%;
+         column-gap: 25%;
+  }
+
+  .md\:gap-x-4\/12 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .md\:gap-x-5\/12 {
+    grid-column-gap: 41.666667%;
+    -moz-column-gap: 41.666667%;
+         column-gap: 41.666667%;
+  }
+
+  .md\:gap-x-6\/12 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .md\:gap-x-7\/12 {
+    grid-column-gap: 58.333333%;
+    -moz-column-gap: 58.333333%;
+         column-gap: 58.333333%;
+  }
+
+  .md\:gap-x-8\/12 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .md\:gap-x-9\/12 {
+    grid-column-gap: 75%;
+    -moz-column-gap: 75%;
+         column-gap: 75%;
+  }
+
+  .md\:gap-x-10\/12 {
+    grid-column-gap: 83.333333%;
+    -moz-column-gap: 83.333333%;
+         column-gap: 83.333333%;
+  }
+
+  .md\:gap-x-11\/12 {
+    grid-column-gap: 91.666667%;
+    -moz-column-gap: 91.666667%;
+         column-gap: 91.666667%;
+  }
+
+  .md\:gap-x-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-44 {
+    grid-row-gap: 11rem;
+    row-gap: 11rem;
+  }
+
+  .md\:row-gap-48 {
+    grid-row-gap: 12rem;
+    row-gap: 12rem;
+  }
+
+  .md\:row-gap-52 {
+    grid-row-gap: 13rem;
+    row-gap: 13rem;
+  }
+
+  .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\:gap-y-0 {
+    grid-row-gap: 0;
+    row-gap: 0;
+  }
+
+  .md\:gap-y-1 {
+    grid-row-gap: 0.25rem;
+    row-gap: 0.25rem;
+  }
+
+  .md\:gap-y-2 {
+    grid-row-gap: 0.5rem;
+    row-gap: 0.5rem;
+  }
+
+  .md\:gap-y-3 {
+    grid-row-gap: 0.75rem;
+    row-gap: 0.75rem;
+  }
+
+  .md\:gap-y-4 {
+    grid-row-gap: 1rem;
+    row-gap: 1rem;
+  }
+
+  .md\:gap-y-5 {
+    grid-row-gap: 1.25rem;
+    row-gap: 1.25rem;
+  }
+
+  .md\:gap-y-6 {
+    grid-row-gap: 1.5rem;
+    row-gap: 1.5rem;
+  }
+
+  .md\:gap-y-7 {
+    grid-row-gap: 1.75rem;
+    row-gap: 1.75rem;
+  }
+
+  .md\:gap-y-8 {
+    grid-row-gap: 2rem;
+    row-gap: 2rem;
+  }
+
+  .md\:gap-y-9 {
+    grid-row-gap: 2.25rem;
+    row-gap: 2.25rem;
+  }
+
+  .md\:gap-y-10 {
+    grid-row-gap: 2.5rem;
+    row-gap: 2.5rem;
+  }
+
+  .md\:gap-y-11 {
+    grid-row-gap: 2.75rem;
+    row-gap: 2.75rem;
+  }
+
+  .md\:gap-y-12 {
+    grid-row-gap: 3rem;
+    row-gap: 3rem;
+  }
+
+  .md\:gap-y-13 {
+    grid-row-gap: 3.25rem;
+    row-gap: 3.25rem;
+  }
+
+  .md\:gap-y-14 {
+    grid-row-gap: 3.5rem;
+    row-gap: 3.5rem;
+  }
+
+  .md\:gap-y-15 {
+    grid-row-gap: 3.75rem;
+    row-gap: 3.75rem;
+  }
+
+  .md\:gap-y-16 {
+    grid-row-gap: 4rem;
+    row-gap: 4rem;
+  }
+
+  .md\:gap-y-20 {
+    grid-row-gap: 5rem;
+    row-gap: 5rem;
+  }
+
+  .md\:gap-y-24 {
+    grid-row-gap: 6rem;
+    row-gap: 6rem;
+  }
+
+  .md\:gap-y-28 {
+    grid-row-gap: 7rem;
+    row-gap: 7rem;
+  }
+
+  .md\:gap-y-32 {
+    grid-row-gap: 8rem;
+    row-gap: 8rem;
+  }
+
+  .md\:gap-y-36 {
+    grid-row-gap: 9rem;
+    row-gap: 9rem;
+  }
+
+  .md\:gap-y-40 {
+    grid-row-gap: 10rem;
+    row-gap: 10rem;
+  }
+
+  .md\:gap-y-44 {
+    grid-row-gap: 11rem;
+    row-gap: 11rem;
+  }
+
+  .md\:gap-y-48 {
+    grid-row-gap: 12rem;
+    row-gap: 12rem;
+  }
+
+  .md\:gap-y-52 {
+    grid-row-gap: 13rem;
+    row-gap: 13rem;
+  }
+
+  .md\:gap-y-56 {
+    grid-row-gap: 14rem;
+    row-gap: 14rem;
+  }
+
+  .md\:gap-y-60 {
+    grid-row-gap: 15rem;
+    row-gap: 15rem;
+  }
+
+  .md\:gap-y-64 {
+    grid-row-gap: 16rem;
+    row-gap: 16rem;
+  }
+
+  .md\:gap-y-72 {
+    grid-row-gap: 18rem;
+    row-gap: 18rem;
+  }
+
+  .md\:gap-y-80 {
+    grid-row-gap: 20rem;
+    row-gap: 20rem;
+  }
+
+  .md\:gap-y-96 {
+    grid-row-gap: 24rem;
+    row-gap: 24rem;
+  }
+
+  .md\:gap-y-px {
+    grid-row-gap: 1px;
+    row-gap: 1px;
+  }
+
+  .md\:gap-y-0\.5 {
+    grid-row-gap: 0.125rem;
+    row-gap: 0.125rem;
+  }
+
+  .md\:gap-y-1\.5 {
+    grid-row-gap: 0.375rem;
+    row-gap: 0.375rem;
+  }
+
+  .md\:gap-y-2\.5 {
+    grid-row-gap: 0.625rem;
+    row-gap: 0.625rem;
+  }
+
+  .md\:gap-y-3\.5 {
+    grid-row-gap: 0.875rem;
+    row-gap: 0.875rem;
+  }
+
+  .md\:gap-y-1\/2 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .md\:gap-y-1\/3 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .md\:gap-y-2\/3 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .md\:gap-y-1\/4 {
+    grid-row-gap: 25%;
+    row-gap: 25%;
+  }
+
+  .md\:gap-y-2\/4 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .md\:gap-y-3\/4 {
+    grid-row-gap: 75%;
+    row-gap: 75%;
+  }
+
+  .md\:gap-y-1\/5 {
+    grid-row-gap: 20%;
+    row-gap: 20%;
+  }
+
+  .md\:gap-y-2\/5 {
+    grid-row-gap: 40%;
+    row-gap: 40%;
+  }
+
+  .md\:gap-y-3\/5 {
+    grid-row-gap: 60%;
+    row-gap: 60%;
+  }
+
+  .md\:gap-y-4\/5 {
+    grid-row-gap: 80%;
+    row-gap: 80%;
+  }
+
+  .md\:gap-y-1\/6 {
+    grid-row-gap: 16.666667%;
+    row-gap: 16.666667%;
+  }
+
+  .md\:gap-y-2\/6 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .md\:gap-y-3\/6 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .md\:gap-y-4\/6 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .md\:gap-y-5\/6 {
+    grid-row-gap: 83.333333%;
+    row-gap: 83.333333%;
+  }
+
+  .md\:gap-y-1\/12 {
+    grid-row-gap: 8.333333%;
+    row-gap: 8.333333%;
+  }
+
+  .md\:gap-y-2\/12 {
+    grid-row-gap: 16.666667%;
+    row-gap: 16.666667%;
+  }
+
+  .md\:gap-y-3\/12 {
+    grid-row-gap: 25%;
+    row-gap: 25%;
+  }
+
+  .md\:gap-y-4\/12 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .md\:gap-y-5\/12 {
+    grid-row-gap: 41.666667%;
+    row-gap: 41.666667%;
+  }
+
+  .md\:gap-y-6\/12 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .md\:gap-y-7\/12 {
+    grid-row-gap: 58.333333%;
+    row-gap: 58.333333%;
+  }
+
+  .md\:gap-y-8\/12 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .md\:gap-y-9\/12 {
+    grid-row-gap: 75%;
+    row-gap: 75%;
+  }
+
+  .md\:gap-y-10\/12 {
+    grid-row-gap: 83.333333%;
+    row-gap: 83.333333%;
+  }
+
+  .md\:gap-y-11\/12 {
+    grid-row-gap: 91.666667%;
+    row-gap: 91.666667%;
+  }
+
+  .md\:gap-y-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\:auto-cols-auto {
+    grid-auto-columns: auto;
+  }
+
+  .md\:auto-cols-min {
+    grid-auto-columns: -webkit-min-content;
+    grid-auto-columns: min-content;
+  }
+
+  .md\:auto-cols-max {
+    grid-auto-columns: -webkit-max-content;
+    grid-auto-columns: max-content;
+  }
+
+  .md\:auto-cols-fr {
+    grid-auto-columns: minmax(0, 1fr);
+  }
+
+  .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-span-full {
+    grid-column: 1 / -1;
+  }
+
+  .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\:auto-rows-auto {
+    grid-auto-rows: auto;
+  }
+
+  .md\:auto-rows-min {
+    grid-auto-rows: -webkit-min-content;
+    grid-auto-rows: min-content;
+  }
+
+  .md\:auto-rows-max {
+    grid-auto-rows: -webkit-max-content;
+    grid-auto-rows: max-content;
+  }
+
+  .md\:auto-rows-fr {
+    grid-auto-rows: minmax(0, 1fr);
+  }
+
+  .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-span-full {
+    grid-row: 1 / -1;
+  }
+
+  .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-1 {
+    --transform-rotate: 1deg;
+  }
+
+  .md\:rotate-2 {
+    --transform-rotate: 2deg;
+  }
+
+  .md\:rotate-3 {
+    --transform-rotate: 3deg;
+  }
+
+  .md\:rotate-6 {
+    --transform-rotate: 6deg;
+  }
+
+  .md\:rotate-12 {
+    --transform-rotate: 12deg;
+  }
+
+  .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\:-rotate-12 {
+    --transform-rotate: -12deg;
+  }
+
+  .md\:-rotate-6 {
+    --transform-rotate: -6deg;
+  }
+
+  .md\:-rotate-3 {
+    --transform-rotate: -3deg;
+  }
+
+  .md\:-rotate-2 {
+    --transform-rotate: -2deg;
+  }
+
+  .md\:-rotate-1 {
+    --transform-rotate: -1deg;
+  }
+
+  .md\:hover\:rotate-0:hover {
+    --transform-rotate: 0;
+  }
+
+  .md\:hover\:rotate-1:hover {
+    --transform-rotate: 1deg;
+  }
+
+  .md\:hover\:rotate-2:hover {
+    --transform-rotate: 2deg;
+  }
+
+  .md\:hover\:rotate-3:hover {
+    --transform-rotate: 3deg;
+  }
+
+  .md\:hover\:rotate-6:hover {
+    --transform-rotate: 6deg;
+  }
+
+  .md\:hover\:rotate-12:hover {
+    --transform-rotate: 12deg;
+  }
+
+  .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\:hover\:-rotate-12:hover {
+    --transform-rotate: -12deg;
+  }
+
+  .md\:hover\:-rotate-6:hover {
+    --transform-rotate: -6deg;
+  }
+
+  .md\:hover\:-rotate-3:hover {
+    --transform-rotate: -3deg;
+  }
+
+  .md\:hover\:-rotate-2:hover {
+    --transform-rotate: -2deg;
+  }
+
+  .md\:hover\:-rotate-1:hover {
+    --transform-rotate: -1deg;
+  }
+
+  .md\:focus\:rotate-0:focus {
+    --transform-rotate: 0;
+  }
+
+  .md\:focus\:rotate-1:focus {
+    --transform-rotate: 1deg;
+  }
+
+  .md\:focus\:rotate-2:focus {
+    --transform-rotate: 2deg;
+  }
+
+  .md\:focus\:rotate-3:focus {
+    --transform-rotate: 3deg;
+  }
+
+  .md\:focus\:rotate-6:focus {
+    --transform-rotate: 6deg;
+  }
+
+  .md\:focus\:rotate-12:focus {
+    --transform-rotate: 12deg;
+  }
+
+  .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\:focus\:-rotate-12:focus {
+    --transform-rotate: -12deg;
+  }
+
+  .md\:focus\:-rotate-6:focus {
+    --transform-rotate: -6deg;
+  }
+
+  .md\:focus\:-rotate-3:focus {
+    --transform-rotate: -3deg;
+  }
+
+  .md\:focus\:-rotate-2:focus {
+    --transform-rotate: -2deg;
+  }
+
+  .md\:focus\:-rotate-1:focus {
+    --transform-rotate: -1deg;
+  }
+
+  .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-44 {
+    --transform-translate-x: 11rem;
+  }
+
+  .md\:translate-x-48 {
+    --transform-translate-x: 12rem;
+  }
+
+  .md\:translate-x-52 {
+    --transform-translate-x: 13rem;
+  }
+
+  .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-44 {
+    --transform-translate-x: -11rem;
+  }
+
+  .md\:-translate-x-48 {
+    --transform-translate-x: -12rem;
+  }
+
+  .md\:-translate-x-52 {
+    --transform-translate-x: -13rem;
+  }
+
+  .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-44 {
+    --transform-translate-y: 11rem;
+  }
+
+  .md\:translate-y-48 {
+    --transform-translate-y: 12rem;
+  }
+
+  .md\:translate-y-52 {
+    --transform-translate-y: 13rem;
+  }
+
+  .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-44 {
+    --transform-translate-y: -11rem;
+  }
+
+  .md\:-translate-y-48 {
+    --transform-translate-y: -12rem;
+  }
+
+  .md\:-translate-y-52 {
+    --transform-translate-y: -13rem;
+  }
+
+  .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-44:hover {
+    --transform-translate-x: 11rem;
+  }
+
+  .md\:hover\:translate-x-48:hover {
+    --transform-translate-x: 12rem;
+  }
+
+  .md\:hover\:translate-x-52:hover {
+    --transform-translate-x: 13rem;
+  }
+
+  .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-44:hover {
+    --transform-translate-x: -11rem;
+  }
+
+  .md\:hover\:-translate-x-48:hover {
+    --transform-translate-x: -12rem;
+  }
+
+  .md\:hover\:-translate-x-52:hover {
+    --transform-translate-x: -13rem;
+  }
+
+  .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-44:hover {
+    --transform-translate-y: 11rem;
+  }
+
+  .md\:hover\:translate-y-48:hover {
+    --transform-translate-y: 12rem;
+  }
+
+  .md\:hover\:translate-y-52:hover {
+    --transform-translate-y: 13rem;
+  }
+
+  .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-44:hover {
+    --transform-translate-y: -11rem;
+  }
+
+  .md\:hover\:-translate-y-48:hover {
+    --transform-translate-y: -12rem;
+  }
+
+  .md\:hover\:-translate-y-52:hover {
+    --transform-translate-y: -13rem;
+  }
+
+  .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-44:focus {
+    --transform-translate-x: 11rem;
+  }
+
+  .md\:focus\:translate-x-48:focus {
+    --transform-translate-x: 12rem;
+  }
+
+  .md\:focus\:translate-x-52:focus {
+    --transform-translate-x: 13rem;
+  }
+
+  .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-44:focus {
+    --transform-translate-x: -11rem;
+  }
+
+  .md\:focus\:-translate-x-48:focus {
+    --transform-translate-x: -12rem;
+  }
+
+  .md\:focus\:-translate-x-52:focus {
+    --transform-translate-x: -13rem;
+  }
+
+  .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-44:focus {
+    --transform-translate-y: 11rem;
+  }
+
+  .md\:focus\:translate-y-48:focus {
+    --transform-translate-y: 12rem;
+  }
+
+  .md\:focus\:translate-y-52:focus {
+    --transform-translate-y: 13rem;
+  }
+
+  .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-44:focus {
+    --transform-translate-y: -11rem;
+  }
+
+  .md\:focus\:-translate-y-48:focus {
+    --transform-translate-y: -12rem;
+  }
+
+  .md\:focus\:-translate-y-52:focus {
+    --transform-translate-y: -13rem;
+  }
+
+  .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-1 {
+    --transform-skew-x: 1deg;
+  }
+
+  .md\:skew-x-2 {
+    --transform-skew-x: 2deg;
+  }
+
+  .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-x-2 {
+    --transform-skew-x: -2deg;
+  }
+
+  .md\:-skew-x-1 {
+    --transform-skew-x: -1deg;
+  }
+
+  .md\:skew-y-0 {
+    --transform-skew-y: 0;
+  }
+
+  .md\:skew-y-1 {
+    --transform-skew-y: 1deg;
+  }
+
+  .md\:skew-y-2 {
+    --transform-skew-y: 2deg;
+  }
+
+  .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\:-skew-y-2 {
+    --transform-skew-y: -2deg;
+  }
+
+  .md\:-skew-y-1 {
+    --transform-skew-y: -1deg;
+  }
+
+  .md\:hover\:skew-x-0:hover {
+    --transform-skew-x: 0;
+  }
+
+  .md\:hover\:skew-x-1:hover {
+    --transform-skew-x: 1deg;
+  }
+
+  .md\:hover\:skew-x-2:hover {
+    --transform-skew-x: 2deg;
+  }
+
+  .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-x-2:hover {
+    --transform-skew-x: -2deg;
+  }
+
+  .md\:hover\:-skew-x-1:hover {
+    --transform-skew-x: -1deg;
+  }
+
+  .md\:hover\:skew-y-0:hover {
+    --transform-skew-y: 0;
+  }
+
+  .md\:hover\:skew-y-1:hover {
+    --transform-skew-y: 1deg;
+  }
+
+  .md\:hover\:skew-y-2:hover {
+    --transform-skew-y: 2deg;
+  }
+
+  .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\:hover\:-skew-y-2:hover {
+    --transform-skew-y: -2deg;
+  }
+
+  .md\:hover\:-skew-y-1:hover {
+    --transform-skew-y: -1deg;
+  }
+
+  .md\:focus\:skew-x-0:focus {
+    --transform-skew-x: 0;
+  }
+
+  .md\:focus\:skew-x-1:focus {
+    --transform-skew-x: 1deg;
+  }
+
+  .md\:focus\:skew-x-2:focus {
+    --transform-skew-x: 2deg;
+  }
+
+  .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-x-2:focus {
+    --transform-skew-x: -2deg;
+  }
+
+  .md\:focus\:-skew-x-1:focus {
+    --transform-skew-x: -1deg;
+  }
+
+  .md\:focus\:skew-y-0:focus {
+    --transform-skew-y: 0;
+  }
+
+  .md\:focus\:skew-y-1:focus {
+    --transform-skew-y: 1deg;
+  }
+
+  .md\:focus\:skew-y-2:focus {
+    --transform-skew-y: 2deg;
+  }
+
+  .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\:focus\:-skew-y-2:focus {
+    --transform-skew-y: -2deg;
+  }
+
+  .md\:focus\:-skew-y-1:focus {
+    --transform-skew-y: -1deg;
+  }
+
+  .md\:transition-none {
+    transition-property: none;
+  }
+
+  .md\:transition-all {
+    transition-property: all;
+  }
+
+  .md\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+  }
+
+  .md\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
+  }
+
+  .md\:transition-opacity {
+    transition-property: opacity;
+  }
+
+  .md\:transition-shadow {
+    transition-property: box-shadow;
+  }
+
+  .md\:transition-transform {
+    transition-property: transform;
+  }
+
+  .md\:ease-linear {
+    transition-timing-function: linear;
+  }
+
+  .md\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+
+  .md\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .md\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .md\:duration-75 {
+    transition-duration: 75ms;
+  }
+
+  .md\:duration-100 {
+    transition-duration: 100ms;
+  }
+
+  .md\:duration-150 {
+    transition-duration: 150ms;
+  }
+
+  .md\:duration-200 {
+    transition-duration: 200ms;
+  }
+
+  .md\:duration-300 {
+    transition-duration: 300ms;
+  }
+
+  .md\:duration-500 {
+    transition-duration: 500ms;
+  }
+
+  .md\:duration-700 {
+    transition-duration: 700ms;
+  }
+
+  .md\:duration-1000 {
+    transition-duration: 1000ms;
+  }
+
+  .md\:delay-75 {
+    transition-delay: 75ms;
+  }
+
+  .md\:delay-100 {
+    transition-delay: 100ms;
+  }
+
+  .md\:delay-150 {
+    transition-delay: 150ms;
+  }
+
+  .md\:delay-200 {
+    transition-delay: 200ms;
+  }
+
+  .md\:delay-300 {
+    transition-delay: 300ms;
+  }
+
+  .md\:delay-500 {
+    transition-delay: 500ms;
+  }
+
+  .md\:delay-700 {
+    transition-delay: 700ms;
+  }
+
+  .md\:delay-1000 {
+    transition-delay: 1000ms;
+  }
+
+  .md\:animate-none {
+    -webkit-animation: none;
+            animation: none;
+  }
+
+  .md\:animate-spin {
+    -webkit-animation: spin 1s linear infinite;
+            animation: spin 1s linear infinite;
+  }
+
+  .md\:animate-ping {
+    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  }
+
+  .md\:animate-pulse {
+    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  .md\:animate-bounce {
+    -webkit-animation: bounce 1s infinite;
+            animation: bounce 1s infinite;
+  }
+}
+
+@media (min-width: 1024px) {
+  .lg\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 640px) {
+    .lg\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .lg\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .lg\:container {
+      max-width: 1024px;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .lg\:container {
+      max-width: 1280px;
+    }
+  }
+
+  .lg\:prose {
+    color: #374151;
+    max-width: 65ch;
+  }
+
+  .lg\:prose [class~="lead"] {
+    color: #4b5563;
+    font-size: 1.25em;
+    line-height: 1.6;
+    margin-top: 1.2em;
+    margin-bottom: 1.2em;
+  }
+
+  .lg\:prose a {
+    color: #5850ec;
+    text-decoration: none;
+    font-weight: 600;
+  }
+
+  .lg\:prose strong {
+    color: #161e2e;
+    font-weight: 600;
+  }
+
+  .lg\:prose ol {
+    counter-reset: list-counter;
+    margin-top: 1.25em;
+    margin-bottom: 1.25em;
+  }
+
+  .lg\:prose ol > li {
+    position: relative;
+    counter-increment: list-counter;
+    padding-left: 1.75em;
+  }
+
+  .lg\:prose ol > li::before {
+    content: counter(list-counter) ".";
+    position: absolute;
+    font-weight: 400;
+    color: #6b7280;
+  }
+
+  .lg\:prose ul > li {
+    position: relative;
+    padding-left: 1.75em;
+  }
+
+  .lg\:prose ul > li::before {
+    content: "";
+    position: absolute;
+    background-color: #d2d6dc;
+    border-radius: 50%;
+    width: 0.375em;
+    height: 0.375em;
+    top: calc(0.875em - 0.1875em);
+    left: 0.25em;
+  }
+
+  .lg\:prose hr {
+    border-color: #e5e7eb;
+    border-top-width: 1px;
+    margin-top: 3em;
+    margin-bottom: 3em;
+  }
+
+  .lg\:prose blockquote {
+    font-weight: 500;
+    font-style: italic;
+    color: #161e2e;
+    border-left-width: 0.25rem;
+    border-left-color: #e5e7eb;
+    quotes: "\201C""\201D""\2018""\2019";
+    margin-top: 1.6em;
+    margin-bottom: 1.6em;
+    padding-left: 1em;
+  }
+
+  .lg\:prose blockquote p:first-of-type::before {
+    content: open-quote;
+  }
+
+  .lg\:prose blockquote p:last-of-type::after {
+    content: close-quote;
+  }
+
+  .lg\:prose h1 {
+    color: #1a202c;
+    font-weight: 800;
+    font-size: 2.25em;
+    margin-top: 0;
+    margin-bottom: 0.8888889em;
+    line-height: 1.1111111;
+  }
+
+  .lg\:prose h2 {
+    color: #1a202c;
+    font-weight: 700;
+    font-size: 1.5em;
+    margin-top: 2em;
+    margin-bottom: 1em;
+    line-height: 1.3333333;
+  }
+
+  .lg\:prose h3 {
+    color: #1a202c;
+    font-weight: 600;
+    font-size: 1.25em;
+    margin-top: 1.6em;
+    margin-bottom: 0.6em;
+    line-height: 1.6;
+  }
+
+  .lg\:prose h4 {
+    color: #1a202c;
+    font-weight: 600;
+    margin-top: 1.5em;
+    margin-bottom: 0.5em;
+    line-height: 1.5;
+  }
+
+  .lg\:prose figure figcaption {
+    color: #6b7280;
+    font-size: 0.875em;
+    line-height: 1.4285714;
+    margin-top: 0.8571429em;
+  }
+
+  .lg\:prose code {
+    color: #161e2e;
+    font-weight: 600;
+    font-size: 0.875em;
+  }
+
+  .lg\:prose code::before {
+    content: "`";
+  }
+
+  .lg\:prose code::after {
+    content: "`";
+  }
+
+  .lg\:prose pre {
+    color: #e5e7eb;
+    background-color: #252f3f;
+    overflow-x: auto;
+    font-size: 0.875em;
+    line-height: 1.7142857;
+    margin-top: 1.7142857em;
+    margin-bottom: 1.7142857em;
+    border-radius: 0.375rem;
+    padding-top: 0.8571429em;
+    padding-right: 1.1428571em;
+    padding-bottom: 0.8571429em;
+    padding-left: 1.1428571em;
+  }
+
+  .lg\:prose pre code {
+    background-color: transparent;
+    border-width: 0;
+    border-radius: 0;
+    padding: 0;
+    font-weight: 400;
+    color: inherit;
+    font-size: inherit;
+    font-family: inherit;
+    line-height: inherit;
+  }
+
+  .lg\:prose pre code::before {
+    content: "";
+  }
+
+  .lg\:prose pre code::after {
+    content: "";
+  }
+
+  .lg\:prose table {
+    width: 100%;
+    table-layout: auto;
+    text-align: left;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    font-size: 0.875em;
+    line-height: 1.7142857;
+  }
+
+  .lg\:prose thead {
+    color: #161e2e;
+    font-weight: 600;
+    border-bottom-width: 1px;
+    border-bottom-color: #d2d6dc;
+  }
+
+  .lg\:prose thead th {
+    vertical-align: bottom;
+    padding-right: 0.5714286em;
+    padding-bottom: 0.5714286em;
+    padding-left: 0.5714286em;
+  }
+
+  .lg\:prose tbody tr {
+    border-bottom-width: 1px;
+    border-bottom-color: #e5e7eb;
+  }
+
+  .lg\:prose tbody tr:last-child {
+    border-bottom-width: 0;
+  }
+
+  .lg\:prose tbody td {
+    vertical-align: top;
+    padding-top: 0.5714286em;
+    padding-right: 0.5714286em;
+    padding-bottom: 0.5714286em;
+    padding-left: 0.5714286em;
+  }
+
+  .lg\:prose {
+    font-size: 1rem;
+    line-height: 1.75;
+  }
+
+  .lg\:prose p {
+    margin-top: 1.25em;
+    margin-bottom: 1.25em;
+  }
+
+  .lg\:prose img {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .lg\:prose video {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .lg\:prose figure {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .lg\:prose figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .lg\:prose h2 code {
+    font-size: 0.875em;
+  }
+
+  .lg\:prose h3 code {
+    font-size: 0.9em;
+  }
+
+  .lg\:prose ul {
+    margin-top: 1.25em;
+    margin-bottom: 1.25em;
+  }
+
+  .lg\:prose li {
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+  }
+
+  .lg\:prose ol > li:before {
+    left: 0;
+  }
+
+  .lg\:prose > ul > li p {
+    margin-top: 0.75em;
+    margin-bottom: 0.75em;
+  }
+
+  .lg\:prose > ul > li > *:first-child {
+    margin-top: 1.25em;
+  }
+
+  .lg\:prose > ul > li > *:last-child {
+    margin-bottom: 1.25em;
+  }
+
+  .lg\:prose > ol > li > *:first-child {
+    margin-top: 1.25em;
+  }
+
+  .lg\:prose > ol > li > *:last-child {
+    margin-bottom: 1.25em;
+  }
+
+  .lg\:prose ul ul, .lg\:prose ul ol, .lg\:prose ol ul, .lg\:prose ol ol {
+    margin-top: 0.75em;
+    margin-bottom: 0.75em;
+  }
+
+  .lg\:prose hr + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose h2 + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose h3 + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose h4 + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose thead th:first-child {
+    padding-left: 0;
+  }
+
+  .lg\:prose thead th:last-child {
+    padding-right: 0;
+  }
+
+  .lg\:prose tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .lg\:prose tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .lg\:prose > :first-child {
+    margin-top: 0;
+  }
+
+  .lg\:prose > :last-child {
+    margin-bottom: 0;
+  }
+
+  .lg\:prose h1, .lg\:prose h2, .lg\:prose h3, .lg\:prose h4 {
+    color: #161e2e;
+  }
+
+  .lg\:prose-sm {
+    font-size: 0.875rem;
+    line-height: 1.7142857;
+  }
+
+  .lg\:prose-sm p {
+    margin-top: 1.1428571em;
+    margin-bottom: 1.1428571em;
+  }
+
+  .lg\:prose-sm [class~="lead"] {
+    font-size: 1.2857143em;
+    line-height: 1.5555556;
+    margin-top: 0.8888889em;
+    margin-bottom: 0.8888889em;
+  }
+
+  .lg\:prose-sm blockquote {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+    padding-left: 1.1111111em;
+  }
+
+  .lg\:prose-sm h1 {
+    font-size: 2.1428571em;
+    margin-top: 0;
+    margin-bottom: 0.8em;
+    line-height: 1.2;
+  }
+
+  .lg\:prose-sm h2 {
+    font-size: 1.4285714em;
+    margin-top: 1.6em;
+    margin-bottom: 0.8em;
+    line-height: 1.4;
+  }
+
+  .lg\:prose-sm h3 {
+    font-size: 1.2857143em;
+    margin-top: 1.5555556em;
+    margin-bottom: 0.4444444em;
+    line-height: 1.5555556;
+  }
+
+  .lg\:prose-sm h4 {
+    margin-top: 1.4285714em;
+    margin-bottom: 0.5714286em;
+    line-height: 1.4285714;
+  }
+
+  .lg\:prose-sm img {
+    margin-top: 1.7142857em;
+    margin-bottom: 1.7142857em;
+  }
+
+  .lg\:prose-sm video {
+    margin-top: 1.7142857em;
+    margin-bottom: 1.7142857em;
+  }
+
+  .lg\:prose-sm figure {
+    margin-top: 1.7142857em;
+    margin-bottom: 1.7142857em;
+  }
+
+  .lg\:prose-sm figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .lg\:prose-sm figure figcaption {
+    font-size: 0.8571429em;
+    line-height: 1.3333333;
+    margin-top: 0.6666667em;
+  }
+
+  .lg\:prose-sm code {
+    font-size: 0.8571429em;
+  }
+
+  .lg\:prose-sm h2 code {
+    font-size: 0.9em;
+  }
+
+  .lg\:prose-sm h3 code {
+    font-size: 0.8888889em;
+  }
+
+  .lg\:prose-sm pre {
+    font-size: 0.8571429em;
+    line-height: 1.6666667;
+    margin-top: 1.6666667em;
+    margin-bottom: 1.6666667em;
+    border-radius: 0.25rem;
+    padding-top: 0.6666667em;
+    padding-right: 1em;
+    padding-bottom: 0.6666667em;
+    padding-left: 1em;
+  }
+
+  .lg\:prose-sm ol {
+    margin-top: 1.1428571em;
+    margin-bottom: 1.1428571em;
+  }
+
+  .lg\:prose-sm ul {
+    margin-top: 1.1428571em;
+    margin-bottom: 1.1428571em;
+  }
+
+  .lg\:prose-sm li {
+    margin-top: 0.2857143em;
+    margin-bottom: 0.2857143em;
+  }
+
+  .lg\:prose-sm ol > li {
+    padding-left: 1.5714286em;
+  }
+
+  .lg\:prose-sm ol > li:before {
+    left: 0;
+  }
+
+  .lg\:prose-sm ul > li {
+    padding-left: 1.5714286em;
+  }
+
+  .lg\:prose-sm ul > li::before {
+    height: 0.3571429em;
+    width: 0.3571429em;
+    top: calc(0.8571429em - 0.1785714em);
+    left: 0.2142857em;
+  }
+
+  .lg\:prose-sm > ul > li p {
+    margin-top: 0.5714286em;
+    margin-bottom: 0.5714286em;
+  }
+
+  .lg\:prose-sm > ul > li > *:first-child {
+    margin-top: 1.1428571em;
+  }
+
+  .lg\:prose-sm > ul > li > *:last-child {
+    margin-bottom: 1.1428571em;
+  }
+
+  .lg\:prose-sm > ol > li > *:first-child {
+    margin-top: 1.1428571em;
+  }
+
+  .lg\:prose-sm > ol > li > *:last-child {
+    margin-bottom: 1.1428571em;
+  }
+
+  .lg\:prose-sm ul ul, .lg\:prose-sm ul ol, .lg\:prose-sm ol ul, .lg\:prose-sm ol ol {
+    margin-top: 0.5714286em;
+    margin-bottom: 0.5714286em;
+  }
+
+  .lg\:prose-sm hr {
+    margin-top: 2.8571429em;
+    margin-bottom: 2.8571429em;
+  }
+
+  .lg\:prose-sm hr + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose-sm h2 + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose-sm h3 + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose-sm h4 + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose-sm table {
+    font-size: 0.8571429em;
+    line-height: 1.5;
+  }
+
+  .lg\:prose-sm thead th {
+    padding-right: 1em;
+    padding-bottom: 0.6666667em;
+    padding-left: 1em;
+  }
+
+  .lg\:prose-sm thead th:first-child {
+    padding-left: 0;
+  }
+
+  .lg\:prose-sm thead th:last-child {
+    padding-right: 0;
+  }
+
+  .lg\:prose-sm tbody td {
+    padding-top: 0.6666667em;
+    padding-right: 1em;
+    padding-bottom: 0.6666667em;
+    padding-left: 1em;
+  }
+
+  .lg\:prose-sm tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .lg\:prose-sm tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .lg\:prose-sm > :first-child {
+    margin-top: 0;
+  }
+
+  .lg\:prose-sm > :last-child {
+    margin-bottom: 0;
+  }
+
+  .lg\:prose-lg {
+    font-size: 1.125rem;
+    line-height: 1.7777778;
+  }
+
+  .lg\:prose-lg p {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .lg\:prose-lg [class~="lead"] {
+    font-size: 1.2222222em;
+    line-height: 1.4545455;
+    margin-top: 1.0909091em;
+    margin-bottom: 1.0909091em;
+  }
+
+  .lg\:prose-lg blockquote {
+    margin-top: 1.6666667em;
+    margin-bottom: 1.6666667em;
+    padding-left: 1em;
+  }
+
+  .lg\:prose-lg h1 {
+    font-size: 2.6666667em;
+    margin-top: 0;
+    margin-bottom: 0.8333333em;
+    line-height: 1;
+  }
+
+  .lg\:prose-lg h2 {
+    font-size: 1.6666667em;
+    margin-top: 1.8666667em;
+    margin-bottom: 1.0666667em;
+    line-height: 1.3333333;
+  }
+
+  .lg\:prose-lg h3 {
+    font-size: 1.3333333em;
+    margin-top: 1.6666667em;
+    margin-bottom: 0.6666667em;
+    line-height: 1.5;
+  }
+
+  .lg\:prose-lg h4 {
+    margin-top: 1.7777778em;
+    margin-bottom: 0.4444444em;
+    line-height: 1.5555556;
+  }
+
+  .lg\:prose-lg img {
+    margin-top: 1.7777778em;
+    margin-bottom: 1.7777778em;
+  }
+
+  .lg\:prose-lg video {
+    margin-top: 1.7777778em;
+    margin-bottom: 1.7777778em;
+  }
+
+  .lg\:prose-lg figure {
+    margin-top: 1.7777778em;
+    margin-bottom: 1.7777778em;
+  }
+
+  .lg\:prose-lg figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .lg\:prose-lg figure figcaption {
+    font-size: 0.8888889em;
+    line-height: 1.5;
+    margin-top: 1em;
+  }
+
+  .lg\:prose-lg code {
+    font-size: 0.8888889em;
+  }
+
+  .lg\:prose-lg h2 code {
+    font-size: 0.8666667em;
+  }
+
+  .lg\:prose-lg h3 code {
+    font-size: 0.875em;
+  }
+
+  .lg\:prose-lg pre {
+    font-size: 0.8888889em;
+    line-height: 1.75;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    border-radius: 0.375rem;
+    padding-top: 1em;
+    padding-right: 1.5em;
+    padding-bottom: 1em;
+    padding-left: 1.5em;
+  }
+
+  .lg\:prose-lg ol {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .lg\:prose-lg ul {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .lg\:prose-lg li {
+    margin-top: 0.6666667em;
+    margin-bottom: 0.6666667em;
+  }
+
+  .lg\:prose-lg ol > li {
+    padding-left: 1.6666667em;
+  }
+
+  .lg\:prose-lg ol > li:before {
+    left: 0;
+  }
+
+  .lg\:prose-lg ul > li {
+    padding-left: 1.6666667em;
+  }
+
+  .lg\:prose-lg ul > li::before {
+    width: 0.3333333em;
+    height: 0.3333333em;
+    top: calc(0.8888889em - 0.1666667em);
+    left: 0.2222222em;
+  }
+
+  .lg\:prose-lg > ul > li p {
+    margin-top: 0.8888889em;
+    margin-bottom: 0.8888889em;
+  }
+
+  .lg\:prose-lg > ul > li > *:first-child {
+    margin-top: 1.3333333em;
+  }
+
+  .lg\:prose-lg > ul > li > *:last-child {
+    margin-bottom: 1.3333333em;
+  }
+
+  .lg\:prose-lg > ol > li > *:first-child {
+    margin-top: 1.3333333em;
+  }
+
+  .lg\:prose-lg > ol > li > *:last-child {
+    margin-bottom: 1.3333333em;
+  }
+
+  .lg\:prose-lg ul ul, .lg\:prose-lg ul ol, .lg\:prose-lg ol ul, .lg\:prose-lg ol ol {
+    margin-top: 0.8888889em;
+    margin-bottom: 0.8888889em;
+  }
+
+  .lg\:prose-lg hr {
+    margin-top: 3.1111111em;
+    margin-bottom: 3.1111111em;
+  }
+
+  .lg\:prose-lg hr + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose-lg h2 + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose-lg h3 + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose-lg h4 + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose-lg table {
+    font-size: 0.8888889em;
+    line-height: 1.5;
+  }
+
+  .lg\:prose-lg thead th {
+    padding-right: 0.75em;
+    padding-bottom: 0.75em;
+    padding-left: 0.75em;
+  }
+
+  .lg\:prose-lg thead th:first-child {
+    padding-left: 0;
+  }
+
+  .lg\:prose-lg thead th:last-child {
+    padding-right: 0;
+  }
+
+  .lg\:prose-lg tbody td {
+    padding-top: 0.75em;
+    padding-right: 0.75em;
+    padding-bottom: 0.75em;
+    padding-left: 0.75em;
+  }
+
+  .lg\:prose-lg tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .lg\:prose-lg tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .lg\:prose-lg > :first-child {
+    margin-top: 0;
+  }
+
+  .lg\:prose-lg > :last-child {
+    margin-bottom: 0;
+  }
+
+  .lg\:prose-xl {
+    font-size: 1.25rem;
+    line-height: 1.8;
+  }
+
+  .lg\:prose-xl p {
+    margin-top: 1.2em;
+    margin-bottom: 1.2em;
+  }
+
+  .lg\:prose-xl [class~="lead"] {
+    font-size: 1.2em;
+    line-height: 1.5;
+    margin-top: 1em;
+    margin-bottom: 1em;
+  }
+
+  .lg\:prose-xl blockquote {
+    margin-top: 1.6em;
+    margin-bottom: 1.6em;
+    padding-left: 1.0666667em;
+  }
+
+  .lg\:prose-xl h1 {
+    font-size: 2.8em;
+    margin-top: 0;
+    margin-bottom: 0.8571429em;
+    line-height: 1;
+  }
+
+  .lg\:prose-xl h2 {
+    font-size: 1.8em;
+    margin-top: 1.5555556em;
+    margin-bottom: 0.8888889em;
+    line-height: 1.1111111;
+  }
+
+  .lg\:prose-xl h3 {
+    font-size: 1.5em;
+    margin-top: 1.6em;
+    margin-bottom: 0.6666667em;
+    line-height: 1.3333333;
+  }
+
+  .lg\:prose-xl h4 {
+    margin-top: 1.8em;
+    margin-bottom: 0.6em;
+    line-height: 1.6;
+  }
+
+  .lg\:prose-xl img {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .lg\:prose-xl video {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .lg\:prose-xl figure {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .lg\:prose-xl figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .lg\:prose-xl figure figcaption {
+    font-size: 0.9em;
+    line-height: 1.5555556;
+    margin-top: 1em;
+  }
+
+  .lg\:prose-xl code {
+    font-size: 0.9em;
+  }
+
+  .lg\:prose-xl h2 code {
+    font-size: 0.8611111em;
+  }
+
+  .lg\:prose-xl h3 code {
+    font-size: 0.9em;
+  }
+
+  .lg\:prose-xl pre {
+    font-size: 0.9em;
+    line-height: 1.7777778;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    border-radius: 0.5rem;
+    padding-top: 1.1111111em;
+    padding-right: 1.3333333em;
+    padding-bottom: 1.1111111em;
+    padding-left: 1.3333333em;
+  }
+
+  .lg\:prose-xl ol {
+    margin-top: 1.2em;
+    margin-bottom: 1.2em;
+  }
+
+  .lg\:prose-xl ul {
+    margin-top: 1.2em;
+    margin-bottom: 1.2em;
+  }
+
+  .lg\:prose-xl li {
+    margin-top: 0.6em;
+    margin-bottom: 0.6em;
+  }
+
+  .lg\:prose-xl ol > li {
+    padding-left: 1.8em;
+  }
+
+  .lg\:prose-xl ol > li:before {
+    left: 0;
+  }
+
+  .lg\:prose-xl ul > li {
+    padding-left: 1.8em;
+  }
+
+  .lg\:prose-xl ul > li::before {
+    width: 0.35em;
+    height: 0.35em;
+    top: calc(0.9em - 0.175em);
+    left: 0.25em;
+  }
+
+  .lg\:prose-xl > ul > li p {
+    margin-top: 0.8em;
+    margin-bottom: 0.8em;
+  }
+
+  .lg\:prose-xl > ul > li > *:first-child {
+    margin-top: 1.2em;
+  }
+
+  .lg\:prose-xl > ul > li > *:last-child {
+    margin-bottom: 1.2em;
+  }
+
+  .lg\:prose-xl > ol > li > *:first-child {
+    margin-top: 1.2em;
+  }
+
+  .lg\:prose-xl > ol > li > *:last-child {
+    margin-bottom: 1.2em;
+  }
+
+  .lg\:prose-xl ul ul, .lg\:prose-xl ul ol, .lg\:prose-xl ol ul, .lg\:prose-xl ol ol {
+    margin-top: 0.8em;
+    margin-bottom: 0.8em;
+  }
+
+  .lg\:prose-xl hr {
+    margin-top: 2.8em;
+    margin-bottom: 2.8em;
+  }
+
+  .lg\:prose-xl hr + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose-xl h2 + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose-xl h3 + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose-xl h4 + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose-xl table {
+    font-size: 0.9em;
+    line-height: 1.5555556;
+  }
+
+  .lg\:prose-xl thead th {
+    padding-right: 0.6666667em;
+    padding-bottom: 0.8888889em;
+    padding-left: 0.6666667em;
+  }
+
+  .lg\:prose-xl thead th:first-child {
+    padding-left: 0;
+  }
+
+  .lg\:prose-xl thead th:last-child {
+    padding-right: 0;
+  }
+
+  .lg\:prose-xl tbody td {
+    padding-top: 0.8888889em;
+    padding-right: 0.6666667em;
+    padding-bottom: 0.8888889em;
+    padding-left: 0.6666667em;
+  }
+
+  .lg\:prose-xl tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .lg\:prose-xl tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .lg\:prose-xl > :first-child {
+    margin-top: 0;
+  }
+
+  .lg\:prose-xl > :last-child {
+    margin-bottom: 0;
+  }
+
+  .lg\:prose-2xl {
+    font-size: 1.5rem;
+    line-height: 1.6666667;
+  }
+
+  .lg\:prose-2xl p {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .lg\:prose-2xl [class~="lead"] {
+    font-size: 1.25em;
+    line-height: 1.4666667;
+    margin-top: 1.0666667em;
+    margin-bottom: 1.0666667em;
+  }
+
+  .lg\:prose-2xl blockquote {
+    margin-top: 1.7777778em;
+    margin-bottom: 1.7777778em;
+    padding-left: 1.1111111em;
+  }
+
+  .lg\:prose-2xl h1 {
+    font-size: 2.6666667em;
+    margin-top: 0;
+    margin-bottom: 0.875em;
+    line-height: 1;
+  }
+
+  .lg\:prose-2xl h2 {
+    font-size: 2em;
+    margin-top: 1.5em;
+    margin-bottom: 0.8333333em;
+    line-height: 1.0833333;
+  }
+
+  .lg\:prose-2xl h3 {
+    font-size: 1.5em;
+    margin-top: 1.5555556em;
+    margin-bottom: 0.6666667em;
+    line-height: 1.2222222;
+  }
+
+  .lg\:prose-2xl h4 {
+    margin-top: 1.6666667em;
+    margin-bottom: 0.6666667em;
+    line-height: 1.5;
+  }
+
+  .lg\:prose-2xl img {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .lg\:prose-2xl video {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .lg\:prose-2xl figure {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .lg\:prose-2xl figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .lg\:prose-2xl figure figcaption {
+    font-size: 0.8333333em;
+    line-height: 1.6;
+    margin-top: 1em;
+  }
+
+  .lg\:prose-2xl code {
+    font-size: 0.8333333em;
+  }
+
+  .lg\:prose-2xl h2 code {
+    font-size: 0.875em;
+  }
+
+  .lg\:prose-2xl h3 code {
+    font-size: 0.8888889em;
+  }
+
+  .lg\:prose-2xl pre {
+    font-size: 0.8333333em;
+    line-height: 1.8;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    border-radius: 0.5rem;
+    padding-top: 1.2em;
+    padding-right: 1.6em;
+    padding-bottom: 1.2em;
+    padding-left: 1.6em;
+  }
+
+  .lg\:prose-2xl ol {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .lg\:prose-2xl ul {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .lg\:prose-2xl li {
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+  }
+
+  .lg\:prose-2xl ol > li {
+    padding-left: 1.6666667em;
+  }
+
+  .lg\:prose-2xl ol > li:before {
+    left: 0;
+  }
+
+  .lg\:prose-2xl ul > li {
+    padding-left: 1.6666667em;
+  }
+
+  .lg\:prose-2xl ul > li::before {
+    width: 0.3333333em;
+    height: 0.3333333em;
+    top: calc(0.8333333em - 0.1666667em);
+    left: 0.25em;
+  }
+
+  .lg\:prose-2xl > ul > li p {
+    margin-top: 0.8333333em;
+    margin-bottom: 0.8333333em;
+  }
+
+  .lg\:prose-2xl > ul > li > *:first-child {
+    margin-top: 1.3333333em;
+  }
+
+  .lg\:prose-2xl > ul > li > *:last-child {
+    margin-bottom: 1.3333333em;
+  }
+
+  .lg\:prose-2xl > ol > li > *:first-child {
+    margin-top: 1.3333333em;
+  }
+
+  .lg\:prose-2xl > ol > li > *:last-child {
+    margin-bottom: 1.3333333em;
+  }
+
+  .lg\:prose-2xl ul ul, .lg\:prose-2xl ul ol, .lg\:prose-2xl ol ul, .lg\:prose-2xl ol ol {
+    margin-top: 0.6666667em;
+    margin-bottom: 0.6666667em;
+  }
+
+  .lg\:prose-2xl hr {
+    margin-top: 3em;
+    margin-bottom: 3em;
+  }
+
+  .lg\:prose-2xl hr + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose-2xl h2 + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose-2xl h3 + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose-2xl h4 + * {
+    margin-top: 0;
+  }
+
+  .lg\:prose-2xl table {
+    font-size: 0.8333333em;
+    line-height: 1.4;
+  }
+
+  .lg\:prose-2xl thead th {
+    padding-right: 0.6em;
+    padding-bottom: 0.8em;
+    padding-left: 0.6em;
+  }
+
+  .lg\:prose-2xl thead th:first-child {
+    padding-left: 0;
+  }
+
+  .lg\:prose-2xl thead th:last-child {
+    padding-right: 0;
+  }
+
+  .lg\:prose-2xl tbody td {
+    padding-top: 0.8em;
+    padding-right: 0.6em;
+    padding-bottom: 0.8em;
+    padding-left: 0.6em;
+  }
+
+  .lg\:prose-2xl tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .lg\:prose-2xl tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .lg\:prose-2xl > :first-child {
+    margin-top: 0;
+  }
+
+  .lg\:prose-2xl > :last-child {
+    margin-bottom: 0;
+  }
+
+  .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-44 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(11rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(11rem * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-44 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(11rem * var(--space-x-reverse));
+    margin-left: calc(11rem * 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-52 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(13rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(13rem * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-52 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(13rem * var(--space-x-reverse));
+    margin-left: calc(13rem * 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-44 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-11rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-11rem * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-44 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-11rem * var(--space-x-reverse));
+    margin-left: calc(-11rem * 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-52 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-13rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-13rem * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-52 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-13rem * var(--space-x-reverse));
+    margin-left: calc(-13rem * 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-current > :not(template) ~ :not(template) {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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-cool-gray-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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-solid > :not(template) ~ :not(template) {
+    border-style: solid;
+  }
+
+  .lg\:divide-dashed > :not(template) ~ :not(template) {
+    border-style: dashed;
+  }
+
+  .lg\:divide-dotted > :not(template) ~ :not(template) {
+    border-style: dotted;
+  }
+
+  .lg\:divide-double > :not(template) ~ :not(template) {
+    border-style: double;
+  }
+
+  .lg\:divide-none > :not(template) ~ :not(template) {
+    border-style: none;
+  }
+
+  .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-clip-border {
+    background-clip: border-box;
+  }
+
+  .lg\:bg-clip-padding {
+    background-clip: padding-box;
+  }
+
+  .lg\:bg-clip-content {
+    background-clip: content-box;
+  }
+
+  .lg\:bg-clip-text {
+    -webkit-background-clip: text;
+            background-clip: text;
+  }
+
+  .lg\:bg-current {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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));
+  }
+
+  .lg\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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));
+  }
+
+  .group:hover .lg\:group-hover\:bg-current {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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:hover .lg\:group-hover\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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:focus .lg\:group-focus\:bg-current {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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));
+  }
+
+  .group:focus .lg\:group-focus\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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));
+  }
+
+  .lg\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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\:hover\:bg-cool-gray-50:hover {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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\:focus\:bg-cool-gray-50:focus {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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\:active\:bg-current:active {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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\:active\:bg-cool-gray-50:active {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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\:bg-none {
+    background-image: none;
+  }
+
+  .lg\:bg-gradient-to-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-to-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-to-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-to-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-to-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-to-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-to-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-to-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops));
+  }
+
+  .lg\:from-current {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:from-transparent {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:from-white {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:from-black {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:from-gray-50 {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .lg\:from-gray-100 {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .lg\:from-gray-200 {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .lg\:from-gray-300 {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .lg\:from-gray-400 {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .lg\:from-gray-500 {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .lg\:from-gray-600 {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .lg\:from-gray-700 {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .lg\:from-gray-800 {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .lg\:from-gray-900 {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .lg\:from-red-50 {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .lg\:from-red-100 {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .lg\:from-red-200 {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .lg\:from-red-300 {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .lg\:from-red-400 {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .lg\:from-red-500 {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .lg\:from-red-600 {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .lg\:from-red-700 {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .lg\:from-red-800 {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .lg\:from-red-900 {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .lg\:from-orange-50 {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .lg\:from-orange-100 {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .lg\:from-orange-200 {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .lg\:from-orange-300 {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .lg\:from-orange-400 {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .lg\:from-orange-500 {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .lg\:from-orange-600 {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .lg\:from-orange-700 {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .lg\:from-orange-800 {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .lg\:from-orange-900 {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .lg\:from-yellow-50 {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .lg\:from-yellow-100 {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .lg\:from-yellow-200 {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .lg\:from-yellow-300 {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .lg\:from-yellow-400 {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .lg\:from-yellow-500 {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .lg\:from-yellow-600 {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .lg\:from-yellow-700 {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .lg\:from-yellow-800 {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .lg\:from-yellow-900 {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .lg\:from-green-50 {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .lg\:from-green-100 {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .lg\:from-green-200 {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .lg\:from-green-300 {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .lg\:from-green-400 {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .lg\:from-green-500 {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .lg\:from-green-600 {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .lg\:from-green-700 {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .lg\:from-green-800 {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .lg\:from-green-900 {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .lg\:from-teal-50 {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .lg\:from-teal-100 {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .lg\:from-teal-200 {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .lg\:from-teal-300 {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .lg\:from-teal-400 {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .lg\:from-teal-500 {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .lg\:from-teal-600 {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .lg\:from-teal-700 {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .lg\:from-teal-800 {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .lg\:from-teal-900 {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .lg\:from-blue-50 {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .lg\:from-blue-100 {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .lg\:from-blue-200 {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .lg\:from-blue-300 {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .lg\:from-blue-400 {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .lg\:from-blue-500 {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .lg\:from-blue-600 {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .lg\:from-blue-700 {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .lg\:from-blue-800 {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .lg\:from-blue-900 {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .lg\:from-indigo-50 {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .lg\:from-indigo-100 {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .lg\:from-indigo-200 {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .lg\:from-indigo-300 {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .lg\:from-indigo-400 {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .lg\:from-indigo-500 {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .lg\:from-indigo-600 {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .lg\:from-indigo-700 {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .lg\:from-indigo-800 {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .lg\:from-indigo-900 {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .lg\:from-purple-50 {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .lg\:from-purple-100 {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .lg\:from-purple-200 {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .lg\:from-purple-300 {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .lg\:from-purple-400 {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .lg\:from-purple-500 {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .lg\:from-purple-600 {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .lg\:from-purple-700 {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .lg\:from-purple-800 {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .lg\:from-purple-900 {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .lg\:from-pink-50 {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .lg\:from-pink-100 {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .lg\:from-pink-200 {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .lg\:from-pink-300 {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .lg\:from-pink-400 {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .lg\:from-pink-500 {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .lg\:from-pink-600 {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .lg\:from-pink-700 {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .lg\:from-pink-800 {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .lg\:from-pink-900 {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .lg\:from-cool-gray-50 {
+    --gradient-from-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .lg\:from-cool-gray-100 {
+    --gradient-from-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .lg\:from-cool-gray-200 {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .lg\:from-cool-gray-300 {
+    --gradient-from-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .lg\:from-cool-gray-400 {
+    --gradient-from-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .lg\:from-cool-gray-500 {
+    --gradient-from-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .lg\:from-cool-gray-600 {
+    --gradient-from-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .lg\:from-cool-gray-700 {
+    --gradient-from-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .lg\:from-cool-gray-800 {
+    --gradient-from-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .lg\:from-cool-gray-900 {
+    --gradient-from-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .lg\:via-current {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:via-transparent {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:via-white {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:via-black {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:via-gray-50 {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .lg\:via-gray-100 {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .lg\:via-gray-200 {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .lg\:via-gray-300 {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .lg\:via-gray-400 {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .lg\:via-gray-500 {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .lg\:via-gray-600 {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .lg\:via-gray-700 {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .lg\:via-gray-800 {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .lg\:via-gray-900 {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .lg\:via-red-50 {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .lg\:via-red-100 {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .lg\:via-red-200 {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .lg\:via-red-300 {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .lg\:via-red-400 {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .lg\:via-red-500 {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .lg\:via-red-600 {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .lg\:via-red-700 {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .lg\:via-red-800 {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .lg\:via-red-900 {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .lg\:via-orange-50 {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .lg\:via-orange-100 {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .lg\:via-orange-200 {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .lg\:via-orange-300 {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .lg\:via-orange-400 {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .lg\:via-orange-500 {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .lg\:via-orange-600 {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .lg\:via-orange-700 {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .lg\:via-orange-800 {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .lg\:via-orange-900 {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .lg\:via-yellow-50 {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .lg\:via-yellow-100 {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .lg\:via-yellow-200 {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .lg\:via-yellow-300 {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .lg\:via-yellow-400 {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .lg\:via-yellow-500 {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .lg\:via-yellow-600 {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .lg\:via-yellow-700 {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .lg\:via-yellow-800 {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .lg\:via-yellow-900 {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .lg\:via-green-50 {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .lg\:via-green-100 {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .lg\:via-green-200 {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .lg\:via-green-300 {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .lg\:via-green-400 {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .lg\:via-green-500 {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .lg\:via-green-600 {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .lg\:via-green-700 {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .lg\:via-green-800 {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .lg\:via-green-900 {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .lg\:via-teal-50 {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .lg\:via-teal-100 {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .lg\:via-teal-200 {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .lg\:via-teal-300 {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .lg\:via-teal-400 {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .lg\:via-teal-500 {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .lg\:via-teal-600 {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .lg\:via-teal-700 {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .lg\:via-teal-800 {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .lg\:via-teal-900 {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .lg\:via-blue-50 {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .lg\:via-blue-100 {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .lg\:via-blue-200 {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .lg\:via-blue-300 {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .lg\:via-blue-400 {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .lg\:via-blue-500 {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .lg\:via-blue-600 {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .lg\:via-blue-700 {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .lg\:via-blue-800 {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .lg\:via-blue-900 {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .lg\:via-indigo-50 {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .lg\:via-indigo-100 {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .lg\:via-indigo-200 {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .lg\:via-indigo-300 {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .lg\:via-indigo-400 {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .lg\:via-indigo-500 {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .lg\:via-indigo-600 {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .lg\:via-indigo-700 {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .lg\:via-indigo-800 {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .lg\:via-indigo-900 {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .lg\:via-purple-50 {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .lg\:via-purple-100 {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .lg\:via-purple-200 {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .lg\:via-purple-300 {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .lg\:via-purple-400 {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .lg\:via-purple-500 {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .lg\:via-purple-600 {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .lg\:via-purple-700 {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .lg\:via-purple-800 {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .lg\:via-purple-900 {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .lg\:via-pink-50 {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .lg\:via-pink-100 {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .lg\:via-pink-200 {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .lg\:via-pink-300 {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .lg\:via-pink-400 {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .lg\:via-pink-500 {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .lg\:via-pink-600 {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .lg\:via-pink-700 {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .lg\:via-pink-800 {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .lg\:via-pink-900 {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .lg\:via-cool-gray-50 {
+    --gradient-via-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .lg\:via-cool-gray-100 {
+    --gradient-via-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .lg\:via-cool-gray-200 {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .lg\:via-cool-gray-300 {
+    --gradient-via-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .lg\:via-cool-gray-400 {
+    --gradient-via-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .lg\:via-cool-gray-500 {
+    --gradient-via-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .lg\:via-cool-gray-600 {
+    --gradient-via-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .lg\:via-cool-gray-700 {
+    --gradient-via-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .lg\:via-cool-gray-800 {
+    --gradient-via-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .lg\:via-cool-gray-900 {
+    --gradient-via-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .lg\:to-current {
+    --gradient-to-color: currentColor;
+  }
+
+  .lg\:to-transparent {
+    --gradient-to-color: transparent;
+  }
+
+  .lg\:to-white {
+    --gradient-to-color: #ffffff;
+  }
+
+  .lg\:to-black {
+    --gradient-to-color: #000000;
+  }
+
+  .lg\:to-gray-50 {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .lg\:to-gray-100 {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .lg\:to-gray-200 {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .lg\:to-gray-300 {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .lg\:to-gray-400 {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .lg\:to-gray-500 {
+    --gradient-to-color: #6b7280;
+  }
+
+  .lg\:to-gray-600 {
+    --gradient-to-color: #4b5563;
+  }
+
+  .lg\:to-gray-700 {
+    --gradient-to-color: #374151;
+  }
+
+  .lg\:to-gray-800 {
+    --gradient-to-color: #252f3f;
+  }
+
+  .lg\:to-gray-900 {
+    --gradient-to-color: #161e2e;
+  }
+
+  .lg\:to-red-50 {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .lg\:to-red-100 {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .lg\:to-red-200 {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .lg\:to-red-300 {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .lg\:to-red-400 {
+    --gradient-to-color: #f98080;
+  }
+
+  .lg\:to-red-500 {
+    --gradient-to-color: #f05252;
+  }
+
+  .lg\:to-red-600 {
+    --gradient-to-color: #e02424;
+  }
+
+  .lg\:to-red-700 {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .lg\:to-red-800 {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .lg\:to-red-900 {
+    --gradient-to-color: #771d1d;
+  }
+
+  .lg\:to-orange-50 {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .lg\:to-orange-100 {
+    --gradient-to-color: #feecdc;
+  }
+
+  .lg\:to-orange-200 {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .lg\:to-orange-300 {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .lg\:to-orange-400 {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .lg\:to-orange-500 {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .lg\:to-orange-600 {
+    --gradient-to-color: #d03801;
+  }
+
+  .lg\:to-orange-700 {
+    --gradient-to-color: #b43403;
+  }
+
+  .lg\:to-orange-800 {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .lg\:to-orange-900 {
+    --gradient-to-color: #73230d;
+  }
+
+  .lg\:to-yellow-50 {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .lg\:to-yellow-100 {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .lg\:to-yellow-200 {
+    --gradient-to-color: #fce96a;
+  }
+
+  .lg\:to-yellow-300 {
+    --gradient-to-color: #faca15;
+  }
+
+  .lg\:to-yellow-400 {
+    --gradient-to-color: #e3a008;
+  }
+
+  .lg\:to-yellow-500 {
+    --gradient-to-color: #c27803;
+  }
+
+  .lg\:to-yellow-600 {
+    --gradient-to-color: #9f580a;
+  }
+
+  .lg\:to-yellow-700 {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .lg\:to-yellow-800 {
+    --gradient-to-color: #723b13;
+  }
+
+  .lg\:to-yellow-900 {
+    --gradient-to-color: #633112;
+  }
+
+  .lg\:to-green-50 {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .lg\:to-green-100 {
+    --gradient-to-color: #def7ec;
+  }
+
+  .lg\:to-green-200 {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .lg\:to-green-300 {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .lg\:to-green-400 {
+    --gradient-to-color: #31c48d;
+  }
+
+  .lg\:to-green-500 {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .lg\:to-green-600 {
+    --gradient-to-color: #057a55;
+  }
+
+  .lg\:to-green-700 {
+    --gradient-to-color: #046c4e;
+  }
+
+  .lg\:to-green-800 {
+    --gradient-to-color: #03543f;
+  }
+
+  .lg\:to-green-900 {
+    --gradient-to-color: #014737;
+  }
+
+  .lg\:to-teal-50 {
+    --gradient-to-color: #edfafa;
+  }
+
+  .lg\:to-teal-100 {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .lg\:to-teal-200 {
+    --gradient-to-color: #afecef;
+  }
+
+  .lg\:to-teal-300 {
+    --gradient-to-color: #7edce2;
+  }
+
+  .lg\:to-teal-400 {
+    --gradient-to-color: #16bdca;
+  }
+
+  .lg\:to-teal-500 {
+    --gradient-to-color: #0694a2;
+  }
+
+  .lg\:to-teal-600 {
+    --gradient-to-color: #047481;
+  }
+
+  .lg\:to-teal-700 {
+    --gradient-to-color: #036672;
+  }
+
+  .lg\:to-teal-800 {
+    --gradient-to-color: #05505c;
+  }
+
+  .lg\:to-teal-900 {
+    --gradient-to-color: #014451;
+  }
+
+  .lg\:to-blue-50 {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .lg\:to-blue-100 {
+    --gradient-to-color: #e1effe;
+  }
+
+  .lg\:to-blue-200 {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .lg\:to-blue-300 {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .lg\:to-blue-400 {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .lg\:to-blue-500 {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .lg\:to-blue-600 {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .lg\:to-blue-700 {
+    --gradient-to-color: #1a56db;
+  }
+
+  .lg\:to-blue-800 {
+    --gradient-to-color: #1e429f;
+  }
+
+  .lg\:to-blue-900 {
+    --gradient-to-color: #233876;
+  }
+
+  .lg\:to-indigo-50 {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .lg\:to-indigo-100 {
+    --gradient-to-color: #e5edff;
+  }
+
+  .lg\:to-indigo-200 {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .lg\:to-indigo-300 {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .lg\:to-indigo-400 {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .lg\:to-indigo-500 {
+    --gradient-to-color: #6875f5;
+  }
+
+  .lg\:to-indigo-600 {
+    --gradient-to-color: #5850ec;
+  }
+
+  .lg\:to-indigo-700 {
+    --gradient-to-color: #5145cd;
+  }
+
+  .lg\:to-indigo-800 {
+    --gradient-to-color: #42389d;
+  }
+
+  .lg\:to-indigo-900 {
+    --gradient-to-color: #362f78;
+  }
+
+  .lg\:to-purple-50 {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .lg\:to-purple-100 {
+    --gradient-to-color: #edebfe;
+  }
+
+  .lg\:to-purple-200 {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .lg\:to-purple-300 {
+    --gradient-to-color: #cabffd;
+  }
+
+  .lg\:to-purple-400 {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .lg\:to-purple-500 {
+    --gradient-to-color: #9061f9;
+  }
+
+  .lg\:to-purple-600 {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .lg\:to-purple-700 {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .lg\:to-purple-800 {
+    --gradient-to-color: #5521b5;
+  }
+
+  .lg\:to-purple-900 {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .lg\:to-pink-50 {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .lg\:to-pink-100 {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .lg\:to-pink-200 {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .lg\:to-pink-300 {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .lg\:to-pink-400 {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .lg\:to-pink-500 {
+    --gradient-to-color: #e74694;
+  }
+
+  .lg\:to-pink-600 {
+    --gradient-to-color: #d61f69;
+  }
+
+  .lg\:to-pink-700 {
+    --gradient-to-color: #bf125d;
+  }
+
+  .lg\:to-pink-800 {
+    --gradient-to-color: #99154b;
+  }
+
+  .lg\:to-pink-900 {
+    --gradient-to-color: #751a3d;
+  }
+
+  .lg\:to-cool-gray-50 {
+    --gradient-to-color: #f8fafc;
+  }
+
+  .lg\:to-cool-gray-100 {
+    --gradient-to-color: #f1f5f9;
+  }
+
+  .lg\:to-cool-gray-200 {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .lg\:to-cool-gray-300 {
+    --gradient-to-color: #cfd8e3;
+  }
+
+  .lg\:to-cool-gray-400 {
+    --gradient-to-color: #97a6ba;
+  }
+
+  .lg\:to-cool-gray-500 {
+    --gradient-to-color: #64748b;
+  }
+
+  .lg\:to-cool-gray-600 {
+    --gradient-to-color: #475569;
+  }
+
+  .lg\:to-cool-gray-700 {
+    --gradient-to-color: #364152;
+  }
+
+  .lg\:to-cool-gray-800 {
+    --gradient-to-color: #27303f;
+  }
+
+  .lg\:to-cool-gray-900 {
+    --gradient-to-color: #1a202e;
+  }
+
+  .lg\:hover\:from-current:hover {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:hover\:from-transparent:hover {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:hover\:from-white:hover {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:hover\:from-black:hover {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:hover\:from-gray-50:hover {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .lg\:hover\:from-gray-100:hover {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .lg\:hover\:from-gray-200:hover {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .lg\:hover\:from-gray-300:hover {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .lg\:hover\:from-gray-400:hover {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .lg\:hover\:from-gray-500:hover {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .lg\:hover\:from-gray-600:hover {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .lg\:hover\:from-gray-700:hover {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .lg\:hover\:from-gray-800:hover {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .lg\:hover\:from-gray-900:hover {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .lg\:hover\:from-red-50:hover {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .lg\:hover\:from-red-100:hover {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .lg\:hover\:from-red-200:hover {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .lg\:hover\:from-red-300:hover {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .lg\:hover\:from-red-400:hover {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .lg\:hover\:from-red-500:hover {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .lg\:hover\:from-red-600:hover {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .lg\:hover\:from-red-700:hover {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .lg\:hover\:from-red-800:hover {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .lg\:hover\:from-red-900:hover {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .lg\:hover\:from-orange-50:hover {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .lg\:hover\:from-orange-100:hover {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .lg\:hover\:from-orange-200:hover {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .lg\:hover\:from-orange-300:hover {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .lg\:hover\:from-orange-400:hover {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .lg\:hover\:from-orange-500:hover {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .lg\:hover\:from-orange-600:hover {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .lg\:hover\:from-orange-700:hover {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .lg\:hover\:from-orange-800:hover {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .lg\:hover\:from-orange-900:hover {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .lg\:hover\:from-yellow-50:hover {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .lg\:hover\:from-yellow-100:hover {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .lg\:hover\:from-yellow-200:hover {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .lg\:hover\:from-yellow-300:hover {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .lg\:hover\:from-yellow-400:hover {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .lg\:hover\:from-yellow-500:hover {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .lg\:hover\:from-yellow-600:hover {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .lg\:hover\:from-yellow-700:hover {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .lg\:hover\:from-yellow-800:hover {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .lg\:hover\:from-yellow-900:hover {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .lg\:hover\:from-green-50:hover {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .lg\:hover\:from-green-100:hover {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .lg\:hover\:from-green-200:hover {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .lg\:hover\:from-green-300:hover {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .lg\:hover\:from-green-400:hover {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .lg\:hover\:from-green-500:hover {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .lg\:hover\:from-green-600:hover {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .lg\:hover\:from-green-700:hover {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .lg\:hover\:from-green-800:hover {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .lg\:hover\:from-green-900:hover {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .lg\:hover\:from-teal-50:hover {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .lg\:hover\:from-teal-100:hover {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .lg\:hover\:from-teal-200:hover {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .lg\:hover\:from-teal-300:hover {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .lg\:hover\:from-teal-400:hover {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .lg\:hover\:from-teal-500:hover {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .lg\:hover\:from-teal-600:hover {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .lg\:hover\:from-teal-700:hover {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .lg\:hover\:from-teal-800:hover {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .lg\:hover\:from-teal-900:hover {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .lg\:hover\:from-blue-50:hover {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .lg\:hover\:from-blue-100:hover {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .lg\:hover\:from-blue-200:hover {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .lg\:hover\:from-blue-300:hover {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .lg\:hover\:from-blue-400:hover {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .lg\:hover\:from-blue-500:hover {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .lg\:hover\:from-blue-600:hover {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .lg\:hover\:from-blue-700:hover {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .lg\:hover\:from-blue-800:hover {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .lg\:hover\:from-blue-900:hover {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .lg\:hover\:from-indigo-50:hover {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .lg\:hover\:from-indigo-100:hover {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .lg\:hover\:from-indigo-200:hover {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .lg\:hover\:from-indigo-300:hover {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .lg\:hover\:from-indigo-400:hover {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .lg\:hover\:from-indigo-500:hover {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .lg\:hover\:from-indigo-600:hover {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .lg\:hover\:from-indigo-700:hover {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .lg\:hover\:from-indigo-800:hover {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .lg\:hover\:from-indigo-900:hover {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .lg\:hover\:from-purple-50:hover {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .lg\:hover\:from-purple-100:hover {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .lg\:hover\:from-purple-200:hover {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .lg\:hover\:from-purple-300:hover {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .lg\:hover\:from-purple-400:hover {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .lg\:hover\:from-purple-500:hover {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .lg\:hover\:from-purple-600:hover {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .lg\:hover\:from-purple-700:hover {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .lg\:hover\:from-purple-800:hover {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .lg\:hover\:from-purple-900:hover {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .lg\:hover\:from-pink-50:hover {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .lg\:hover\:from-pink-100:hover {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .lg\:hover\:from-pink-200:hover {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .lg\:hover\:from-pink-300:hover {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .lg\:hover\:from-pink-400:hover {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .lg\:hover\:from-pink-500:hover {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .lg\:hover\:from-pink-600:hover {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .lg\:hover\:from-pink-700:hover {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .lg\:hover\:from-pink-800:hover {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .lg\:hover\:from-pink-900:hover {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .lg\:hover\:from-cool-gray-50:hover {
+    --gradient-from-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .lg\:hover\:from-cool-gray-100:hover {
+    --gradient-from-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .lg\:hover\:from-cool-gray-200:hover {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .lg\:hover\:from-cool-gray-300:hover {
+    --gradient-from-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .lg\:hover\:from-cool-gray-400:hover {
+    --gradient-from-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .lg\:hover\:from-cool-gray-500:hover {
+    --gradient-from-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .lg\:hover\:from-cool-gray-600:hover {
+    --gradient-from-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .lg\:hover\:from-cool-gray-700:hover {
+    --gradient-from-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .lg\:hover\:from-cool-gray-800:hover {
+    --gradient-from-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .lg\:hover\:from-cool-gray-900:hover {
+    --gradient-from-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .lg\:hover\:via-current:hover {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:hover\:via-white:hover {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:hover\:via-black:hover {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:hover\:via-gray-50:hover {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .lg\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .lg\:hover\:via-gray-200:hover {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .lg\:hover\:via-gray-300:hover {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .lg\:hover\:via-gray-400:hover {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .lg\:hover\:via-gray-500:hover {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .lg\:hover\:via-gray-600:hover {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .lg\:hover\:via-gray-700:hover {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .lg\:hover\:via-gray-800:hover {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .lg\:hover\:via-gray-900:hover {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .lg\:hover\:via-red-50:hover {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .lg\:hover\:via-red-100:hover {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .lg\:hover\:via-red-200:hover {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .lg\:hover\:via-red-300:hover {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .lg\:hover\:via-red-400:hover {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .lg\:hover\:via-red-500:hover {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .lg\:hover\:via-red-600:hover {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .lg\:hover\:via-red-700:hover {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .lg\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .lg\:hover\:via-red-900:hover {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .lg\:hover\:via-orange-50:hover {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .lg\:hover\:via-orange-100:hover {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .lg\:hover\:via-orange-200:hover {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .lg\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .lg\:hover\:via-orange-400:hover {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .lg\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .lg\:hover\:via-orange-600:hover {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .lg\:hover\:via-orange-700:hover {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .lg\:hover\:via-orange-800:hover {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .lg\:hover\:via-orange-900:hover {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .lg\:hover\:via-yellow-50:hover {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .lg\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .lg\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .lg\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .lg\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .lg\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .lg\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .lg\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .lg\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .lg\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .lg\:hover\:via-green-50:hover {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .lg\:hover\:via-green-100:hover {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .lg\:hover\:via-green-200:hover {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .lg\:hover\:via-green-300:hover {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .lg\:hover\:via-green-400:hover {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .lg\:hover\:via-green-500:hover {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .lg\:hover\:via-green-600:hover {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .lg\:hover\:via-green-700:hover {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .lg\:hover\:via-green-800:hover {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .lg\:hover\:via-green-900:hover {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .lg\:hover\:via-teal-50:hover {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .lg\:hover\:via-teal-100:hover {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .lg\:hover\:via-teal-200:hover {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .lg\:hover\:via-teal-300:hover {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .lg\:hover\:via-teal-400:hover {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .lg\:hover\:via-teal-500:hover {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .lg\:hover\:via-teal-600:hover {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .lg\:hover\:via-teal-700:hover {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .lg\:hover\:via-teal-800:hover {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .lg\:hover\:via-teal-900:hover {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .lg\:hover\:via-blue-50:hover {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .lg\:hover\:via-blue-100:hover {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .lg\:hover\:via-blue-200:hover {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .lg\:hover\:via-blue-300:hover {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .lg\:hover\:via-blue-400:hover {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .lg\:hover\:via-blue-500:hover {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .lg\:hover\:via-blue-600:hover {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .lg\:hover\:via-blue-700:hover {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .lg\:hover\:via-blue-800:hover {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .lg\:hover\:via-blue-900:hover {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .lg\:hover\:via-indigo-50:hover {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .lg\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .lg\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .lg\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .lg\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .lg\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .lg\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .lg\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .lg\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .lg\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .lg\:hover\:via-purple-50:hover {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .lg\:hover\:via-purple-100:hover {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .lg\:hover\:via-purple-200:hover {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .lg\:hover\:via-purple-300:hover {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .lg\:hover\:via-purple-400:hover {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .lg\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .lg\:hover\:via-purple-600:hover {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .lg\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .lg\:hover\:via-purple-800:hover {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .lg\:hover\:via-purple-900:hover {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .lg\:hover\:via-pink-50:hover {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .lg\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .lg\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .lg\:hover\:via-pink-300:hover {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .lg\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .lg\:hover\:via-pink-500:hover {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .lg\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .lg\:hover\:via-pink-700:hover {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .lg\:hover\:via-pink-800:hover {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .lg\:hover\:via-pink-900:hover {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .lg\:hover\:via-cool-gray-50:hover {
+    --gradient-via-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .lg\:hover\:via-cool-gray-100:hover {
+    --gradient-via-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .lg\:hover\:via-cool-gray-200:hover {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .lg\:hover\:via-cool-gray-300:hover {
+    --gradient-via-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .lg\:hover\:via-cool-gray-400:hover {
+    --gradient-via-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .lg\:hover\:via-cool-gray-500:hover {
+    --gradient-via-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .lg\:hover\:via-cool-gray-600:hover {
+    --gradient-via-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .lg\:hover\:via-cool-gray-700:hover {
+    --gradient-via-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .lg\:hover\:via-cool-gray-800:hover {
+    --gradient-via-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .lg\:hover\:via-cool-gray-900:hover {
+    --gradient-via-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .lg\:hover\:to-current:hover {
+    --gradient-to-color: currentColor;
+  }
+
+  .lg\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent;
+  }
+
+  .lg\:hover\:to-white:hover {
+    --gradient-to-color: #ffffff;
+  }
+
+  .lg\:hover\:to-black:hover {
+    --gradient-to-color: #000000;
+  }
+
+  .lg\:hover\:to-gray-50:hover {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .lg\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .lg\:hover\:to-gray-200:hover {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .lg\:hover\:to-gray-300:hover {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .lg\:hover\:to-gray-400:hover {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .lg\:hover\:to-gray-500:hover {
+    --gradient-to-color: #6b7280;
+  }
+
+  .lg\:hover\:to-gray-600:hover {
+    --gradient-to-color: #4b5563;
+  }
+
+  .lg\:hover\:to-gray-700:hover {
+    --gradient-to-color: #374151;
+  }
+
+  .lg\:hover\:to-gray-800:hover {
+    --gradient-to-color: #252f3f;
+  }
+
+  .lg\:hover\:to-gray-900:hover {
+    --gradient-to-color: #161e2e;
+  }
+
+  .lg\:hover\:to-red-50:hover {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .lg\:hover\:to-red-100:hover {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .lg\:hover\:to-red-200:hover {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .lg\:hover\:to-red-300:hover {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .lg\:hover\:to-red-400:hover {
+    --gradient-to-color: #f98080;
+  }
+
+  .lg\:hover\:to-red-500:hover {
+    --gradient-to-color: #f05252;
+  }
+
+  .lg\:hover\:to-red-600:hover {
+    --gradient-to-color: #e02424;
+  }
+
+  .lg\:hover\:to-red-700:hover {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .lg\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .lg\:hover\:to-red-900:hover {
+    --gradient-to-color: #771d1d;
+  }
+
+  .lg\:hover\:to-orange-50:hover {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .lg\:hover\:to-orange-100:hover {
+    --gradient-to-color: #feecdc;
+  }
+
+  .lg\:hover\:to-orange-200:hover {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .lg\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .lg\:hover\:to-orange-400:hover {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .lg\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .lg\:hover\:to-orange-600:hover {
+    --gradient-to-color: #d03801;
+  }
+
+  .lg\:hover\:to-orange-700:hover {
+    --gradient-to-color: #b43403;
+  }
+
+  .lg\:hover\:to-orange-800:hover {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .lg\:hover\:to-orange-900:hover {
+    --gradient-to-color: #73230d;
+  }
+
+  .lg\:hover\:to-yellow-50:hover {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .lg\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .lg\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fce96a;
+  }
+
+  .lg\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faca15;
+  }
+
+  .lg\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #e3a008;
+  }
+
+  .lg\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #c27803;
+  }
+
+  .lg\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #9f580a;
+  }
+
+  .lg\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .lg\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #723b13;
+  }
+
+  .lg\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #633112;
+  }
+
+  .lg\:hover\:to-green-50:hover {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .lg\:hover\:to-green-100:hover {
+    --gradient-to-color: #def7ec;
+  }
+
+  .lg\:hover\:to-green-200:hover {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .lg\:hover\:to-green-300:hover {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .lg\:hover\:to-green-400:hover {
+    --gradient-to-color: #31c48d;
+  }
+
+  .lg\:hover\:to-green-500:hover {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .lg\:hover\:to-green-600:hover {
+    --gradient-to-color: #057a55;
+  }
+
+  .lg\:hover\:to-green-700:hover {
+    --gradient-to-color: #046c4e;
+  }
+
+  .lg\:hover\:to-green-800:hover {
+    --gradient-to-color: #03543f;
+  }
+
+  .lg\:hover\:to-green-900:hover {
+    --gradient-to-color: #014737;
+  }
+
+  .lg\:hover\:to-teal-50:hover {
+    --gradient-to-color: #edfafa;
+  }
+
+  .lg\:hover\:to-teal-100:hover {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .lg\:hover\:to-teal-200:hover {
+    --gradient-to-color: #afecef;
+  }
+
+  .lg\:hover\:to-teal-300:hover {
+    --gradient-to-color: #7edce2;
+  }
+
+  .lg\:hover\:to-teal-400:hover {
+    --gradient-to-color: #16bdca;
+  }
+
+  .lg\:hover\:to-teal-500:hover {
+    --gradient-to-color: #0694a2;
+  }
+
+  .lg\:hover\:to-teal-600:hover {
+    --gradient-to-color: #047481;
+  }
+
+  .lg\:hover\:to-teal-700:hover {
+    --gradient-to-color: #036672;
+  }
+
+  .lg\:hover\:to-teal-800:hover {
+    --gradient-to-color: #05505c;
+  }
+
+  .lg\:hover\:to-teal-900:hover {
+    --gradient-to-color: #014451;
+  }
+
+  .lg\:hover\:to-blue-50:hover {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .lg\:hover\:to-blue-100:hover {
+    --gradient-to-color: #e1effe;
+  }
+
+  .lg\:hover\:to-blue-200:hover {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .lg\:hover\:to-blue-300:hover {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .lg\:hover\:to-blue-400:hover {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .lg\:hover\:to-blue-500:hover {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .lg\:hover\:to-blue-600:hover {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .lg\:hover\:to-blue-700:hover {
+    --gradient-to-color: #1a56db;
+  }
+
+  .lg\:hover\:to-blue-800:hover {
+    --gradient-to-color: #1e429f;
+  }
+
+  .lg\:hover\:to-blue-900:hover {
+    --gradient-to-color: #233876;
+  }
+
+  .lg\:hover\:to-indigo-50:hover {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .lg\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #e5edff;
+  }
+
+  .lg\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .lg\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .lg\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .lg\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #6875f5;
+  }
+
+  .lg\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5850ec;
+  }
+
+  .lg\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #5145cd;
+  }
+
+  .lg\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #42389d;
+  }
+
+  .lg\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #362f78;
+  }
+
+  .lg\:hover\:to-purple-50:hover {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .lg\:hover\:to-purple-100:hover {
+    --gradient-to-color: #edebfe;
+  }
+
+  .lg\:hover\:to-purple-200:hover {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .lg\:hover\:to-purple-300:hover {
+    --gradient-to-color: #cabffd;
+  }
+
+  .lg\:hover\:to-purple-400:hover {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .lg\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9061f9;
+  }
+
+  .lg\:hover\:to-purple-600:hover {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .lg\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .lg\:hover\:to-purple-800:hover {
+    --gradient-to-color: #5521b5;
+  }
+
+  .lg\:hover\:to-purple-900:hover {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .lg\:hover\:to-pink-50:hover {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .lg\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .lg\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .lg\:hover\:to-pink-300:hover {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .lg\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .lg\:hover\:to-pink-500:hover {
+    --gradient-to-color: #e74694;
+  }
+
+  .lg\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d61f69;
+  }
+
+  .lg\:hover\:to-pink-700:hover {
+    --gradient-to-color: #bf125d;
+  }
+
+  .lg\:hover\:to-pink-800:hover {
+    --gradient-to-color: #99154b;
+  }
+
+  .lg\:hover\:to-pink-900:hover {
+    --gradient-to-color: #751a3d;
+  }
+
+  .lg\:hover\:to-cool-gray-50:hover {
+    --gradient-to-color: #f8fafc;
+  }
+
+  .lg\:hover\:to-cool-gray-100:hover {
+    --gradient-to-color: #f1f5f9;
+  }
+
+  .lg\:hover\:to-cool-gray-200:hover {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .lg\:hover\:to-cool-gray-300:hover {
+    --gradient-to-color: #cfd8e3;
+  }
+
+  .lg\:hover\:to-cool-gray-400:hover {
+    --gradient-to-color: #97a6ba;
+  }
+
+  .lg\:hover\:to-cool-gray-500:hover {
+    --gradient-to-color: #64748b;
+  }
+
+  .lg\:hover\:to-cool-gray-600:hover {
+    --gradient-to-color: #475569;
+  }
+
+  .lg\:hover\:to-cool-gray-700:hover {
+    --gradient-to-color: #364152;
+  }
+
+  .lg\:hover\:to-cool-gray-800:hover {
+    --gradient-to-color: #27303f;
+  }
+
+  .lg\:hover\:to-cool-gray-900:hover {
+    --gradient-to-color: #1a202e;
+  }
+
+  .lg\:focus\:from-current:focus {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:focus\:from-transparent:focus {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:focus\:from-white:focus {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:focus\:from-black:focus {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:focus\:from-gray-50:focus {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .lg\:focus\:from-gray-100:focus {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .lg\:focus\:from-gray-200:focus {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .lg\:focus\:from-gray-300:focus {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .lg\:focus\:from-gray-400:focus {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .lg\:focus\:from-gray-500:focus {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .lg\:focus\:from-gray-600:focus {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .lg\:focus\:from-gray-700:focus {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .lg\:focus\:from-gray-800:focus {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .lg\:focus\:from-gray-900:focus {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .lg\:focus\:from-red-50:focus {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .lg\:focus\:from-red-100:focus {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .lg\:focus\:from-red-200:focus {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .lg\:focus\:from-red-300:focus {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .lg\:focus\:from-red-400:focus {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .lg\:focus\:from-red-500:focus {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .lg\:focus\:from-red-600:focus {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .lg\:focus\:from-red-700:focus {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .lg\:focus\:from-red-800:focus {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .lg\:focus\:from-red-900:focus {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .lg\:focus\:from-orange-50:focus {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .lg\:focus\:from-orange-100:focus {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .lg\:focus\:from-orange-200:focus {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .lg\:focus\:from-orange-300:focus {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .lg\:focus\:from-orange-400:focus {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .lg\:focus\:from-orange-500:focus {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .lg\:focus\:from-orange-600:focus {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .lg\:focus\:from-orange-700:focus {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .lg\:focus\:from-orange-800:focus {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .lg\:focus\:from-orange-900:focus {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .lg\:focus\:from-yellow-50:focus {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .lg\:focus\:from-yellow-100:focus {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .lg\:focus\:from-yellow-200:focus {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .lg\:focus\:from-yellow-300:focus {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .lg\:focus\:from-yellow-400:focus {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .lg\:focus\:from-yellow-500:focus {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .lg\:focus\:from-yellow-600:focus {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .lg\:focus\:from-yellow-700:focus {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .lg\:focus\:from-yellow-800:focus {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .lg\:focus\:from-yellow-900:focus {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .lg\:focus\:from-green-50:focus {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .lg\:focus\:from-green-100:focus {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .lg\:focus\:from-green-200:focus {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .lg\:focus\:from-green-300:focus {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .lg\:focus\:from-green-400:focus {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .lg\:focus\:from-green-500:focus {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .lg\:focus\:from-green-600:focus {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .lg\:focus\:from-green-700:focus {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .lg\:focus\:from-green-800:focus {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .lg\:focus\:from-green-900:focus {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .lg\:focus\:from-teal-50:focus {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .lg\:focus\:from-teal-100:focus {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .lg\:focus\:from-teal-200:focus {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .lg\:focus\:from-teal-300:focus {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .lg\:focus\:from-teal-400:focus {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .lg\:focus\:from-teal-500:focus {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .lg\:focus\:from-teal-600:focus {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .lg\:focus\:from-teal-700:focus {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .lg\:focus\:from-teal-800:focus {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .lg\:focus\:from-teal-900:focus {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .lg\:focus\:from-blue-50:focus {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .lg\:focus\:from-blue-100:focus {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .lg\:focus\:from-blue-200:focus {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .lg\:focus\:from-blue-300:focus {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .lg\:focus\:from-blue-400:focus {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .lg\:focus\:from-blue-500:focus {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .lg\:focus\:from-blue-600:focus {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .lg\:focus\:from-blue-700:focus {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .lg\:focus\:from-blue-800:focus {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .lg\:focus\:from-blue-900:focus {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .lg\:focus\:from-indigo-50:focus {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .lg\:focus\:from-indigo-100:focus {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .lg\:focus\:from-indigo-200:focus {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .lg\:focus\:from-indigo-300:focus {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .lg\:focus\:from-indigo-400:focus {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .lg\:focus\:from-indigo-500:focus {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .lg\:focus\:from-indigo-600:focus {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .lg\:focus\:from-indigo-700:focus {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .lg\:focus\:from-indigo-800:focus {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .lg\:focus\:from-indigo-900:focus {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .lg\:focus\:from-purple-50:focus {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .lg\:focus\:from-purple-100:focus {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .lg\:focus\:from-purple-200:focus {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .lg\:focus\:from-purple-300:focus {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .lg\:focus\:from-purple-400:focus {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .lg\:focus\:from-purple-500:focus {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .lg\:focus\:from-purple-600:focus {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .lg\:focus\:from-purple-700:focus {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .lg\:focus\:from-purple-800:focus {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .lg\:focus\:from-purple-900:focus {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .lg\:focus\:from-pink-50:focus {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .lg\:focus\:from-pink-100:focus {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .lg\:focus\:from-pink-200:focus {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .lg\:focus\:from-pink-300:focus {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .lg\:focus\:from-pink-400:focus {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .lg\:focus\:from-pink-500:focus {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .lg\:focus\:from-pink-600:focus {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .lg\:focus\:from-pink-700:focus {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .lg\:focus\:from-pink-800:focus {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .lg\:focus\:from-pink-900:focus {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .lg\:focus\:from-cool-gray-50:focus {
+    --gradient-from-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .lg\:focus\:from-cool-gray-100:focus {
+    --gradient-from-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .lg\:focus\:from-cool-gray-200:focus {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .lg\:focus\:from-cool-gray-300:focus {
+    --gradient-from-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .lg\:focus\:from-cool-gray-400:focus {
+    --gradient-from-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .lg\:focus\:from-cool-gray-500:focus {
+    --gradient-from-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .lg\:focus\:from-cool-gray-600:focus {
+    --gradient-from-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .lg\:focus\:from-cool-gray-700:focus {
+    --gradient-from-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .lg\:focus\:from-cool-gray-800:focus {
+    --gradient-from-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .lg\:focus\:from-cool-gray-900:focus {
+    --gradient-from-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .lg\:focus\:via-current:focus {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:focus\:via-white:focus {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:focus\:via-black:focus {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:focus\:via-gray-50:focus {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .lg\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .lg\:focus\:via-gray-200:focus {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .lg\:focus\:via-gray-300:focus {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .lg\:focus\:via-gray-400:focus {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .lg\:focus\:via-gray-500:focus {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .lg\:focus\:via-gray-600:focus {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .lg\:focus\:via-gray-700:focus {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .lg\:focus\:via-gray-800:focus {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .lg\:focus\:via-gray-900:focus {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .lg\:focus\:via-red-50:focus {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .lg\:focus\:via-red-100:focus {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .lg\:focus\:via-red-200:focus {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .lg\:focus\:via-red-300:focus {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .lg\:focus\:via-red-400:focus {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .lg\:focus\:via-red-500:focus {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .lg\:focus\:via-red-600:focus {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .lg\:focus\:via-red-700:focus {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .lg\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .lg\:focus\:via-red-900:focus {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .lg\:focus\:via-orange-50:focus {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .lg\:focus\:via-orange-100:focus {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .lg\:focus\:via-orange-200:focus {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .lg\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .lg\:focus\:via-orange-400:focus {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .lg\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .lg\:focus\:via-orange-600:focus {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .lg\:focus\:via-orange-700:focus {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .lg\:focus\:via-orange-800:focus {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .lg\:focus\:via-orange-900:focus {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .lg\:focus\:via-yellow-50:focus {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .lg\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .lg\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .lg\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .lg\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .lg\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .lg\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .lg\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .lg\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .lg\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .lg\:focus\:via-green-50:focus {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .lg\:focus\:via-green-100:focus {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .lg\:focus\:via-green-200:focus {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .lg\:focus\:via-green-300:focus {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .lg\:focus\:via-green-400:focus {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .lg\:focus\:via-green-500:focus {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .lg\:focus\:via-green-600:focus {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .lg\:focus\:via-green-700:focus {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .lg\:focus\:via-green-800:focus {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .lg\:focus\:via-green-900:focus {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .lg\:focus\:via-teal-50:focus {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .lg\:focus\:via-teal-100:focus {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .lg\:focus\:via-teal-200:focus {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .lg\:focus\:via-teal-300:focus {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .lg\:focus\:via-teal-400:focus {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .lg\:focus\:via-teal-500:focus {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .lg\:focus\:via-teal-600:focus {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .lg\:focus\:via-teal-700:focus {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .lg\:focus\:via-teal-800:focus {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .lg\:focus\:via-teal-900:focus {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .lg\:focus\:via-blue-50:focus {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .lg\:focus\:via-blue-100:focus {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .lg\:focus\:via-blue-200:focus {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .lg\:focus\:via-blue-300:focus {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .lg\:focus\:via-blue-400:focus {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .lg\:focus\:via-blue-500:focus {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .lg\:focus\:via-blue-600:focus {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .lg\:focus\:via-blue-700:focus {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .lg\:focus\:via-blue-800:focus {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .lg\:focus\:via-blue-900:focus {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .lg\:focus\:via-indigo-50:focus {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .lg\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .lg\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .lg\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .lg\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .lg\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .lg\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .lg\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .lg\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .lg\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .lg\:focus\:via-purple-50:focus {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .lg\:focus\:via-purple-100:focus {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .lg\:focus\:via-purple-200:focus {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .lg\:focus\:via-purple-300:focus {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .lg\:focus\:via-purple-400:focus {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .lg\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .lg\:focus\:via-purple-600:focus {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .lg\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .lg\:focus\:via-purple-800:focus {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .lg\:focus\:via-purple-900:focus {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .lg\:focus\:via-pink-50:focus {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .lg\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .lg\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .lg\:focus\:via-pink-300:focus {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .lg\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .lg\:focus\:via-pink-500:focus {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .lg\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .lg\:focus\:via-pink-700:focus {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .lg\:focus\:via-pink-800:focus {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .lg\:focus\:via-pink-900:focus {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .lg\:focus\:via-cool-gray-50:focus {
+    --gradient-via-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .lg\:focus\:via-cool-gray-100:focus {
+    --gradient-via-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .lg\:focus\:via-cool-gray-200:focus {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .lg\:focus\:via-cool-gray-300:focus {
+    --gradient-via-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .lg\:focus\:via-cool-gray-400:focus {
+    --gradient-via-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .lg\:focus\:via-cool-gray-500:focus {
+    --gradient-via-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .lg\:focus\:via-cool-gray-600:focus {
+    --gradient-via-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .lg\:focus\:via-cool-gray-700:focus {
+    --gradient-via-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .lg\:focus\:via-cool-gray-800:focus {
+    --gradient-via-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .lg\:focus\:via-cool-gray-900:focus {
+    --gradient-via-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .lg\:focus\:to-current:focus {
+    --gradient-to-color: currentColor;
+  }
+
+  .lg\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent;
+  }
+
+  .lg\:focus\:to-white:focus {
+    --gradient-to-color: #ffffff;
+  }
+
+  .lg\:focus\:to-black:focus {
+    --gradient-to-color: #000000;
+  }
+
+  .lg\:focus\:to-gray-50:focus {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .lg\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .lg\:focus\:to-gray-200:focus {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .lg\:focus\:to-gray-300:focus {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .lg\:focus\:to-gray-400:focus {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .lg\:focus\:to-gray-500:focus {
+    --gradient-to-color: #6b7280;
+  }
+
+  .lg\:focus\:to-gray-600:focus {
+    --gradient-to-color: #4b5563;
+  }
+
+  .lg\:focus\:to-gray-700:focus {
+    --gradient-to-color: #374151;
+  }
+
+  .lg\:focus\:to-gray-800:focus {
+    --gradient-to-color: #252f3f;
+  }
+
+  .lg\:focus\:to-gray-900:focus {
+    --gradient-to-color: #161e2e;
+  }
+
+  .lg\:focus\:to-red-50:focus {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .lg\:focus\:to-red-100:focus {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .lg\:focus\:to-red-200:focus {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .lg\:focus\:to-red-300:focus {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .lg\:focus\:to-red-400:focus {
+    --gradient-to-color: #f98080;
+  }
+
+  .lg\:focus\:to-red-500:focus {
+    --gradient-to-color: #f05252;
+  }
+
+  .lg\:focus\:to-red-600:focus {
+    --gradient-to-color: #e02424;
+  }
+
+  .lg\:focus\:to-red-700:focus {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .lg\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .lg\:focus\:to-red-900:focus {
+    --gradient-to-color: #771d1d;
+  }
+
+  .lg\:focus\:to-orange-50:focus {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .lg\:focus\:to-orange-100:focus {
+    --gradient-to-color: #feecdc;
+  }
+
+  .lg\:focus\:to-orange-200:focus {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .lg\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .lg\:focus\:to-orange-400:focus {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .lg\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .lg\:focus\:to-orange-600:focus {
+    --gradient-to-color: #d03801;
+  }
+
+  .lg\:focus\:to-orange-700:focus {
+    --gradient-to-color: #b43403;
+  }
+
+  .lg\:focus\:to-orange-800:focus {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .lg\:focus\:to-orange-900:focus {
+    --gradient-to-color: #73230d;
+  }
+
+  .lg\:focus\:to-yellow-50:focus {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .lg\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .lg\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fce96a;
+  }
+
+  .lg\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faca15;
+  }
+
+  .lg\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #e3a008;
+  }
+
+  .lg\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #c27803;
+  }
+
+  .lg\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #9f580a;
+  }
+
+  .lg\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .lg\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #723b13;
+  }
+
+  .lg\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #633112;
+  }
+
+  .lg\:focus\:to-green-50:focus {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .lg\:focus\:to-green-100:focus {
+    --gradient-to-color: #def7ec;
+  }
+
+  .lg\:focus\:to-green-200:focus {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .lg\:focus\:to-green-300:focus {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .lg\:focus\:to-green-400:focus {
+    --gradient-to-color: #31c48d;
+  }
+
+  .lg\:focus\:to-green-500:focus {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .lg\:focus\:to-green-600:focus {
+    --gradient-to-color: #057a55;
+  }
+
+  .lg\:focus\:to-green-700:focus {
+    --gradient-to-color: #046c4e;
+  }
+
+  .lg\:focus\:to-green-800:focus {
+    --gradient-to-color: #03543f;
+  }
+
+  .lg\:focus\:to-green-900:focus {
+    --gradient-to-color: #014737;
+  }
+
+  .lg\:focus\:to-teal-50:focus {
+    --gradient-to-color: #edfafa;
+  }
+
+  .lg\:focus\:to-teal-100:focus {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .lg\:focus\:to-teal-200:focus {
+    --gradient-to-color: #afecef;
+  }
+
+  .lg\:focus\:to-teal-300:focus {
+    --gradient-to-color: #7edce2;
+  }
+
+  .lg\:focus\:to-teal-400:focus {
+    --gradient-to-color: #16bdca;
+  }
+
+  .lg\:focus\:to-teal-500:focus {
+    --gradient-to-color: #0694a2;
+  }
+
+  .lg\:focus\:to-teal-600:focus {
+    --gradient-to-color: #047481;
+  }
+
+  .lg\:focus\:to-teal-700:focus {
+    --gradient-to-color: #036672;
+  }
+
+  .lg\:focus\:to-teal-800:focus {
+    --gradient-to-color: #05505c;
+  }
+
+  .lg\:focus\:to-teal-900:focus {
+    --gradient-to-color: #014451;
+  }
+
+  .lg\:focus\:to-blue-50:focus {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .lg\:focus\:to-blue-100:focus {
+    --gradient-to-color: #e1effe;
+  }
+
+  .lg\:focus\:to-blue-200:focus {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .lg\:focus\:to-blue-300:focus {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .lg\:focus\:to-blue-400:focus {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .lg\:focus\:to-blue-500:focus {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .lg\:focus\:to-blue-600:focus {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .lg\:focus\:to-blue-700:focus {
+    --gradient-to-color: #1a56db;
+  }
+
+  .lg\:focus\:to-blue-800:focus {
+    --gradient-to-color: #1e429f;
+  }
+
+  .lg\:focus\:to-blue-900:focus {
+    --gradient-to-color: #233876;
+  }
+
+  .lg\:focus\:to-indigo-50:focus {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .lg\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #e5edff;
+  }
+
+  .lg\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .lg\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .lg\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .lg\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #6875f5;
+  }
+
+  .lg\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5850ec;
+  }
+
+  .lg\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #5145cd;
+  }
+
+  .lg\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #42389d;
+  }
+
+  .lg\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #362f78;
+  }
+
+  .lg\:focus\:to-purple-50:focus {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .lg\:focus\:to-purple-100:focus {
+    --gradient-to-color: #edebfe;
+  }
+
+  .lg\:focus\:to-purple-200:focus {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .lg\:focus\:to-purple-300:focus {
+    --gradient-to-color: #cabffd;
+  }
+
+  .lg\:focus\:to-purple-400:focus {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .lg\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9061f9;
+  }
+
+  .lg\:focus\:to-purple-600:focus {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .lg\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .lg\:focus\:to-purple-800:focus {
+    --gradient-to-color: #5521b5;
+  }
+
+  .lg\:focus\:to-purple-900:focus {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .lg\:focus\:to-pink-50:focus {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .lg\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .lg\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .lg\:focus\:to-pink-300:focus {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .lg\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .lg\:focus\:to-pink-500:focus {
+    --gradient-to-color: #e74694;
+  }
+
+  .lg\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d61f69;
+  }
+
+  .lg\:focus\:to-pink-700:focus {
+    --gradient-to-color: #bf125d;
+  }
+
+  .lg\:focus\:to-pink-800:focus {
+    --gradient-to-color: #99154b;
+  }
+
+  .lg\:focus\:to-pink-900:focus {
+    --gradient-to-color: #751a3d;
+  }
+
+  .lg\:focus\:to-cool-gray-50:focus {
+    --gradient-to-color: #f8fafc;
+  }
+
+  .lg\:focus\:to-cool-gray-100:focus {
+    --gradient-to-color: #f1f5f9;
+  }
+
+  .lg\:focus\:to-cool-gray-200:focus {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .lg\:focus\:to-cool-gray-300:focus {
+    --gradient-to-color: #cfd8e3;
+  }
+
+  .lg\:focus\:to-cool-gray-400:focus {
+    --gradient-to-color: #97a6ba;
+  }
+
+  .lg\:focus\:to-cool-gray-500:focus {
+    --gradient-to-color: #64748b;
+  }
+
+  .lg\:focus\:to-cool-gray-600:focus {
+    --gradient-to-color: #475569;
+  }
+
+  .lg\:focus\:to-cool-gray-700:focus {
+    --gradient-to-color: #364152;
+  }
+
+  .lg\:focus\:to-cool-gray-800:focus {
+    --gradient-to-color: #27303f;
+  }
+
+  .lg\:focus\:to-cool-gray-900:focus {
+    --gradient-to-color: #1a202e;
+  }
+
+  .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-current {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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));
+  }
+
+  .lg\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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));
+  }
+
+  .group:hover .lg\:group-hover\:border-current {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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:hover .lg\:group-hover\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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:focus .lg\:group-focus\:border-current {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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));
+  }
+
+  .group:focus .lg\:group-focus\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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));
+  }
+
+  .lg\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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\:hover\:border-cool-gray-50:hover {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .lg\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .lg\:focus-within\:border-white:focus-within {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-black:focus-within {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-100:focus-within {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-200:focus-within {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-300:focus-within {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-400:focus-within {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-500:focus-within {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-600:focus-within {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-700:focus-within {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-800:focus-within {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-900:focus-within {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-50:focus-within {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-100:focus-within {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-200:focus-within {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-300:focus-within {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-400:focus-within {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-500:focus-within {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-600:focus-within {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-700:focus-within {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-800:focus-within {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-900:focus-within {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-orange-50:focus-within {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-orange-100:focus-within {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-orange-200:focus-within {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-orange-300:focus-within {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-orange-400:focus-within {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-orange-500:focus-within {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-orange-600:focus-within {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-orange-700:focus-within {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-orange-800:focus-within {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-orange-900:focus-within {
+    --border-opacity: 1;
+    border-color: #73230d;
+    border-color: rgba(115, 35, 13, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-50:focus-within {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-100:focus-within {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-200:focus-within {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-300:focus-within {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-400:focus-within {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-500:focus-within {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-600:focus-within {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-700:focus-within {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-800:focus-within {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-900:focus-within {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-100:focus-within {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-200:focus-within {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-300:focus-within {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-400:focus-within {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-500:focus-within {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-600:focus-within {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-700:focus-within {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-800:focus-within {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-900:focus-within {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-teal-50:focus-within {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-teal-100:focus-within {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-teal-200:focus-within {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-teal-300:focus-within {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-teal-400:focus-within {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-teal-500:focus-within {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-teal-600:focus-within {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-teal-700:focus-within {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-teal-800:focus-within {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-teal-900:focus-within {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-50:focus-within {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-100:focus-within {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-200:focus-within {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-300:focus-within {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-400:focus-within {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-500:focus-within {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-600:focus-within {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-700:focus-within {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-800:focus-within {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-900:focus-within {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-100:focus-within {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-200:focus-within {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-300:focus-within {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-400:focus-within {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-500:focus-within {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-600:focus-within {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-700:focus-within {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-800:focus-within {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-900:focus-within {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-100:focus-within {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-200:focus-within {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-300:focus-within {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-400:focus-within {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-500:focus-within {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-600:focus-within {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-700:focus-within {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-800:focus-within {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-900:focus-within {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-50:focus-within {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-100:focus-within {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-200:focus-within {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-300:focus-within {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-400:focus-within {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-500:focus-within {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-600:focus-within {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-700:focus-within {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-800:focus-within {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-900:focus-within {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-cool-gray-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-cool-gray-100:focus-within {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-cool-gray-200:focus-within {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-cool-gray-300:focus-within {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-cool-gray-400:focus-within {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-cool-gray-500:focus-within {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-cool-gray-600:focus-within {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-cool-gray-700:focus-within {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-cool-gray-800:focus-within {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-cool-gray-900:focus-within {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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\:focus\:border-cool-gray-50:focus {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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\: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-xl {
+    border-radius: 0.75rem;
+  }
+
+  .lg\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
+  .lg\:rounded-3xl {
+    border-radius: 1.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-xl {
+    border-top-left-radius: 0.75rem;
+    border-top-right-radius: 0.75rem;
+  }
+
+  .lg\:rounded-r-xl {
+    border-top-right-radius: 0.75rem;
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .lg\:rounded-b-xl {
+    border-bottom-right-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .lg\:rounded-l-xl {
+    border-top-left-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .lg\:rounded-t-2xl {
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+  }
+
+  .lg\:rounded-r-2xl {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+
+  .lg\:rounded-b-2xl {
+    border-bottom-right-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .lg\:rounded-l-2xl {
+    border-top-left-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .lg\:rounded-t-3xl {
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+  }
+
+  .lg\:rounded-r-3xl {
+    border-top-right-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .lg\:rounded-b-3xl {
+    border-bottom-right-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .lg\:rounded-l-3xl {
+    border-top-left-radius: 1.5rem;
+    border-bottom-left-radius: 1.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-xl {
+    border-top-left-radius: 0.75rem;
+  }
+
+  .lg\:rounded-tr-xl {
+    border-top-right-radius: 0.75rem;
+  }
+
+  .lg\:rounded-br-xl {
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .lg\:rounded-bl-xl {
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .lg\:rounded-tl-2xl {
+    border-top-left-radius: 1rem;
+  }
+
+  .lg\:rounded-tr-2xl {
+    border-top-right-radius: 1rem;
+  }
+
+  .lg\:rounded-br-2xl {
+    border-bottom-right-radius: 1rem;
+  }
+
+  .lg\:rounded-bl-2xl {
+    border-bottom-left-radius: 1rem;
+  }
+
+  .lg\:rounded-tl-3xl {
+    border-top-left-radius: 1.5rem;
+  }
+
+  .lg\:rounded-tr-3xl {
+    border-top-right-radius: 1.5rem;
+  }
+
+  .lg\:rounded-br-3xl {
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .lg\:rounded-bl-3xl {
+    border-bottom-left-radius: 1.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\:contents {
+    display: contents;
+  }
+
+  .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\:place-items-auto {
+    place-items: auto;
+  }
+
+  .lg\:place-items-start {
+    place-items: start;
+  }
+
+  .lg\:place-items-end {
+    place-items: end;
+  }
+
+  .lg\:place-items-center {
+    place-items: center;
+  }
+
+  .lg\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .lg\:place-content-center {
+    place-content: center;
+  }
+
+  .lg\:place-content-start {
+    place-content: start;
+  }
+
+  .lg\:place-content-end {
+    place-content: end;
+  }
+
+  .lg\:place-content-between {
+    place-content: space-between;
+  }
+
+  .lg\:place-content-around {
+    place-content: space-around;
+  }
+
+  .lg\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .lg\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .lg\:place-self-auto {
+    place-self: auto;
+  }
+
+  .lg\:place-self-start {
+    place-self: start;
+  }
+
+  .lg\:place-self-end {
+    place-self: end;
+  }
+
+  .lg\:place-self-center {
+    place-self: center;
+  }
+
+  .lg\:place-self-stretch {
+    place-self: stretch;
+  }
+
+  .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\: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\:content-evenly {
+    align-content: space-evenly;
+  }
+
+  .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-items-auto {
+    justify-items: auto;
+  }
+
+  .lg\:justify-items-start {
+    justify-items: start;
+  }
+
+  .lg\:justify-items-end {
+    justify-items: end;
+  }
+
+  .lg\:justify-items-center {
+    justify-items: center;
+  }
+
+  .lg\:justify-items-stretch {
+    justify-items: 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\:justify-self-auto {
+    justify-self: auto;
+  }
+
+  .lg\:justify-self-start {
+    justify-self: start;
+  }
+
+  .lg\:justify-self-end {
+    justify-self: end;
+  }
+
+  .lg\:justify-self-center {
+    justify-self: center;
+  }
+
+  .lg\:justify-self-stretch {
+    justify-self: stretch;
+  }
+
+  .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-44 {
+    height: 11rem;
+  }
+
+  .lg\:h-48 {
+    height: 12rem;
+  }
+
+  .lg\:h-52 {
+    height: 13rem;
+  }
+
+  .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-44 {
+    margin: 11rem;
+  }
+
+  .lg\:m-48 {
+    margin: 12rem;
+  }
+
+  .lg\:m-52 {
+    margin: 13rem;
+  }
+
+  .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-44 {
+    margin: -11rem;
+  }
+
+  .lg\:-m-48 {
+    margin: -12rem;
+  }
+
+  .lg\:-m-52 {
+    margin: -13rem;
+  }
+
+  .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-44 {
+    margin-top: 11rem;
+    margin-bottom: 11rem;
+  }
+
+  .lg\:mx-44 {
+    margin-left: 11rem;
+    margin-right: 11rem;
+  }
+
+  .lg\:my-48 {
+    margin-top: 12rem;
+    margin-bottom: 12rem;
+  }
+
+  .lg\:mx-48 {
+    margin-left: 12rem;
+    margin-right: 12rem;
+  }
+
+  .lg\:my-52 {
+    margin-top: 13rem;
+    margin-bottom: 13rem;
+  }
+
+  .lg\:mx-52 {
+    margin-left: 13rem;
+    margin-right: 13rem;
+  }
+
+  .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-44 {
+    margin-top: -11rem;
+    margin-bottom: -11rem;
+  }
+
+  .lg\:-mx-44 {
+    margin-left: -11rem;
+    margin-right: -11rem;
+  }
+
+  .lg\:-my-48 {
+    margin-top: -12rem;
+    margin-bottom: -12rem;
+  }
+
+  .lg\:-mx-48 {
+    margin-left: -12rem;
+    margin-right: -12rem;
+  }
+
+  .lg\:-my-52 {
+    margin-top: -13rem;
+    margin-bottom: -13rem;
+  }
+
+  .lg\:-mx-52 {
+    margin-left: -13rem;
+    margin-right: -13rem;
+  }
+
+  .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-44 {
+    margin-top: 11rem;
+  }
+
+  .lg\:mr-44 {
+    margin-right: 11rem;
+  }
+
+  .lg\:mb-44 {
+    margin-bottom: 11rem;
+  }
+
+  .lg\:ml-44 {
+    margin-left: 11rem;
+  }
+
+  .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-52 {
+    margin-top: 13rem;
+  }
+
+  .lg\:mr-52 {
+    margin-right: 13rem;
+  }
+
+  .lg\:mb-52 {
+    margin-bottom: 13rem;
+  }
+
+  .lg\:ml-52 {
+    margin-left: 13rem;
+  }
+
+  .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-44 {
+    margin-top: -11rem;
+  }
+
+  .lg\:-mr-44 {
+    margin-right: -11rem;
+  }
+
+  .lg\:-mb-44 {
+    margin-bottom: -11rem;
+  }
+
+  .lg\:-ml-44 {
+    margin-left: -11rem;
+  }
+
+  .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-52 {
+    margin-top: -13rem;
+  }
+
+  .lg\:-mr-52 {
+    margin-right: -13rem;
+  }
+
+  .lg\:-mb-52 {
+    margin-bottom: -13rem;
+  }
+
+  .lg\:-ml-52 {
+    margin-left: -13rem;
+  }
+
+  .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-44 {
+    max-height: 11rem;
+  }
+
+  .lg\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .lg\:max-h-52 {
+    max-height: 13rem;
+  }
+
+  .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-0 {
+    max-width: 0rem;
+  }
+
+  .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-min-content {
+    max-width: -webkit-min-content;
+    max-width: -moz-min-content;
+    max-width: min-content;
+  }
+
+  .lg\:max-w-max-content {
+    max-width: -webkit-max-content;
+    max-width: -moz-max-content;
+    max-width: max-content;
+  }
+
+  .lg\:max-w-prose {
+    max-width: 65ch;
+  }
+
+  .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\:min-w-min-content {
+    min-width: -webkit-min-content;
+    min-width: -moz-min-content;
+    min-width: min-content;
+  }
+
+  .lg\:min-w-max-content {
+    min-width: -webkit-max-content;
+    min-width: -moz-max-content;
+    min-width: max-content;
+  }
+
+  .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\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .lg\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .lg\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .lg\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .lg\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-0 {
+    opacity: 0;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-100 {
+    opacity: 1;
+  }
+
+  .group:focus .lg\:group-focus\:opacity-0 {
+    opacity: 0;
+  }
+
+  .group:focus .lg\:group-focus\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .group:focus .lg\:group-focus\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .group:focus .lg\:group-focus\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .group:focus .lg\:group-focus\: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: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .lg\:outline-white {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .lg\:outline-black {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .lg\:focus\:outline-none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .lg\:focus\:outline-white:focus {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .lg\:focus\:outline-black:focus {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .lg\:overflow-auto {
+    overflow: auto;
+  }
+
+  .lg\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .lg\:overflow-visible {
+    overflow: visible;
+  }
+
+  .lg\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .lg\:overflow-x-auto {
+    overflow-x: auto;
+  }
+
+  .lg\:overflow-y-auto {
+    overflow-y: auto;
+  }
+
+  .lg\:overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
+  .lg\:overflow-y-hidden {
+    overflow-y: hidden;
+  }
+
+  .lg\:overflow-x-visible {
+    overflow-x: visible;
+  }
+
+  .lg\:overflow-y-visible {
+    overflow-y: visible;
+  }
+
+  .lg\:overflow-x-scroll {
+    overflow-x: scroll;
+  }
+
+  .lg\:overflow-y-scroll {
+    overflow-y: scroll;
+  }
+
+  .lg\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .lg\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
+  }
+
+  .lg\:overscroll-auto {
+    -ms-scroll-chaining: chained;
+        overscroll-behavior: auto;
+  }
+
+  .lg\:overscroll-contain {
+    -ms-scroll-chaining: none;
+        overscroll-behavior: contain;
+  }
+
+  .lg\:overscroll-none {
+    -ms-scroll-chaining: none;
+        overscroll-behavior: none;
+  }
+
+  .lg\:overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .lg\:overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .lg\:overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .lg\:overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .lg\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .lg\:overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
+  .lg\:p-0 {
+    padding: 0;
+  }
+
+  .lg\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .lg\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .lg\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .lg\:p-4 {
+    padding: 1rem;
+  }
+
+  .lg\:p-5 {
+    padding: 1.25rem;
+  }
+
+  .lg\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .lg\:p-7 {
+    padding: 1.75rem;
+  }
+
+  .lg\:p-8 {
+    padding: 2rem;
+  }
+
+  .lg\:p-9 {
+    padding: 2.25rem;
+  }
+
+  .lg\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .lg\:p-11 {
+    padding: 2.75rem;
+  }
+
+  .lg\:p-12 {
+    padding: 3rem;
+  }
+
+  .lg\:p-13 {
+    padding: 3.25rem;
+  }
+
+  .lg\:p-14 {
+    padding: 3.5rem;
+  }
+
+  .lg\:p-15 {
+    padding: 3.75rem;
+  }
+
+  .lg\:p-16 {
+    padding: 4rem;
+  }
+
+  .lg\:p-20 {
+    padding: 5rem;
+  }
+
+  .lg\:p-24 {
+    padding: 6rem;
+  }
+
+  .lg\:p-28 {
+    padding: 7rem;
+  }
+
+  .lg\:p-32 {
+    padding: 8rem;
+  }
+
+  .lg\:p-36 {
+    padding: 9rem;
+  }
+
+  .lg\:p-40 {
+    padding: 10rem;
+  }
+
+  .lg\:p-44 {
+    padding: 11rem;
+  }
+
+  .lg\:p-48 {
+    padding: 12rem;
+  }
+
+  .lg\:p-52 {
+    padding: 13rem;
+  }
+
+  .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-44 {
+    padding-top: 11rem;
+    padding-bottom: 11rem;
+  }
+
+  .lg\:px-44 {
+    padding-left: 11rem;
+    padding-right: 11rem;
+  }
+
+  .lg\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+
+  .lg\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
+  }
+
+  .lg\:py-52 {
+    padding-top: 13rem;
+    padding-bottom: 13rem;
+  }
+
+  .lg\:px-52 {
+    padding-left: 13rem;
+    padding-right: 13rem;
+  }
+
+  .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-44 {
+    padding-top: 11rem;
+  }
+
+  .lg\:pr-44 {
+    padding-right: 11rem;
+  }
+
+  .lg\:pb-44 {
+    padding-bottom: 11rem;
+  }
+
+  .lg\:pl-44 {
+    padding-left: 11rem;
+  }
+
+  .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-52 {
+    padding-top: 13rem;
+  }
+
+  .lg\:pr-52 {
+    padding-right: 13rem;
+  }
+
+  .lg\:pb-52 {
+    padding-bottom: 13rem;
+  }
+
+  .lg\:pl-52 {
+    padding-left: 13rem;
+  }
+
+  .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-current::-moz-placeholder {
+    color: currentColor;
+  }
+
+  .lg\:placeholder-current:-ms-input-placeholder {
+    color: currentColor;
+  }
+
+  .lg\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
+  .lg\:placeholder-transparent::-moz-placeholder {
+    color: transparent;
+  }
+
+  .lg\:placeholder-transparent:-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .lg\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .lg\:placeholder-white::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-white:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-white::placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-black::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-black:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-black::placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, 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::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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::placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-current:focus::-moz-placeholder {
+    color: currentColor;
+  }
+
+  .lg\:focus\:placeholder-current:focus:-ms-input-placeholder {
+    color: currentColor;
+  }
+
+  .lg\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
+  .lg\:focus\:placeholder-transparent:focus::-moz-placeholder {
+    color: transparent;
+  }
+
+  .lg\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .lg\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .lg\:focus\:placeholder-white:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-white:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-white:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-black:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-black:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-black:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, 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::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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::placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-opacity-0::-moz-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .lg\:placeholder-opacity-0:-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .lg\:placeholder-opacity-0::placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .lg\:placeholder-opacity-25::-moz-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .lg\:placeholder-opacity-25:-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .lg\:placeholder-opacity-25::placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .lg\:placeholder-opacity-50::-moz-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .lg\:placeholder-opacity-50:-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .lg\:placeholder-opacity-50::placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .lg\:placeholder-opacity-75::-moz-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .lg\:placeholder-opacity-75:-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .lg\:placeholder-opacity-75::placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .lg\:placeholder-opacity-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .lg\:placeholder-opacity-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .lg\:placeholder-opacity-100::placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .lg\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .lg\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .lg\:focus\:placeholder-opacity-0:focus::placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .lg\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .lg\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .lg\:focus\:placeholder-opacity-25:focus::placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .lg\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .lg\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .lg\:focus\:placeholder-opacity-50:focus::placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .lg\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .lg\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .lg\:focus\:placeholder-opacity-75:focus::placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .lg\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .lg\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .lg\:focus\:placeholder-opacity-100:focus::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-44 {
+    top: 11rem;
+    right: 11rem;
+    bottom: 11rem;
+    left: 11rem;
+  }
+
+  .lg\:inset-48 {
+    top: 12rem;
+    right: 12rem;
+    bottom: 12rem;
+    left: 12rem;
+  }
+
+  .lg\:inset-52 {
+    top: 13rem;
+    right: 13rem;
+    bottom: 13rem;
+    left: 13rem;
+  }
+
+  .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-44 {
+    top: 11rem;
+    bottom: 11rem;
+  }
+
+  .lg\:inset-x-44 {
+    right: 11rem;
+    left: 11rem;
+  }
+
+  .lg\:inset-y-48 {
+    top: 12rem;
+    bottom: 12rem;
+  }
+
+  .lg\:inset-x-48 {
+    right: 12rem;
+    left: 12rem;
+  }
+
+  .lg\:inset-y-52 {
+    top: 13rem;
+    bottom: 13rem;
+  }
+
+  .lg\:inset-x-52 {
+    right: 13rem;
+    left: 13rem;
+  }
+
+  .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-44 {
+    top: 11rem;
+  }
+
+  .lg\:right-44 {
+    right: 11rem;
+  }
+
+  .lg\:bottom-44 {
+    bottom: 11rem;
+  }
+
+  .lg\:left-44 {
+    left: 11rem;
+  }
+
+  .lg\:top-48 {
+    top: 12rem;
+  }
+
+  .lg\:right-48 {
+    right: 12rem;
+  }
+
+  .lg\:bottom-48 {
+    bottom: 12rem;
+  }
+
+  .lg\:left-48 {
+    left: 12rem;
+  }
+
+  .lg\:top-52 {
+    top: 13rem;
+  }
+
+  .lg\:right-52 {
+    right: 13rem;
+  }
+
+  .lg\:bottom-52 {
+    bottom: 13rem;
+  }
+
+  .lg\:left-52 {
+    left: 13rem;
+  }
+
+  .lg\:top-56 {
+    top: 14rem;
+  }
+
+  .lg\:right-56 {
+    right: 14rem;
+  }
+
+  .lg\:bottom-56 {
+    bottom: 14rem;
+  }
+
+  .lg\:left-56 {
+    left: 14rem;
+  }
+
+  .lg\:top-60 {
+    top: 15rem;
+  }
+
+  .lg\:right-60 {
+    right: 15rem;
+  }
+
+  .lg\:bottom-60 {
+    bottom: 15rem;
+  }
+
+  .lg\:left-60 {
+    left: 15rem;
+  }
+
+  .lg\:top-64 {
+    top: 16rem;
+  }
+
+  .lg\:right-64 {
+    right: 16rem;
+  }
+
+  .lg\:bottom-64 {
+    bottom: 16rem;
+  }
+
+  .lg\:left-64 {
+    left: 16rem;
+  }
+
+  .lg\:top-72 {
+    top: 18rem;
+  }
+
+  .lg\:right-72 {
+    right: 18rem;
+  }
+
+  .lg\:bottom-72 {
+    bottom: 18rem;
+  }
+
+  .lg\:left-72 {
+    left: 18rem;
+  }
+
+  .lg\:top-80 {
+    top: 20rem;
+  }
+
+  .lg\:right-80 {
+    right: 20rem;
+  }
+
+  .lg\:bottom-80 {
+    bottom: 20rem;
+  }
+
+  .lg\:left-80 {
+    left: 20rem;
+  }
+
+  .lg\:top-96 {
+    top: 24rem;
+  }
+
+  .lg\:right-96 {
+    right: 24rem;
+  }
+
+  .lg\:bottom-96 {
+    bottom: 24rem;
+  }
+
+  .lg\:left-96 {
+    left: 24rem;
+  }
+
+  .lg\:top-auto {
+    top: auto;
+  }
+
+  .lg\:right-auto {
+    right: auto;
+  }
+
+  .lg\:bottom-auto {
+    bottom: auto;
+  }
+
+  .lg\:left-auto {
+    left: auto;
+  }
+
+  .lg\:top-px {
+    top: 1px;
+  }
+
+  .lg\:right-px {
+    right: 1px;
+  }
+
+  .lg\:bottom-px {
+    bottom: 1px;
+  }
+
+  .lg\:left-px {
+    left: 1px;
+  }
+
+  .lg\:top-0\.5 {
+    top: 0.125rem;
+  }
+
+  .lg\:right-0\.5 {
+    right: 0.125rem;
+  }
+
+  .lg\:bottom-0\.5 {
+    bottom: 0.125rem;
+  }
+
+  .lg\:left-0\.5 {
+    left: 0.125rem;
+  }
+
+  .lg\:top-1\.5 {
+    top: 0.375rem;
+  }
+
+  .lg\:right-1\.5 {
+    right: 0.375rem;
+  }
+
+  .lg\:bottom-1\.5 {
+    bottom: 0.375rem;
+  }
+
+  .lg\:left-1\.5 {
+    left: 0.375rem;
+  }
+
+  .lg\:top-2\.5 {
+    top: 0.625rem;
+  }
+
+  .lg\:right-2\.5 {
+    right: 0.625rem;
+  }
+
+  .lg\:bottom-2\.5 {
+    bottom: 0.625rem;
+  }
+
+  .lg\:left-2\.5 {
+    left: 0.625rem;
+  }
+
+  .lg\:top-3\.5 {
+    top: 0.875rem;
+  }
+
+  .lg\:right-3\.5 {
+    right: 0.875rem;
+  }
+
+  .lg\:bottom-3\.5 {
+    bottom: 0.875rem;
+  }
+
+  .lg\:left-3\.5 {
+    left: 0.875rem;
+  }
+
+  .lg\:top-1\/2 {
+    top: 50%;
+  }
+
+  .lg\:right-1\/2 {
+    right: 50%;
+  }
+
+  .lg\:bottom-1\/2 {
+    bottom: 50%;
+  }
+
+  .lg\:left-1\/2 {
+    left: 50%;
+  }
+
+  .lg\:top-1\/3 {
+    top: 33.333333%;
+  }
+
+  .lg\:right-1\/3 {
+    right: 33.333333%;
+  }
+
+  .lg\:bottom-1\/3 {
+    bottom: 33.333333%;
+  }
+
+  .lg\:left-1\/3 {
+    left: 33.333333%;
+  }
+
+  .lg\:top-2\/3 {
+    top: 66.666667%;
+  }
+
+  .lg\:right-2\/3 {
+    right: 66.666667%;
+  }
+
+  .lg\:bottom-2\/3 {
+    bottom: 66.666667%;
+  }
+
+  .lg\:left-2\/3 {
+    left: 66.666667%;
+  }
+
+  .lg\:top-1\/4 {
+    top: 25%;
+  }
+
+  .lg\:right-1\/4 {
+    right: 25%;
+  }
+
+  .lg\:bottom-1\/4 {
+    bottom: 25%;
+  }
+
+  .lg\:left-1\/4 {
+    left: 25%;
+  }
+
+  .lg\:top-2\/4 {
+    top: 50%;
+  }
+
+  .lg\:right-2\/4 {
+    right: 50%;
+  }
+
+  .lg\:bottom-2\/4 {
+    bottom: 50%;
+  }
+
+  .lg\:left-2\/4 {
+    left: 50%;
+  }
+
+  .lg\:top-3\/4 {
+    top: 75%;
+  }
+
+  .lg\:right-3\/4 {
+    right: 75%;
+  }
+
+  .lg\:bottom-3\/4 {
+    bottom: 75%;
+  }
+
+  .lg\:left-3\/4 {
+    left: 75%;
+  }
+
+  .lg\:top-1\/5 {
+    top: 20%;
+  }
+
+  .lg\:right-1\/5 {
+    right: 20%;
+  }
+
+  .lg\:bottom-1\/5 {
+    bottom: 20%;
+  }
+
+  .lg\:left-1\/5 {
+    left: 20%;
+  }
+
+  .lg\:top-2\/5 {
+    top: 40%;
+  }
+
+  .lg\:right-2\/5 {
+    right: 40%;
+  }
+
+  .lg\:bottom-2\/5 {
+    bottom: 40%;
+  }
+
+  .lg\:left-2\/5 {
+    left: 40%;
+  }
+
+  .lg\:top-3\/5 {
+    top: 60%;
+  }
+
+  .lg\:right-3\/5 {
+    right: 60%;
+  }
+
+  .lg\:bottom-3\/5 {
+    bottom: 60%;
+  }
+
+  .lg\:left-3\/5 {
+    left: 60%;
+  }
+
+  .lg\:top-4\/5 {
+    top: 80%;
+  }
+
+  .lg\:right-4\/5 {
+    right: 80%;
+  }
+
+  .lg\:bottom-4\/5 {
+    bottom: 80%;
+  }
+
+  .lg\:left-4\/5 {
+    left: 80%;
+  }
+
+  .lg\:top-1\/6 {
+    top: 16.666667%;
+  }
+
+  .lg\:right-1\/6 {
+    right: 16.666667%;
+  }
+
+  .lg\:bottom-1\/6 {
+    bottom: 16.666667%;
+  }
+
+  .lg\:left-1\/6 {
+    left: 16.666667%;
+  }
+
+  .lg\:top-2\/6 {
+    top: 33.333333%;
+  }
+
+  .lg\:right-2\/6 {
+    right: 33.333333%;
+  }
+
+  .lg\:bottom-2\/6 {
+    bottom: 33.333333%;
+  }
+
+  .lg\:left-2\/6 {
+    left: 33.333333%;
+  }
+
+  .lg\:top-3\/6 {
+    top: 50%;
+  }
+
+  .lg\:right-3\/6 {
+    right: 50%;
+  }
+
+  .lg\:bottom-3\/6 {
+    bottom: 50%;
+  }
+
+  .lg\:left-3\/6 {
+    left: 50%;
+  }
+
+  .lg\:top-4\/6 {
+    top: 66.666667%;
+  }
+
+  .lg\:right-4\/6 {
+    right: 66.666667%;
+  }
+
+  .lg\:bottom-4\/6 {
+    bottom: 66.666667%;
+  }
+
+  .lg\:left-4\/6 {
+    left: 66.666667%;
+  }
+
+  .lg\:top-5\/6 {
+    top: 83.333333%;
+  }
+
+  .lg\:right-5\/6 {
+    right: 83.333333%;
+  }
+
+  .lg\:bottom-5\/6 {
+    bottom: 83.333333%;
+  }
+
+  .lg\:left-5\/6 {
+    left: 83.333333%;
+  }
+
+  .lg\:top-1\/12 {
+    top: 8.333333%;
+  }
+
+  .lg\:right-1\/12 {
+    right: 8.333333%;
+  }
+
+  .lg\:bottom-1\/12 {
+    bottom: 8.333333%;
+  }
+
+  .lg\:left-1\/12 {
+    left: 8.333333%;
+  }
+
+  .lg\:top-2\/12 {
+    top: 16.666667%;
+  }
+
+  .lg\:right-2\/12 {
+    right: 16.666667%;
+  }
+
+  .lg\:bottom-2\/12 {
+    bottom: 16.666667%;
+  }
+
+  .lg\:left-2\/12 {
+    left: 16.666667%;
+  }
+
+  .lg\:top-3\/12 {
+    top: 25%;
+  }
+
+  .lg\:right-3\/12 {
+    right: 25%;
+  }
+
+  .lg\:bottom-3\/12 {
+    bottom: 25%;
+  }
+
+  .lg\:left-3\/12 {
+    left: 25%;
+  }
+
+  .lg\:top-4\/12 {
+    top: 33.333333%;
+  }
+
+  .lg\:right-4\/12 {
+    right: 33.333333%;
+  }
+
+  .lg\:bottom-4\/12 {
+    bottom: 33.333333%;
+  }
+
+  .lg\:left-4\/12 {
+    left: 33.333333%;
+  }
+
+  .lg\:top-5\/12 {
+    top: 41.666667%;
+  }
+
+  .lg\:right-5\/12 {
+    right: 41.666667%;
+  }
+
+  .lg\:bottom-5\/12 {
+    bottom: 41.666667%;
+  }
+
+  .lg\:left-5\/12 {
+    left: 41.666667%;
+  }
+
+  .lg\:top-6\/12 {
+    top: 50%;
+  }
+
+  .lg\:right-6\/12 {
+    right: 50%;
+  }
+
+  .lg\:bottom-6\/12 {
+    bottom: 50%;
+  }
+
+  .lg\:left-6\/12 {
+    left: 50%;
+  }
+
+  .lg\:top-7\/12 {
+    top: 58.333333%;
+  }
+
+  .lg\:right-7\/12 {
+    right: 58.333333%;
+  }
+
+  .lg\:bottom-7\/12 {
+    bottom: 58.333333%;
+  }
+
+  .lg\:left-7\/12 {
+    left: 58.333333%;
+  }
+
+  .lg\:top-8\/12 {
+    top: 66.666667%;
+  }
+
+  .lg\:right-8\/12 {
+    right: 66.666667%;
+  }
+
+  .lg\:bottom-8\/12 {
+    bottom: 66.666667%;
+  }
+
+  .lg\:left-8\/12 {
+    left: 66.666667%;
+  }
+
+  .lg\:top-9\/12 {
+    top: 75%;
+  }
+
+  .lg\:right-9\/12 {
+    right: 75%;
+  }
+
+  .lg\:bottom-9\/12 {
+    bottom: 75%;
+  }
+
+  .lg\:left-9\/12 {
+    left: 75%;
+  }
+
+  .lg\:top-10\/12 {
+    top: 83.333333%;
+  }
+
+  .lg\:right-10\/12 {
+    right: 83.333333%;
+  }
+
+  .lg\:bottom-10\/12 {
+    bottom: 83.333333%;
+  }
+
+  .lg\:left-10\/12 {
+    left: 83.333333%;
+  }
+
+  .lg\:top-11\/12 {
+    top: 91.666667%;
+  }
+
+  .lg\:right-11\/12 {
+    right: 91.666667%;
+  }
+
+  .lg\:bottom-11\/12 {
+    bottom: 91.666667%;
+  }
+
+  .lg\:left-11\/12 {
+    left: 91.666667%;
+  }
+
+  .lg\:top-full {
+    top: 100%;
+  }
+
+  .lg\:right-full {
+    right: 100%;
+  }
+
+  .lg\:bottom-full {
+    bottom: 100%;
+  }
+
+  .lg\:left-full {
+    left: 100%;
+  }
+
+  .lg\:resize-none {
+    resize: none;
+  }
+
+  .lg\:resize-y {
+    resize: vertical;
+  }
+
+  .lg\:resize-x {
+    resize: horizontal;
+  }
+
+  .lg\:resize {
+    resize: both;
+  }
+
+  .lg\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .lg\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .lg\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .lg\:shadow-none {
+    box-shadow: none;
+  }
+
+  .lg\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .lg\:shadow-outline-gray {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .lg\:shadow-outline-blue {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .lg\:shadow-outline-teal {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .lg\:shadow-outline-green {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .lg\:shadow-outline-yellow {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .lg\:shadow-outline-orange {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .lg\:shadow-outline-red {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .lg\:shadow-outline-pink {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .lg\:shadow-outline-purple {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .lg\:shadow-outline-indigo {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .lg\:group-focus\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-none {
+    box-shadow: none;
+  }
+
+  .group:focus .lg\:group-focus\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-gray {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-blue {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-teal {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-green {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-yellow {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-orange {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-red {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-pink {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-purple {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-indigo {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .lg\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:hover\:shadow:hover {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:hover\:shadow-md:hover {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:hover\:shadow-lg:hover {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:hover\:shadow-xl:hover {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .lg\:hover\:shadow-2xl:hover {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .lg\:hover\:shadow-inner:hover {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:hover\:shadow-outline:hover {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .lg\:hover\:shadow-none:hover {
+    box-shadow: none;
+  }
+
+  .lg\:hover\:shadow-solid:hover {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .lg\:hover\:shadow-outline-gray:hover {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .lg\:hover\:shadow-outline-blue:hover {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .lg\:hover\:shadow-outline-teal:hover {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .lg\:hover\:shadow-outline-green:hover {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .lg\:hover\:shadow-outline-yellow:hover {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .lg\:hover\:shadow-outline-orange:hover {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .lg\:hover\:shadow-outline-red:hover {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .lg\:hover\:shadow-outline-pink:hover {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .lg\:hover\:shadow-outline-purple:hover {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .lg\:hover\:shadow-outline-indigo:hover {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .lg\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .lg\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .lg\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .lg\:focus-within\:shadow-none:focus-within {
+    box-shadow: none;
+  }
+
+  .lg\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .lg\:focus-within\:shadow-outline-gray:focus-within {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .lg\:focus-within\:shadow-outline-blue:focus-within {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .lg\:focus-within\:shadow-outline-teal:focus-within {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .lg\:focus-within\:shadow-outline-green:focus-within {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .lg\:focus-within\:shadow-outline-yellow:focus-within {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .lg\:focus-within\:shadow-outline-orange:focus-within {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .lg\:focus-within\:shadow-outline-red:focus-within {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .lg\:focus-within\:shadow-outline-pink:focus-within {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .lg\:focus-within\:shadow-outline-purple:focus-within {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .lg\:focus-within\:shadow-outline-indigo:focus-within {
+    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-current {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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));
+  }
+
+  .lg\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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));
+  }
+
+  .group:hover .lg\:group-hover\:text-current {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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:hover .lg\:group-hover\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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:focus .lg\:group-focus\:text-current {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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));
+  }
+
+  .group:focus .lg\:group-focus\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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));
+  }
+
+  .lg\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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\:hover\:text-cool-gray-50:hover {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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-within\:text-cool-gray-50:focus-within {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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\:text-current:focus {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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\:focus\:text-cool-gray-50:focus {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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\:active\:text-current:active {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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\:active\:text-cool-gray-50:active {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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\: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\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions {
+    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
+    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
+  }
+
+  .lg\:normal-nums {
+    font-variant-numeric: normal;
+  }
+
+  .lg\:ordinal {
+    --font-variant-numeric-ordinal: ordinal;
+  }
+
+  .lg\:slashed-zero {
+    --font-variant-numeric-slashed-zero: slashed-zero;
+  }
+
+  .lg\:lining-nums {
+    --font-variant-numeric-figure: lining-nums;
+  }
+
+  .lg\:oldstyle-nums {
+    --font-variant-numeric-figure: oldstyle-nums;
+  }
+
+  .lg\:proportional-nums {
+    --font-variant-numeric-spacing: proportional-nums;
+  }
+
+  .lg\:tabular-nums {
+    --font-variant-numeric-spacing: tabular-nums;
+  }
+
+  .lg\:diagonal-fractions {
+    --font-variant-numeric-fraction: diagonal-fractions;
+  }
+
+  .lg\:stacked-fractions {
+    --font-variant-numeric-fraction: stacked-fractions;
+  }
+
+  .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 {
+    word-wrap: normal;
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+
+  .lg\:break-words {
+    word-wrap: break-word;
+    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-44 {
+    width: 11rem;
+  }
+
+  .lg\:w-48 {
+    width: 12rem;
+  }
+
+  .lg\:w-52 {
+    width: 13rem;
+  }
+
+  .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\:w-min-content {
+    width: -webkit-min-content;
+    width: -moz-min-content;
+    width: min-content;
+  }
+
+  .lg\:w-max-content {
+    width: -webkit-max-content;
+    width: -moz-max-content;
+    width: max-content;
+  }
+
+  .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-44 {
+    grid-gap: 11rem;
+    gap: 11rem;
+  }
+
+  .lg\:gap-48 {
+    grid-gap: 12rem;
+    gap: 12rem;
+  }
+
+  .lg\:gap-52 {
+    grid-gap: 13rem;
+    gap: 13rem;
+  }
+
+  .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-44 {
+    grid-column-gap: 11rem;
+    -moz-column-gap: 11rem;
+         column-gap: 11rem;
+  }
+
+  .lg\:col-gap-48 {
+    grid-column-gap: 12rem;
+    -moz-column-gap: 12rem;
+         column-gap: 12rem;
+  }
+
+  .lg\:col-gap-52 {
+    grid-column-gap: 13rem;
+    -moz-column-gap: 13rem;
+         column-gap: 13rem;
+  }
+
+  .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\:gap-x-0 {
+    grid-column-gap: 0;
+    -moz-column-gap: 0;
+         column-gap: 0;
+  }
+
+  .lg\:gap-x-1 {
+    grid-column-gap: 0.25rem;
+    -moz-column-gap: 0.25rem;
+         column-gap: 0.25rem;
+  }
+
+  .lg\:gap-x-2 {
+    grid-column-gap: 0.5rem;
+    -moz-column-gap: 0.5rem;
+         column-gap: 0.5rem;
+  }
+
+  .lg\:gap-x-3 {
+    grid-column-gap: 0.75rem;
+    -moz-column-gap: 0.75rem;
+         column-gap: 0.75rem;
+  }
+
+  .lg\:gap-x-4 {
+    grid-column-gap: 1rem;
+    -moz-column-gap: 1rem;
+         column-gap: 1rem;
+  }
+
+  .lg\:gap-x-5 {
+    grid-column-gap: 1.25rem;
+    -moz-column-gap: 1.25rem;
+         column-gap: 1.25rem;
+  }
+
+  .lg\:gap-x-6 {
+    grid-column-gap: 1.5rem;
+    -moz-column-gap: 1.5rem;
+         column-gap: 1.5rem;
+  }
+
+  .lg\:gap-x-7 {
+    grid-column-gap: 1.75rem;
+    -moz-column-gap: 1.75rem;
+         column-gap: 1.75rem;
+  }
+
+  .lg\:gap-x-8 {
+    grid-column-gap: 2rem;
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
+  }
+
+  .lg\:gap-x-9 {
+    grid-column-gap: 2.25rem;
+    -moz-column-gap: 2.25rem;
+         column-gap: 2.25rem;
+  }
+
+  .lg\:gap-x-10 {
+    grid-column-gap: 2.5rem;
+    -moz-column-gap: 2.5rem;
+         column-gap: 2.5rem;
+  }
+
+  .lg\:gap-x-11 {
+    grid-column-gap: 2.75rem;
+    -moz-column-gap: 2.75rem;
+         column-gap: 2.75rem;
+  }
+
+  .lg\:gap-x-12 {
+    grid-column-gap: 3rem;
+    -moz-column-gap: 3rem;
+         column-gap: 3rem;
+  }
+
+  .lg\:gap-x-13 {
+    grid-column-gap: 3.25rem;
+    -moz-column-gap: 3.25rem;
+         column-gap: 3.25rem;
+  }
+
+  .lg\:gap-x-14 {
+    grid-column-gap: 3.5rem;
+    -moz-column-gap: 3.5rem;
+         column-gap: 3.5rem;
+  }
+
+  .lg\:gap-x-15 {
+    grid-column-gap: 3.75rem;
+    -moz-column-gap: 3.75rem;
+         column-gap: 3.75rem;
+  }
+
+  .lg\:gap-x-16 {
+    grid-column-gap: 4rem;
+    -moz-column-gap: 4rem;
+         column-gap: 4rem;
+  }
+
+  .lg\:gap-x-20 {
+    grid-column-gap: 5rem;
+    -moz-column-gap: 5rem;
+         column-gap: 5rem;
+  }
+
+  .lg\:gap-x-24 {
+    grid-column-gap: 6rem;
+    -moz-column-gap: 6rem;
+         column-gap: 6rem;
+  }
+
+  .lg\:gap-x-28 {
+    grid-column-gap: 7rem;
+    -moz-column-gap: 7rem;
+         column-gap: 7rem;
+  }
+
+  .lg\:gap-x-32 {
+    grid-column-gap: 8rem;
+    -moz-column-gap: 8rem;
+         column-gap: 8rem;
+  }
+
+  .lg\:gap-x-36 {
+    grid-column-gap: 9rem;
+    -moz-column-gap: 9rem;
+         column-gap: 9rem;
+  }
+
+  .lg\:gap-x-40 {
+    grid-column-gap: 10rem;
+    -moz-column-gap: 10rem;
+         column-gap: 10rem;
+  }
+
+  .lg\:gap-x-44 {
+    grid-column-gap: 11rem;
+    -moz-column-gap: 11rem;
+         column-gap: 11rem;
+  }
+
+  .lg\:gap-x-48 {
+    grid-column-gap: 12rem;
+    -moz-column-gap: 12rem;
+         column-gap: 12rem;
+  }
+
+  .lg\:gap-x-52 {
+    grid-column-gap: 13rem;
+    -moz-column-gap: 13rem;
+         column-gap: 13rem;
+  }
+
+  .lg\:gap-x-56 {
+    grid-column-gap: 14rem;
+    -moz-column-gap: 14rem;
+         column-gap: 14rem;
+  }
+
+  .lg\:gap-x-60 {
+    grid-column-gap: 15rem;
+    -moz-column-gap: 15rem;
+         column-gap: 15rem;
+  }
+
+  .lg\:gap-x-64 {
+    grid-column-gap: 16rem;
+    -moz-column-gap: 16rem;
+         column-gap: 16rem;
+  }
+
+  .lg\:gap-x-72 {
+    grid-column-gap: 18rem;
+    -moz-column-gap: 18rem;
+         column-gap: 18rem;
+  }
+
+  .lg\:gap-x-80 {
+    grid-column-gap: 20rem;
+    -moz-column-gap: 20rem;
+         column-gap: 20rem;
+  }
+
+  .lg\:gap-x-96 {
+    grid-column-gap: 24rem;
+    -moz-column-gap: 24rem;
+         column-gap: 24rem;
+  }
+
+  .lg\:gap-x-px {
+    grid-column-gap: 1px;
+    -moz-column-gap: 1px;
+         column-gap: 1px;
+  }
+
+  .lg\:gap-x-0\.5 {
+    grid-column-gap: 0.125rem;
+    -moz-column-gap: 0.125rem;
+         column-gap: 0.125rem;
+  }
+
+  .lg\:gap-x-1\.5 {
+    grid-column-gap: 0.375rem;
+    -moz-column-gap: 0.375rem;
+         column-gap: 0.375rem;
+  }
+
+  .lg\:gap-x-2\.5 {
+    grid-column-gap: 0.625rem;
+    -moz-column-gap: 0.625rem;
+         column-gap: 0.625rem;
+  }
+
+  .lg\:gap-x-3\.5 {
+    grid-column-gap: 0.875rem;
+    -moz-column-gap: 0.875rem;
+         column-gap: 0.875rem;
+  }
+
+  .lg\:gap-x-1\/2 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .lg\:gap-x-1\/3 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .lg\:gap-x-2\/3 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .lg\:gap-x-1\/4 {
+    grid-column-gap: 25%;
+    -moz-column-gap: 25%;
+         column-gap: 25%;
+  }
+
+  .lg\:gap-x-2\/4 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .lg\:gap-x-3\/4 {
+    grid-column-gap: 75%;
+    -moz-column-gap: 75%;
+         column-gap: 75%;
+  }
+
+  .lg\:gap-x-1\/5 {
+    grid-column-gap: 20%;
+    -moz-column-gap: 20%;
+         column-gap: 20%;
+  }
+
+  .lg\:gap-x-2\/5 {
+    grid-column-gap: 40%;
+    -moz-column-gap: 40%;
+         column-gap: 40%;
+  }
+
+  .lg\:gap-x-3\/5 {
+    grid-column-gap: 60%;
+    -moz-column-gap: 60%;
+         column-gap: 60%;
+  }
+
+  .lg\:gap-x-4\/5 {
+    grid-column-gap: 80%;
+    -moz-column-gap: 80%;
+         column-gap: 80%;
+  }
+
+  .lg\:gap-x-1\/6 {
+    grid-column-gap: 16.666667%;
+    -moz-column-gap: 16.666667%;
+         column-gap: 16.666667%;
+  }
+
+  .lg\:gap-x-2\/6 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .lg\:gap-x-3\/6 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .lg\:gap-x-4\/6 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .lg\:gap-x-5\/6 {
+    grid-column-gap: 83.333333%;
+    -moz-column-gap: 83.333333%;
+         column-gap: 83.333333%;
+  }
+
+  .lg\:gap-x-1\/12 {
+    grid-column-gap: 8.333333%;
+    -moz-column-gap: 8.333333%;
+         column-gap: 8.333333%;
+  }
+
+  .lg\:gap-x-2\/12 {
+    grid-column-gap: 16.666667%;
+    -moz-column-gap: 16.666667%;
+         column-gap: 16.666667%;
+  }
+
+  .lg\:gap-x-3\/12 {
+    grid-column-gap: 25%;
+    -moz-column-gap: 25%;
+         column-gap: 25%;
+  }
+
+  .lg\:gap-x-4\/12 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .lg\:gap-x-5\/12 {
+    grid-column-gap: 41.666667%;
+    -moz-column-gap: 41.666667%;
+         column-gap: 41.666667%;
+  }
+
+  .lg\:gap-x-6\/12 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .lg\:gap-x-7\/12 {
+    grid-column-gap: 58.333333%;
+    -moz-column-gap: 58.333333%;
+         column-gap: 58.333333%;
+  }
+
+  .lg\:gap-x-8\/12 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .lg\:gap-x-9\/12 {
+    grid-column-gap: 75%;
+    -moz-column-gap: 75%;
+         column-gap: 75%;
+  }
+
+  .lg\:gap-x-10\/12 {
+    grid-column-gap: 83.333333%;
+    -moz-column-gap: 83.333333%;
+         column-gap: 83.333333%;
+  }
+
+  .lg\:gap-x-11\/12 {
+    grid-column-gap: 91.666667%;
+    -moz-column-gap: 91.666667%;
+         column-gap: 91.666667%;
+  }
+
+  .lg\:gap-x-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-44 {
+    grid-row-gap: 11rem;
+    row-gap: 11rem;
+  }
+
+  .lg\:row-gap-48 {
+    grid-row-gap: 12rem;
+    row-gap: 12rem;
+  }
+
+  .lg\:row-gap-52 {
+    grid-row-gap: 13rem;
+    row-gap: 13rem;
+  }
+
+  .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\:gap-y-0 {
+    grid-row-gap: 0;
+    row-gap: 0;
+  }
+
+  .lg\:gap-y-1 {
+    grid-row-gap: 0.25rem;
+    row-gap: 0.25rem;
+  }
+
+  .lg\:gap-y-2 {
+    grid-row-gap: 0.5rem;
+    row-gap: 0.5rem;
+  }
+
+  .lg\:gap-y-3 {
+    grid-row-gap: 0.75rem;
+    row-gap: 0.75rem;
+  }
+
+  .lg\:gap-y-4 {
+    grid-row-gap: 1rem;
+    row-gap: 1rem;
+  }
+
+  .lg\:gap-y-5 {
+    grid-row-gap: 1.25rem;
+    row-gap: 1.25rem;
+  }
+
+  .lg\:gap-y-6 {
+    grid-row-gap: 1.5rem;
+    row-gap: 1.5rem;
+  }
+
+  .lg\:gap-y-7 {
+    grid-row-gap: 1.75rem;
+    row-gap: 1.75rem;
+  }
+
+  .lg\:gap-y-8 {
+    grid-row-gap: 2rem;
+    row-gap: 2rem;
+  }
+
+  .lg\:gap-y-9 {
+    grid-row-gap: 2.25rem;
+    row-gap: 2.25rem;
+  }
+
+  .lg\:gap-y-10 {
+    grid-row-gap: 2.5rem;
+    row-gap: 2.5rem;
+  }
+
+  .lg\:gap-y-11 {
+    grid-row-gap: 2.75rem;
+    row-gap: 2.75rem;
+  }
+
+  .lg\:gap-y-12 {
+    grid-row-gap: 3rem;
+    row-gap: 3rem;
+  }
+
+  .lg\:gap-y-13 {
+    grid-row-gap: 3.25rem;
+    row-gap: 3.25rem;
+  }
+
+  .lg\:gap-y-14 {
+    grid-row-gap: 3.5rem;
+    row-gap: 3.5rem;
+  }
+
+  .lg\:gap-y-15 {
+    grid-row-gap: 3.75rem;
+    row-gap: 3.75rem;
+  }
+
+  .lg\:gap-y-16 {
+    grid-row-gap: 4rem;
+    row-gap: 4rem;
+  }
+
+  .lg\:gap-y-20 {
+    grid-row-gap: 5rem;
+    row-gap: 5rem;
+  }
+
+  .lg\:gap-y-24 {
+    grid-row-gap: 6rem;
+    row-gap: 6rem;
+  }
+
+  .lg\:gap-y-28 {
+    grid-row-gap: 7rem;
+    row-gap: 7rem;
+  }
+
+  .lg\:gap-y-32 {
+    grid-row-gap: 8rem;
+    row-gap: 8rem;
+  }
+
+  .lg\:gap-y-36 {
+    grid-row-gap: 9rem;
+    row-gap: 9rem;
+  }
+
+  .lg\:gap-y-40 {
+    grid-row-gap: 10rem;
+    row-gap: 10rem;
+  }
+
+  .lg\:gap-y-44 {
+    grid-row-gap: 11rem;
+    row-gap: 11rem;
+  }
+
+  .lg\:gap-y-48 {
+    grid-row-gap: 12rem;
+    row-gap: 12rem;
+  }
+
+  .lg\:gap-y-52 {
+    grid-row-gap: 13rem;
+    row-gap: 13rem;
+  }
+
+  .lg\:gap-y-56 {
+    grid-row-gap: 14rem;
+    row-gap: 14rem;
+  }
+
+  .lg\:gap-y-60 {
+    grid-row-gap: 15rem;
+    row-gap: 15rem;
+  }
+
+  .lg\:gap-y-64 {
+    grid-row-gap: 16rem;
+    row-gap: 16rem;
+  }
+
+  .lg\:gap-y-72 {
+    grid-row-gap: 18rem;
+    row-gap: 18rem;
+  }
+
+  .lg\:gap-y-80 {
+    grid-row-gap: 20rem;
+    row-gap: 20rem;
+  }
+
+  .lg\:gap-y-96 {
+    grid-row-gap: 24rem;
+    row-gap: 24rem;
+  }
+
+  .lg\:gap-y-px {
+    grid-row-gap: 1px;
+    row-gap: 1px;
+  }
+
+  .lg\:gap-y-0\.5 {
+    grid-row-gap: 0.125rem;
+    row-gap: 0.125rem;
+  }
+
+  .lg\:gap-y-1\.5 {
+    grid-row-gap: 0.375rem;
+    row-gap: 0.375rem;
+  }
+
+  .lg\:gap-y-2\.5 {
+    grid-row-gap: 0.625rem;
+    row-gap: 0.625rem;
+  }
+
+  .lg\:gap-y-3\.5 {
+    grid-row-gap: 0.875rem;
+    row-gap: 0.875rem;
+  }
+
+  .lg\:gap-y-1\/2 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .lg\:gap-y-1\/3 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .lg\:gap-y-2\/3 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .lg\:gap-y-1\/4 {
+    grid-row-gap: 25%;
+    row-gap: 25%;
+  }
+
+  .lg\:gap-y-2\/4 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .lg\:gap-y-3\/4 {
+    grid-row-gap: 75%;
+    row-gap: 75%;
+  }
+
+  .lg\:gap-y-1\/5 {
+    grid-row-gap: 20%;
+    row-gap: 20%;
+  }
+
+  .lg\:gap-y-2\/5 {
+    grid-row-gap: 40%;
+    row-gap: 40%;
+  }
+
+  .lg\:gap-y-3\/5 {
+    grid-row-gap: 60%;
+    row-gap: 60%;
+  }
+
+  .lg\:gap-y-4\/5 {
+    grid-row-gap: 80%;
+    row-gap: 80%;
+  }
+
+  .lg\:gap-y-1\/6 {
+    grid-row-gap: 16.666667%;
+    row-gap: 16.666667%;
+  }
+
+  .lg\:gap-y-2\/6 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .lg\:gap-y-3\/6 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .lg\:gap-y-4\/6 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .lg\:gap-y-5\/6 {
+    grid-row-gap: 83.333333%;
+    row-gap: 83.333333%;
+  }
+
+  .lg\:gap-y-1\/12 {
+    grid-row-gap: 8.333333%;
+    row-gap: 8.333333%;
+  }
+
+  .lg\:gap-y-2\/12 {
+    grid-row-gap: 16.666667%;
+    row-gap: 16.666667%;
+  }
+
+  .lg\:gap-y-3\/12 {
+    grid-row-gap: 25%;
+    row-gap: 25%;
+  }
+
+  .lg\:gap-y-4\/12 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .lg\:gap-y-5\/12 {
+    grid-row-gap: 41.666667%;
+    row-gap: 41.666667%;
+  }
+
+  .lg\:gap-y-6\/12 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .lg\:gap-y-7\/12 {
+    grid-row-gap: 58.333333%;
+    row-gap: 58.333333%;
+  }
+
+  .lg\:gap-y-8\/12 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .lg\:gap-y-9\/12 {
+    grid-row-gap: 75%;
+    row-gap: 75%;
+  }
+
+  .lg\:gap-y-10\/12 {
+    grid-row-gap: 83.333333%;
+    row-gap: 83.333333%;
+  }
+
+  .lg\:gap-y-11\/12 {
+    grid-row-gap: 91.666667%;
+    row-gap: 91.666667%;
+  }
+
+  .lg\:gap-y-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\:auto-cols-auto {
+    grid-auto-columns: auto;
+  }
+
+  .lg\:auto-cols-min {
+    grid-auto-columns: -webkit-min-content;
+    grid-auto-columns: min-content;
+  }
+
+  .lg\:auto-cols-max {
+    grid-auto-columns: -webkit-max-content;
+    grid-auto-columns: max-content;
+  }
+
+  .lg\:auto-cols-fr {
+    grid-auto-columns: minmax(0, 1fr);
+  }
+
+  .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-span-full {
+    grid-column: 1 / -1;
+  }
+
+  .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\:auto-rows-auto {
+    grid-auto-rows: auto;
+  }
+
+  .lg\:auto-rows-min {
+    grid-auto-rows: -webkit-min-content;
+    grid-auto-rows: min-content;
+  }
+
+  .lg\:auto-rows-max {
+    grid-auto-rows: -webkit-max-content;
+    grid-auto-rows: max-content;
+  }
+
+  .lg\:auto-rows-fr {
+    grid-auto-rows: minmax(0, 1fr);
+  }
+
+  .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-span-full {
+    grid-row: 1 / -1;
+  }
+
+  .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-1 {
+    --transform-rotate: 1deg;
+  }
+
+  .lg\:rotate-2 {
+    --transform-rotate: 2deg;
+  }
+
+  .lg\:rotate-3 {
+    --transform-rotate: 3deg;
+  }
+
+  .lg\:rotate-6 {
+    --transform-rotate: 6deg;
+  }
+
+  .lg\:rotate-12 {
+    --transform-rotate: 12deg;
+  }
+
+  .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\:-rotate-12 {
+    --transform-rotate: -12deg;
+  }
+
+  .lg\:-rotate-6 {
+    --transform-rotate: -6deg;
+  }
+
+  .lg\:-rotate-3 {
+    --transform-rotate: -3deg;
+  }
+
+  .lg\:-rotate-2 {
+    --transform-rotate: -2deg;
+  }
+
+  .lg\:-rotate-1 {
+    --transform-rotate: -1deg;
+  }
+
+  .lg\:hover\:rotate-0:hover {
+    --transform-rotate: 0;
+  }
+
+  .lg\:hover\:rotate-1:hover {
+    --transform-rotate: 1deg;
+  }
+
+  .lg\:hover\:rotate-2:hover {
+    --transform-rotate: 2deg;
+  }
+
+  .lg\:hover\:rotate-3:hover {
+    --transform-rotate: 3deg;
+  }
+
+  .lg\:hover\:rotate-6:hover {
+    --transform-rotate: 6deg;
+  }
+
+  .lg\:hover\:rotate-12:hover {
+    --transform-rotate: 12deg;
+  }
+
+  .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\:hover\:-rotate-12:hover {
+    --transform-rotate: -12deg;
+  }
+
+  .lg\:hover\:-rotate-6:hover {
+    --transform-rotate: -6deg;
+  }
+
+  .lg\:hover\:-rotate-3:hover {
+    --transform-rotate: -3deg;
+  }
+
+  .lg\:hover\:-rotate-2:hover {
+    --transform-rotate: -2deg;
+  }
+
+  .lg\:hover\:-rotate-1:hover {
+    --transform-rotate: -1deg;
+  }
+
+  .lg\:focus\:rotate-0:focus {
+    --transform-rotate: 0;
+  }
+
+  .lg\:focus\:rotate-1:focus {
+    --transform-rotate: 1deg;
+  }
+
+  .lg\:focus\:rotate-2:focus {
+    --transform-rotate: 2deg;
+  }
+
+  .lg\:focus\:rotate-3:focus {
+    --transform-rotate: 3deg;
+  }
+
+  .lg\:focus\:rotate-6:focus {
+    --transform-rotate: 6deg;
+  }
+
+  .lg\:focus\:rotate-12:focus {
+    --transform-rotate: 12deg;
+  }
+
+  .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\:focus\:-rotate-12:focus {
+    --transform-rotate: -12deg;
+  }
+
+  .lg\:focus\:-rotate-6:focus {
+    --transform-rotate: -6deg;
+  }
+
+  .lg\:focus\:-rotate-3:focus {
+    --transform-rotate: -3deg;
+  }
+
+  .lg\:focus\:-rotate-2:focus {
+    --transform-rotate: -2deg;
+  }
+
+  .lg\:focus\:-rotate-1:focus {
+    --transform-rotate: -1deg;
+  }
+
+  .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-44 {
+    --transform-translate-x: 11rem;
+  }
+
+  .lg\:translate-x-48 {
+    --transform-translate-x: 12rem;
+  }
+
+  .lg\:translate-x-52 {
+    --transform-translate-x: 13rem;
+  }
+
+  .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-44 {
+    --transform-translate-x: -11rem;
+  }
+
+  .lg\:-translate-x-48 {
+    --transform-translate-x: -12rem;
+  }
+
+  .lg\:-translate-x-52 {
+    --transform-translate-x: -13rem;
+  }
+
+  .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-44 {
+    --transform-translate-y: 11rem;
+  }
+
+  .lg\:translate-y-48 {
+    --transform-translate-y: 12rem;
+  }
+
+  .lg\:translate-y-52 {
+    --transform-translate-y: 13rem;
+  }
+
+  .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-44 {
+    --transform-translate-y: -11rem;
+  }
+
+  .lg\:-translate-y-48 {
+    --transform-translate-y: -12rem;
+  }
+
+  .lg\:-translate-y-52 {
+    --transform-translate-y: -13rem;
+  }
+
+  .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-44:hover {
+    --transform-translate-x: 11rem;
+  }
+
+  .lg\:hover\:translate-x-48:hover {
+    --transform-translate-x: 12rem;
+  }
+
+  .lg\:hover\:translate-x-52:hover {
+    --transform-translate-x: 13rem;
+  }
+
+  .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-44:hover {
+    --transform-translate-x: -11rem;
+  }
+
+  .lg\:hover\:-translate-x-48:hover {
+    --transform-translate-x: -12rem;
+  }
+
+  .lg\:hover\:-translate-x-52:hover {
+    --transform-translate-x: -13rem;
+  }
+
+  .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-44:hover {
+    --transform-translate-y: 11rem;
+  }
+
+  .lg\:hover\:translate-y-48:hover {
+    --transform-translate-y: 12rem;
+  }
+
+  .lg\:hover\:translate-y-52:hover {
+    --transform-translate-y: 13rem;
+  }
+
+  .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-44:hover {
+    --transform-translate-y: -11rem;
+  }
+
+  .lg\:hover\:-translate-y-48:hover {
+    --transform-translate-y: -12rem;
+  }
+
+  .lg\:hover\:-translate-y-52:hover {
+    --transform-translate-y: -13rem;
+  }
+
+  .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-44:focus {
+    --transform-translate-x: 11rem;
+  }
+
+  .lg\:focus\:translate-x-48:focus {
+    --transform-translate-x: 12rem;
+  }
+
+  .lg\:focus\:translate-x-52:focus {
+    --transform-translate-x: 13rem;
+  }
+
+  .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-44:focus {
+    --transform-translate-x: -11rem;
+  }
+
+  .lg\:focus\:-translate-x-48:focus {
+    --transform-translate-x: -12rem;
+  }
+
+  .lg\:focus\:-translate-x-52:focus {
+    --transform-translate-x: -13rem;
+  }
+
+  .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-44:focus {
+    --transform-translate-y: 11rem;
+  }
+
+  .lg\:focus\:translate-y-48:focus {
+    --transform-translate-y: 12rem;
+  }
+
+  .lg\:focus\:translate-y-52:focus {
+    --transform-translate-y: 13rem;
+  }
+
+  .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-44:focus {
+    --transform-translate-y: -11rem;
+  }
+
+  .lg\:focus\:-translate-y-48:focus {
+    --transform-translate-y: -12rem;
+  }
+
+  .lg\:focus\:-translate-y-52:focus {
+    --transform-translate-y: -13rem;
+  }
+
+  .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-1 {
+    --transform-skew-x: 1deg;
+  }
+
+  .lg\:skew-x-2 {
+    --transform-skew-x: 2deg;
+  }
+
+  .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-x-2 {
+    --transform-skew-x: -2deg;
+  }
+
+  .lg\:-skew-x-1 {
+    --transform-skew-x: -1deg;
+  }
+
+  .lg\:skew-y-0 {
+    --transform-skew-y: 0;
+  }
+
+  .lg\:skew-y-1 {
+    --transform-skew-y: 1deg;
+  }
+
+  .lg\:skew-y-2 {
+    --transform-skew-y: 2deg;
+  }
+
+  .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\:-skew-y-2 {
+    --transform-skew-y: -2deg;
+  }
+
+  .lg\:-skew-y-1 {
+    --transform-skew-y: -1deg;
+  }
+
+  .lg\:hover\:skew-x-0:hover {
+    --transform-skew-x: 0;
+  }
+
+  .lg\:hover\:skew-x-1:hover {
+    --transform-skew-x: 1deg;
+  }
+
+  .lg\:hover\:skew-x-2:hover {
+    --transform-skew-x: 2deg;
+  }
+
+  .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-x-2:hover {
+    --transform-skew-x: -2deg;
+  }
+
+  .lg\:hover\:-skew-x-1:hover {
+    --transform-skew-x: -1deg;
+  }
+
+  .lg\:hover\:skew-y-0:hover {
+    --transform-skew-y: 0;
+  }
+
+  .lg\:hover\:skew-y-1:hover {
+    --transform-skew-y: 1deg;
+  }
+
+  .lg\:hover\:skew-y-2:hover {
+    --transform-skew-y: 2deg;
+  }
+
+  .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\:hover\:-skew-y-2:hover {
+    --transform-skew-y: -2deg;
+  }
+
+  .lg\:hover\:-skew-y-1:hover {
+    --transform-skew-y: -1deg;
+  }
+
+  .lg\:focus\:skew-x-0:focus {
+    --transform-skew-x: 0;
+  }
+
+  .lg\:focus\:skew-x-1:focus {
+    --transform-skew-x: 1deg;
+  }
+
+  .lg\:focus\:skew-x-2:focus {
+    --transform-skew-x: 2deg;
+  }
+
+  .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-x-2:focus {
+    --transform-skew-x: -2deg;
+  }
+
+  .lg\:focus\:-skew-x-1:focus {
+    --transform-skew-x: -1deg;
+  }
+
+  .lg\:focus\:skew-y-0:focus {
+    --transform-skew-y: 0;
+  }
+
+  .lg\:focus\:skew-y-1:focus {
+    --transform-skew-y: 1deg;
+  }
+
+  .lg\:focus\:skew-y-2:focus {
+    --transform-skew-y: 2deg;
+  }
+
+  .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\:focus\:-skew-y-2:focus {
+    --transform-skew-y: -2deg;
+  }
+
+  .lg\:focus\:-skew-y-1:focus {
+    --transform-skew-y: -1deg;
+  }
+
+  .lg\:transition-none {
+    transition-property: none;
+  }
+
+  .lg\:transition-all {
+    transition-property: all;
+  }
+
+  .lg\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+  }
+
+  .lg\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
+  }
+
+  .lg\:transition-opacity {
+    transition-property: opacity;
+  }
+
+  .lg\:transition-shadow {
+    transition-property: box-shadow;
+  }
+
+  .lg\:transition-transform {
+    transition-property: transform;
+  }
+
+  .lg\:ease-linear {
+    transition-timing-function: linear;
+  }
+
+  .lg\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+
+  .lg\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .lg\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .lg\:duration-75 {
+    transition-duration: 75ms;
+  }
+
+  .lg\:duration-100 {
+    transition-duration: 100ms;
+  }
+
+  .lg\:duration-150 {
+    transition-duration: 150ms;
+  }
+
+  .lg\:duration-200 {
+    transition-duration: 200ms;
+  }
+
+  .lg\:duration-300 {
+    transition-duration: 300ms;
+  }
+
+  .lg\:duration-500 {
+    transition-duration: 500ms;
+  }
+
+  .lg\:duration-700 {
+    transition-duration: 700ms;
+  }
+
+  .lg\:duration-1000 {
+    transition-duration: 1000ms;
+  }
+
+  .lg\:delay-75 {
+    transition-delay: 75ms;
+  }
+
+  .lg\:delay-100 {
+    transition-delay: 100ms;
+  }
+
+  .lg\:delay-150 {
+    transition-delay: 150ms;
+  }
+
+  .lg\:delay-200 {
+    transition-delay: 200ms;
+  }
+
+  .lg\:delay-300 {
+    transition-delay: 300ms;
+  }
+
+  .lg\:delay-500 {
+    transition-delay: 500ms;
+  }
+
+  .lg\:delay-700 {
+    transition-delay: 700ms;
+  }
+
+  .lg\:delay-1000 {
+    transition-delay: 1000ms;
+  }
+
+  .lg\:animate-none {
+    -webkit-animation: none;
+            animation: none;
+  }
+
+  .lg\:animate-spin {
+    -webkit-animation: spin 1s linear infinite;
+            animation: spin 1s linear infinite;
+  }
+
+  .lg\:animate-ping {
+    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  }
+
+  .lg\:animate-pulse {
+    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  .lg\:animate-bounce {
+    -webkit-animation: bounce 1s infinite;
+            animation: bounce 1s infinite;
+  }
+}
+
+@media (min-width: 1280px) {
+  .xl\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 640px) {
+    .xl\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .xl\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .xl\:container {
+      max-width: 1024px;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .xl\:container {
+      max-width: 1280px;
+    }
+  }
+
+  .xl\:prose {
+    color: #374151;
+    max-width: 65ch;
+  }
+
+  .xl\:prose [class~="lead"] {
+    color: #4b5563;
+    font-size: 1.25em;
+    line-height: 1.6;
+    margin-top: 1.2em;
+    margin-bottom: 1.2em;
+  }
+
+  .xl\:prose a {
+    color: #5850ec;
+    text-decoration: none;
+    font-weight: 600;
+  }
+
+  .xl\:prose strong {
+    color: #161e2e;
+    font-weight: 600;
+  }
+
+  .xl\:prose ol {
+    counter-reset: list-counter;
+    margin-top: 1.25em;
+    margin-bottom: 1.25em;
+  }
+
+  .xl\:prose ol > li {
+    position: relative;
+    counter-increment: list-counter;
+    padding-left: 1.75em;
+  }
+
+  .xl\:prose ol > li::before {
+    content: counter(list-counter) ".";
+    position: absolute;
+    font-weight: 400;
+    color: #6b7280;
+  }
+
+  .xl\:prose ul > li {
+    position: relative;
+    padding-left: 1.75em;
+  }
+
+  .xl\:prose ul > li::before {
+    content: "";
+    position: absolute;
+    background-color: #d2d6dc;
+    border-radius: 50%;
+    width: 0.375em;
+    height: 0.375em;
+    top: calc(0.875em - 0.1875em);
+    left: 0.25em;
+  }
+
+  .xl\:prose hr {
+    border-color: #e5e7eb;
+    border-top-width: 1px;
+    margin-top: 3em;
+    margin-bottom: 3em;
+  }
+
+  .xl\:prose blockquote {
+    font-weight: 500;
+    font-style: italic;
+    color: #161e2e;
+    border-left-width: 0.25rem;
+    border-left-color: #e5e7eb;
+    quotes: "\201C""\201D""\2018""\2019";
+    margin-top: 1.6em;
+    margin-bottom: 1.6em;
+    padding-left: 1em;
+  }
+
+  .xl\:prose blockquote p:first-of-type::before {
+    content: open-quote;
+  }
+
+  .xl\:prose blockquote p:last-of-type::after {
+    content: close-quote;
+  }
+
+  .xl\:prose h1 {
+    color: #1a202c;
+    font-weight: 800;
+    font-size: 2.25em;
+    margin-top: 0;
+    margin-bottom: 0.8888889em;
+    line-height: 1.1111111;
+  }
+
+  .xl\:prose h2 {
+    color: #1a202c;
+    font-weight: 700;
+    font-size: 1.5em;
+    margin-top: 2em;
+    margin-bottom: 1em;
+    line-height: 1.3333333;
+  }
+
+  .xl\:prose h3 {
+    color: #1a202c;
+    font-weight: 600;
+    font-size: 1.25em;
+    margin-top: 1.6em;
+    margin-bottom: 0.6em;
+    line-height: 1.6;
+  }
+
+  .xl\:prose h4 {
+    color: #1a202c;
+    font-weight: 600;
+    margin-top: 1.5em;
+    margin-bottom: 0.5em;
+    line-height: 1.5;
+  }
+
+  .xl\:prose figure figcaption {
+    color: #6b7280;
+    font-size: 0.875em;
+    line-height: 1.4285714;
+    margin-top: 0.8571429em;
+  }
+
+  .xl\:prose code {
+    color: #161e2e;
+    font-weight: 600;
+    font-size: 0.875em;
+  }
+
+  .xl\:prose code::before {
+    content: "`";
+  }
+
+  .xl\:prose code::after {
+    content: "`";
+  }
+
+  .xl\:prose pre {
+    color: #e5e7eb;
+    background-color: #252f3f;
+    overflow-x: auto;
+    font-size: 0.875em;
+    line-height: 1.7142857;
+    margin-top: 1.7142857em;
+    margin-bottom: 1.7142857em;
+    border-radius: 0.375rem;
+    padding-top: 0.8571429em;
+    padding-right: 1.1428571em;
+    padding-bottom: 0.8571429em;
+    padding-left: 1.1428571em;
+  }
+
+  .xl\:prose pre code {
+    background-color: transparent;
+    border-width: 0;
+    border-radius: 0;
+    padding: 0;
+    font-weight: 400;
+    color: inherit;
+    font-size: inherit;
+    font-family: inherit;
+    line-height: inherit;
+  }
+
+  .xl\:prose pre code::before {
+    content: "";
+  }
+
+  .xl\:prose pre code::after {
+    content: "";
+  }
+
+  .xl\:prose table {
+    width: 100%;
+    table-layout: auto;
+    text-align: left;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    font-size: 0.875em;
+    line-height: 1.7142857;
+  }
+
+  .xl\:prose thead {
+    color: #161e2e;
+    font-weight: 600;
+    border-bottom-width: 1px;
+    border-bottom-color: #d2d6dc;
+  }
+
+  .xl\:prose thead th {
+    vertical-align: bottom;
+    padding-right: 0.5714286em;
+    padding-bottom: 0.5714286em;
+    padding-left: 0.5714286em;
+  }
+
+  .xl\:prose tbody tr {
+    border-bottom-width: 1px;
+    border-bottom-color: #e5e7eb;
+  }
+
+  .xl\:prose tbody tr:last-child {
+    border-bottom-width: 0;
+  }
+
+  .xl\:prose tbody td {
+    vertical-align: top;
+    padding-top: 0.5714286em;
+    padding-right: 0.5714286em;
+    padding-bottom: 0.5714286em;
+    padding-left: 0.5714286em;
+  }
+
+  .xl\:prose {
+    font-size: 1rem;
+    line-height: 1.75;
+  }
+
+  .xl\:prose p {
+    margin-top: 1.25em;
+    margin-bottom: 1.25em;
+  }
+
+  .xl\:prose img {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .xl\:prose video {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .xl\:prose figure {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .xl\:prose figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .xl\:prose h2 code {
+    font-size: 0.875em;
+  }
+
+  .xl\:prose h3 code {
+    font-size: 0.9em;
+  }
+
+  .xl\:prose ul {
+    margin-top: 1.25em;
+    margin-bottom: 1.25em;
+  }
+
+  .xl\:prose li {
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+  }
+
+  .xl\:prose ol > li:before {
+    left: 0;
+  }
+
+  .xl\:prose > ul > li p {
+    margin-top: 0.75em;
+    margin-bottom: 0.75em;
+  }
+
+  .xl\:prose > ul > li > *:first-child {
+    margin-top: 1.25em;
+  }
+
+  .xl\:prose > ul > li > *:last-child {
+    margin-bottom: 1.25em;
+  }
+
+  .xl\:prose > ol > li > *:first-child {
+    margin-top: 1.25em;
+  }
+
+  .xl\:prose > ol > li > *:last-child {
+    margin-bottom: 1.25em;
+  }
+
+  .xl\:prose ul ul, .xl\:prose ul ol, .xl\:prose ol ul, .xl\:prose ol ol {
+    margin-top: 0.75em;
+    margin-bottom: 0.75em;
+  }
+
+  .xl\:prose hr + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose h2 + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose h3 + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose h4 + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose thead th:first-child {
+    padding-left: 0;
+  }
+
+  .xl\:prose thead th:last-child {
+    padding-right: 0;
+  }
+
+  .xl\:prose tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .xl\:prose tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .xl\:prose > :first-child {
+    margin-top: 0;
+  }
+
+  .xl\:prose > :last-child {
+    margin-bottom: 0;
+  }
+
+  .xl\:prose h1, .xl\:prose h2, .xl\:prose h3, .xl\:prose h4 {
+    color: #161e2e;
+  }
+
+  .xl\:prose-sm {
+    font-size: 0.875rem;
+    line-height: 1.7142857;
+  }
+
+  .xl\:prose-sm p {
+    margin-top: 1.1428571em;
+    margin-bottom: 1.1428571em;
+  }
+
+  .xl\:prose-sm [class~="lead"] {
+    font-size: 1.2857143em;
+    line-height: 1.5555556;
+    margin-top: 0.8888889em;
+    margin-bottom: 0.8888889em;
+  }
+
+  .xl\:prose-sm blockquote {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+    padding-left: 1.1111111em;
+  }
+
+  .xl\:prose-sm h1 {
+    font-size: 2.1428571em;
+    margin-top: 0;
+    margin-bottom: 0.8em;
+    line-height: 1.2;
+  }
+
+  .xl\:prose-sm h2 {
+    font-size: 1.4285714em;
+    margin-top: 1.6em;
+    margin-bottom: 0.8em;
+    line-height: 1.4;
+  }
+
+  .xl\:prose-sm h3 {
+    font-size: 1.2857143em;
+    margin-top: 1.5555556em;
+    margin-bottom: 0.4444444em;
+    line-height: 1.5555556;
+  }
+
+  .xl\:prose-sm h4 {
+    margin-top: 1.4285714em;
+    margin-bottom: 0.5714286em;
+    line-height: 1.4285714;
+  }
+
+  .xl\:prose-sm img {
+    margin-top: 1.7142857em;
+    margin-bottom: 1.7142857em;
+  }
+
+  .xl\:prose-sm video {
+    margin-top: 1.7142857em;
+    margin-bottom: 1.7142857em;
+  }
+
+  .xl\:prose-sm figure {
+    margin-top: 1.7142857em;
+    margin-bottom: 1.7142857em;
+  }
+
+  .xl\:prose-sm figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .xl\:prose-sm figure figcaption {
+    font-size: 0.8571429em;
+    line-height: 1.3333333;
+    margin-top: 0.6666667em;
+  }
+
+  .xl\:prose-sm code {
+    font-size: 0.8571429em;
+  }
+
+  .xl\:prose-sm h2 code {
+    font-size: 0.9em;
+  }
+
+  .xl\:prose-sm h3 code {
+    font-size: 0.8888889em;
+  }
+
+  .xl\:prose-sm pre {
+    font-size: 0.8571429em;
+    line-height: 1.6666667;
+    margin-top: 1.6666667em;
+    margin-bottom: 1.6666667em;
+    border-radius: 0.25rem;
+    padding-top: 0.6666667em;
+    padding-right: 1em;
+    padding-bottom: 0.6666667em;
+    padding-left: 1em;
+  }
+
+  .xl\:prose-sm ol {
+    margin-top: 1.1428571em;
+    margin-bottom: 1.1428571em;
+  }
+
+  .xl\:prose-sm ul {
+    margin-top: 1.1428571em;
+    margin-bottom: 1.1428571em;
+  }
+
+  .xl\:prose-sm li {
+    margin-top: 0.2857143em;
+    margin-bottom: 0.2857143em;
+  }
+
+  .xl\:prose-sm ol > li {
+    padding-left: 1.5714286em;
+  }
+
+  .xl\:prose-sm ol > li:before {
+    left: 0;
+  }
+
+  .xl\:prose-sm ul > li {
+    padding-left: 1.5714286em;
+  }
+
+  .xl\:prose-sm ul > li::before {
+    height: 0.3571429em;
+    width: 0.3571429em;
+    top: calc(0.8571429em - 0.1785714em);
+    left: 0.2142857em;
+  }
+
+  .xl\:prose-sm > ul > li p {
+    margin-top: 0.5714286em;
+    margin-bottom: 0.5714286em;
+  }
+
+  .xl\:prose-sm > ul > li > *:first-child {
+    margin-top: 1.1428571em;
+  }
+
+  .xl\:prose-sm > ul > li > *:last-child {
+    margin-bottom: 1.1428571em;
+  }
+
+  .xl\:prose-sm > ol > li > *:first-child {
+    margin-top: 1.1428571em;
+  }
+
+  .xl\:prose-sm > ol > li > *:last-child {
+    margin-bottom: 1.1428571em;
+  }
+
+  .xl\:prose-sm ul ul, .xl\:prose-sm ul ol, .xl\:prose-sm ol ul, .xl\:prose-sm ol ol {
+    margin-top: 0.5714286em;
+    margin-bottom: 0.5714286em;
+  }
+
+  .xl\:prose-sm hr {
+    margin-top: 2.8571429em;
+    margin-bottom: 2.8571429em;
+  }
+
+  .xl\:prose-sm hr + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose-sm h2 + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose-sm h3 + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose-sm h4 + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose-sm table {
+    font-size: 0.8571429em;
+    line-height: 1.5;
+  }
+
+  .xl\:prose-sm thead th {
+    padding-right: 1em;
+    padding-bottom: 0.6666667em;
+    padding-left: 1em;
+  }
+
+  .xl\:prose-sm thead th:first-child {
+    padding-left: 0;
+  }
+
+  .xl\:prose-sm thead th:last-child {
+    padding-right: 0;
+  }
+
+  .xl\:prose-sm tbody td {
+    padding-top: 0.6666667em;
+    padding-right: 1em;
+    padding-bottom: 0.6666667em;
+    padding-left: 1em;
+  }
+
+  .xl\:prose-sm tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .xl\:prose-sm tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .xl\:prose-sm > :first-child {
+    margin-top: 0;
+  }
+
+  .xl\:prose-sm > :last-child {
+    margin-bottom: 0;
+  }
+
+  .xl\:prose-lg {
+    font-size: 1.125rem;
+    line-height: 1.7777778;
+  }
+
+  .xl\:prose-lg p {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .xl\:prose-lg [class~="lead"] {
+    font-size: 1.2222222em;
+    line-height: 1.4545455;
+    margin-top: 1.0909091em;
+    margin-bottom: 1.0909091em;
+  }
+
+  .xl\:prose-lg blockquote {
+    margin-top: 1.6666667em;
+    margin-bottom: 1.6666667em;
+    padding-left: 1em;
+  }
+
+  .xl\:prose-lg h1 {
+    font-size: 2.6666667em;
+    margin-top: 0;
+    margin-bottom: 0.8333333em;
+    line-height: 1;
+  }
+
+  .xl\:prose-lg h2 {
+    font-size: 1.6666667em;
+    margin-top: 1.8666667em;
+    margin-bottom: 1.0666667em;
+    line-height: 1.3333333;
+  }
+
+  .xl\:prose-lg h3 {
+    font-size: 1.3333333em;
+    margin-top: 1.6666667em;
+    margin-bottom: 0.6666667em;
+    line-height: 1.5;
+  }
+
+  .xl\:prose-lg h4 {
+    margin-top: 1.7777778em;
+    margin-bottom: 0.4444444em;
+    line-height: 1.5555556;
+  }
+
+  .xl\:prose-lg img {
+    margin-top: 1.7777778em;
+    margin-bottom: 1.7777778em;
+  }
+
+  .xl\:prose-lg video {
+    margin-top: 1.7777778em;
+    margin-bottom: 1.7777778em;
+  }
+
+  .xl\:prose-lg figure {
+    margin-top: 1.7777778em;
+    margin-bottom: 1.7777778em;
+  }
+
+  .xl\:prose-lg figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .xl\:prose-lg figure figcaption {
+    font-size: 0.8888889em;
+    line-height: 1.5;
+    margin-top: 1em;
+  }
+
+  .xl\:prose-lg code {
+    font-size: 0.8888889em;
+  }
+
+  .xl\:prose-lg h2 code {
+    font-size: 0.8666667em;
+  }
+
+  .xl\:prose-lg h3 code {
+    font-size: 0.875em;
+  }
+
+  .xl\:prose-lg pre {
+    font-size: 0.8888889em;
+    line-height: 1.75;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    border-radius: 0.375rem;
+    padding-top: 1em;
+    padding-right: 1.5em;
+    padding-bottom: 1em;
+    padding-left: 1.5em;
+  }
+
+  .xl\:prose-lg ol {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .xl\:prose-lg ul {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .xl\:prose-lg li {
+    margin-top: 0.6666667em;
+    margin-bottom: 0.6666667em;
+  }
+
+  .xl\:prose-lg ol > li {
+    padding-left: 1.6666667em;
+  }
+
+  .xl\:prose-lg ol > li:before {
+    left: 0;
+  }
+
+  .xl\:prose-lg ul > li {
+    padding-left: 1.6666667em;
+  }
+
+  .xl\:prose-lg ul > li::before {
+    width: 0.3333333em;
+    height: 0.3333333em;
+    top: calc(0.8888889em - 0.1666667em);
+    left: 0.2222222em;
+  }
+
+  .xl\:prose-lg > ul > li p {
+    margin-top: 0.8888889em;
+    margin-bottom: 0.8888889em;
+  }
+
+  .xl\:prose-lg > ul > li > *:first-child {
+    margin-top: 1.3333333em;
+  }
+
+  .xl\:prose-lg > ul > li > *:last-child {
+    margin-bottom: 1.3333333em;
+  }
+
+  .xl\:prose-lg > ol > li > *:first-child {
+    margin-top: 1.3333333em;
+  }
+
+  .xl\:prose-lg > ol > li > *:last-child {
+    margin-bottom: 1.3333333em;
+  }
+
+  .xl\:prose-lg ul ul, .xl\:prose-lg ul ol, .xl\:prose-lg ol ul, .xl\:prose-lg ol ol {
+    margin-top: 0.8888889em;
+    margin-bottom: 0.8888889em;
+  }
+
+  .xl\:prose-lg hr {
+    margin-top: 3.1111111em;
+    margin-bottom: 3.1111111em;
+  }
+
+  .xl\:prose-lg hr + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose-lg h2 + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose-lg h3 + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose-lg h4 + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose-lg table {
+    font-size: 0.8888889em;
+    line-height: 1.5;
+  }
+
+  .xl\:prose-lg thead th {
+    padding-right: 0.75em;
+    padding-bottom: 0.75em;
+    padding-left: 0.75em;
+  }
+
+  .xl\:prose-lg thead th:first-child {
+    padding-left: 0;
+  }
+
+  .xl\:prose-lg thead th:last-child {
+    padding-right: 0;
+  }
+
+  .xl\:prose-lg tbody td {
+    padding-top: 0.75em;
+    padding-right: 0.75em;
+    padding-bottom: 0.75em;
+    padding-left: 0.75em;
+  }
+
+  .xl\:prose-lg tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .xl\:prose-lg tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .xl\:prose-lg > :first-child {
+    margin-top: 0;
+  }
+
+  .xl\:prose-lg > :last-child {
+    margin-bottom: 0;
+  }
+
+  .xl\:prose-xl {
+    font-size: 1.25rem;
+    line-height: 1.8;
+  }
+
+  .xl\:prose-xl p {
+    margin-top: 1.2em;
+    margin-bottom: 1.2em;
+  }
+
+  .xl\:prose-xl [class~="lead"] {
+    font-size: 1.2em;
+    line-height: 1.5;
+    margin-top: 1em;
+    margin-bottom: 1em;
+  }
+
+  .xl\:prose-xl blockquote {
+    margin-top: 1.6em;
+    margin-bottom: 1.6em;
+    padding-left: 1.0666667em;
+  }
+
+  .xl\:prose-xl h1 {
+    font-size: 2.8em;
+    margin-top: 0;
+    margin-bottom: 0.8571429em;
+    line-height: 1;
+  }
+
+  .xl\:prose-xl h2 {
+    font-size: 1.8em;
+    margin-top: 1.5555556em;
+    margin-bottom: 0.8888889em;
+    line-height: 1.1111111;
+  }
+
+  .xl\:prose-xl h3 {
+    font-size: 1.5em;
+    margin-top: 1.6em;
+    margin-bottom: 0.6666667em;
+    line-height: 1.3333333;
+  }
+
+  .xl\:prose-xl h4 {
+    margin-top: 1.8em;
+    margin-bottom: 0.6em;
+    line-height: 1.6;
+  }
+
+  .xl\:prose-xl img {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .xl\:prose-xl video {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .xl\:prose-xl figure {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .xl\:prose-xl figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .xl\:prose-xl figure figcaption {
+    font-size: 0.9em;
+    line-height: 1.5555556;
+    margin-top: 1em;
+  }
+
+  .xl\:prose-xl code {
+    font-size: 0.9em;
+  }
+
+  .xl\:prose-xl h2 code {
+    font-size: 0.8611111em;
+  }
+
+  .xl\:prose-xl h3 code {
+    font-size: 0.9em;
+  }
+
+  .xl\:prose-xl pre {
+    font-size: 0.9em;
+    line-height: 1.7777778;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    border-radius: 0.5rem;
+    padding-top: 1.1111111em;
+    padding-right: 1.3333333em;
+    padding-bottom: 1.1111111em;
+    padding-left: 1.3333333em;
+  }
+
+  .xl\:prose-xl ol {
+    margin-top: 1.2em;
+    margin-bottom: 1.2em;
+  }
+
+  .xl\:prose-xl ul {
+    margin-top: 1.2em;
+    margin-bottom: 1.2em;
+  }
+
+  .xl\:prose-xl li {
+    margin-top: 0.6em;
+    margin-bottom: 0.6em;
+  }
+
+  .xl\:prose-xl ol > li {
+    padding-left: 1.8em;
+  }
+
+  .xl\:prose-xl ol > li:before {
+    left: 0;
+  }
+
+  .xl\:prose-xl ul > li {
+    padding-left: 1.8em;
+  }
+
+  .xl\:prose-xl ul > li::before {
+    width: 0.35em;
+    height: 0.35em;
+    top: calc(0.9em - 0.175em);
+    left: 0.25em;
+  }
+
+  .xl\:prose-xl > ul > li p {
+    margin-top: 0.8em;
+    margin-bottom: 0.8em;
+  }
+
+  .xl\:prose-xl > ul > li > *:first-child {
+    margin-top: 1.2em;
+  }
+
+  .xl\:prose-xl > ul > li > *:last-child {
+    margin-bottom: 1.2em;
+  }
+
+  .xl\:prose-xl > ol > li > *:first-child {
+    margin-top: 1.2em;
+  }
+
+  .xl\:prose-xl > ol > li > *:last-child {
+    margin-bottom: 1.2em;
+  }
+
+  .xl\:prose-xl ul ul, .xl\:prose-xl ul ol, .xl\:prose-xl ol ul, .xl\:prose-xl ol ol {
+    margin-top: 0.8em;
+    margin-bottom: 0.8em;
+  }
+
+  .xl\:prose-xl hr {
+    margin-top: 2.8em;
+    margin-bottom: 2.8em;
+  }
+
+  .xl\:prose-xl hr + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose-xl h2 + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose-xl h3 + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose-xl h4 + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose-xl table {
+    font-size: 0.9em;
+    line-height: 1.5555556;
+  }
+
+  .xl\:prose-xl thead th {
+    padding-right: 0.6666667em;
+    padding-bottom: 0.8888889em;
+    padding-left: 0.6666667em;
+  }
+
+  .xl\:prose-xl thead th:first-child {
+    padding-left: 0;
+  }
+
+  .xl\:prose-xl thead th:last-child {
+    padding-right: 0;
+  }
+
+  .xl\:prose-xl tbody td {
+    padding-top: 0.8888889em;
+    padding-right: 0.6666667em;
+    padding-bottom: 0.8888889em;
+    padding-left: 0.6666667em;
+  }
+
+  .xl\:prose-xl tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .xl\:prose-xl tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .xl\:prose-xl > :first-child {
+    margin-top: 0;
+  }
+
+  .xl\:prose-xl > :last-child {
+    margin-bottom: 0;
+  }
+
+  .xl\:prose-2xl {
+    font-size: 1.5rem;
+    line-height: 1.6666667;
+  }
+
+  .xl\:prose-2xl p {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .xl\:prose-2xl [class~="lead"] {
+    font-size: 1.25em;
+    line-height: 1.4666667;
+    margin-top: 1.0666667em;
+    margin-bottom: 1.0666667em;
+  }
+
+  .xl\:prose-2xl blockquote {
+    margin-top: 1.7777778em;
+    margin-bottom: 1.7777778em;
+    padding-left: 1.1111111em;
+  }
+
+  .xl\:prose-2xl h1 {
+    font-size: 2.6666667em;
+    margin-top: 0;
+    margin-bottom: 0.875em;
+    line-height: 1;
+  }
+
+  .xl\:prose-2xl h2 {
+    font-size: 2em;
+    margin-top: 1.5em;
+    margin-bottom: 0.8333333em;
+    line-height: 1.0833333;
+  }
+
+  .xl\:prose-2xl h3 {
+    font-size: 1.5em;
+    margin-top: 1.5555556em;
+    margin-bottom: 0.6666667em;
+    line-height: 1.2222222;
+  }
+
+  .xl\:prose-2xl h4 {
+    margin-top: 1.6666667em;
+    margin-bottom: 0.6666667em;
+    line-height: 1.5;
+  }
+
+  .xl\:prose-2xl img {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .xl\:prose-2xl video {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .xl\:prose-2xl figure {
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .xl\:prose-2xl figure > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .xl\:prose-2xl figure figcaption {
+    font-size: 0.8333333em;
+    line-height: 1.6;
+    margin-top: 1em;
+  }
+
+  .xl\:prose-2xl code {
+    font-size: 0.8333333em;
+  }
+
+  .xl\:prose-2xl h2 code {
+    font-size: 0.875em;
+  }
+
+  .xl\:prose-2xl h3 code {
+    font-size: 0.8888889em;
+  }
+
+  .xl\:prose-2xl pre {
+    font-size: 0.8333333em;
+    line-height: 1.8;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    border-radius: 0.5rem;
+    padding-top: 1.2em;
+    padding-right: 1.6em;
+    padding-bottom: 1.2em;
+    padding-left: 1.6em;
+  }
+
+  .xl\:prose-2xl ol {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .xl\:prose-2xl ul {
+    margin-top: 1.3333333em;
+    margin-bottom: 1.3333333em;
+  }
+
+  .xl\:prose-2xl li {
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+  }
+
+  .xl\:prose-2xl ol > li {
+    padding-left: 1.6666667em;
+  }
+
+  .xl\:prose-2xl ol > li:before {
+    left: 0;
+  }
+
+  .xl\:prose-2xl ul > li {
+    padding-left: 1.6666667em;
+  }
+
+  .xl\:prose-2xl ul > li::before {
+    width: 0.3333333em;
+    height: 0.3333333em;
+    top: calc(0.8333333em - 0.1666667em);
+    left: 0.25em;
+  }
+
+  .xl\:prose-2xl > ul > li p {
+    margin-top: 0.8333333em;
+    margin-bottom: 0.8333333em;
+  }
+
+  .xl\:prose-2xl > ul > li > *:first-child {
+    margin-top: 1.3333333em;
+  }
+
+  .xl\:prose-2xl > ul > li > *:last-child {
+    margin-bottom: 1.3333333em;
+  }
+
+  .xl\:prose-2xl > ol > li > *:first-child {
+    margin-top: 1.3333333em;
+  }
+
+  .xl\:prose-2xl > ol > li > *:last-child {
+    margin-bottom: 1.3333333em;
+  }
+
+  .xl\:prose-2xl ul ul, .xl\:prose-2xl ul ol, .xl\:prose-2xl ol ul, .xl\:prose-2xl ol ol {
+    margin-top: 0.6666667em;
+    margin-bottom: 0.6666667em;
+  }
+
+  .xl\:prose-2xl hr {
+    margin-top: 3em;
+    margin-bottom: 3em;
+  }
+
+  .xl\:prose-2xl hr + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose-2xl h2 + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose-2xl h3 + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose-2xl h4 + * {
+    margin-top: 0;
+  }
+
+  .xl\:prose-2xl table {
+    font-size: 0.8333333em;
+    line-height: 1.4;
+  }
+
+  .xl\:prose-2xl thead th {
+    padding-right: 0.6em;
+    padding-bottom: 0.8em;
+    padding-left: 0.6em;
+  }
+
+  .xl\:prose-2xl thead th:first-child {
+    padding-left: 0;
+  }
+
+  .xl\:prose-2xl thead th:last-child {
+    padding-right: 0;
+  }
+
+  .xl\:prose-2xl tbody td {
+    padding-top: 0.8em;
+    padding-right: 0.6em;
+    padding-bottom: 0.8em;
+    padding-left: 0.6em;
+  }
+
+  .xl\:prose-2xl tbody td:first-child {
+    padding-left: 0;
+  }
+
+  .xl\:prose-2xl tbody td:last-child {
+    padding-right: 0;
+  }
+
+  .xl\:prose-2xl > :first-child {
+    margin-top: 0;
+  }
+
+  .xl\:prose-2xl > :last-child {
+    margin-bottom: 0;
+  }
+
+  .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-44 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(11rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(11rem * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-44 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(11rem * var(--space-x-reverse));
+    margin-left: calc(11rem * 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-52 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(13rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(13rem * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-52 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(13rem * var(--space-x-reverse));
+    margin-left: calc(13rem * 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-44 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-11rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-11rem * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-44 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-11rem * var(--space-x-reverse));
+    margin-left: calc(-11rem * 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-52 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-13rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-13rem * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-52 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-13rem * var(--space-x-reverse));
+    margin-left: calc(-13rem * 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-current > :not(template) ~ :not(template) {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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-cool-gray-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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-solid > :not(template) ~ :not(template) {
+    border-style: solid;
+  }
+
+  .xl\:divide-dashed > :not(template) ~ :not(template) {
+    border-style: dashed;
+  }
+
+  .xl\:divide-dotted > :not(template) ~ :not(template) {
+    border-style: dotted;
+  }
+
+  .xl\:divide-double > :not(template) ~ :not(template) {
+    border-style: double;
+  }
+
+  .xl\:divide-none > :not(template) ~ :not(template) {
+    border-style: none;
+  }
+
+  .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-clip-border {
+    background-clip: border-box;
+  }
+
+  .xl\:bg-clip-padding {
+    background-clip: padding-box;
+  }
+
+  .xl\:bg-clip-content {
+    background-clip: content-box;
+  }
+
+  .xl\:bg-clip-text {
+    -webkit-background-clip: text;
+            background-clip: text;
+  }
+
+  .xl\:bg-current {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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));
+  }
+
+  .xl\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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));
+  }
+
+  .group:hover .xl\:group-hover\:bg-current {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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:hover .xl\:group-hover\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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:focus .xl\:group-focus\:bg-current {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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));
+  }
+
+  .group:focus .xl\:group-focus\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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));
+  }
+
+  .xl\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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\:hover\:bg-cool-gray-50:hover {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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\:focus\:bg-cool-gray-50:focus {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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\:active\:bg-current:active {
+    background-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    background-color: rgba(115, 35, 13, 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\:active\:bg-cool-gray-50:active {
+    --bg-opacity: 1;
+    background-color: #f8fafc;
+    background-color: rgba(248, 250, 252, 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\:bg-none {
+    background-image: none;
+  }
+
+  .xl\:bg-gradient-to-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-to-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-to-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-to-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-to-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-to-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-to-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-to-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops));
+  }
+
+  .xl\:from-current {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:from-transparent {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:from-white {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:from-black {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:from-gray-50 {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .xl\:from-gray-100 {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .xl\:from-gray-200 {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .xl\:from-gray-300 {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .xl\:from-gray-400 {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .xl\:from-gray-500 {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .xl\:from-gray-600 {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .xl\:from-gray-700 {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .xl\:from-gray-800 {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .xl\:from-gray-900 {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .xl\:from-red-50 {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .xl\:from-red-100 {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .xl\:from-red-200 {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .xl\:from-red-300 {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .xl\:from-red-400 {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .xl\:from-red-500 {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .xl\:from-red-600 {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .xl\:from-red-700 {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .xl\:from-red-800 {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .xl\:from-red-900 {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .xl\:from-orange-50 {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .xl\:from-orange-100 {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .xl\:from-orange-200 {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .xl\:from-orange-300 {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .xl\:from-orange-400 {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .xl\:from-orange-500 {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .xl\:from-orange-600 {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .xl\:from-orange-700 {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .xl\:from-orange-800 {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .xl\:from-orange-900 {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .xl\:from-yellow-50 {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .xl\:from-yellow-100 {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .xl\:from-yellow-200 {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .xl\:from-yellow-300 {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .xl\:from-yellow-400 {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .xl\:from-yellow-500 {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .xl\:from-yellow-600 {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .xl\:from-yellow-700 {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .xl\:from-yellow-800 {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .xl\:from-yellow-900 {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .xl\:from-green-50 {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .xl\:from-green-100 {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .xl\:from-green-200 {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .xl\:from-green-300 {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .xl\:from-green-400 {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .xl\:from-green-500 {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .xl\:from-green-600 {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .xl\:from-green-700 {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .xl\:from-green-800 {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .xl\:from-green-900 {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .xl\:from-teal-50 {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .xl\:from-teal-100 {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .xl\:from-teal-200 {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .xl\:from-teal-300 {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .xl\:from-teal-400 {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .xl\:from-teal-500 {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .xl\:from-teal-600 {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .xl\:from-teal-700 {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .xl\:from-teal-800 {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .xl\:from-teal-900 {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .xl\:from-blue-50 {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .xl\:from-blue-100 {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .xl\:from-blue-200 {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .xl\:from-blue-300 {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .xl\:from-blue-400 {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .xl\:from-blue-500 {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .xl\:from-blue-600 {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .xl\:from-blue-700 {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .xl\:from-blue-800 {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .xl\:from-blue-900 {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .xl\:from-indigo-50 {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .xl\:from-indigo-100 {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .xl\:from-indigo-200 {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .xl\:from-indigo-300 {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .xl\:from-indigo-400 {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .xl\:from-indigo-500 {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .xl\:from-indigo-600 {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .xl\:from-indigo-700 {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .xl\:from-indigo-800 {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .xl\:from-indigo-900 {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .xl\:from-purple-50 {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .xl\:from-purple-100 {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .xl\:from-purple-200 {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .xl\:from-purple-300 {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .xl\:from-purple-400 {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .xl\:from-purple-500 {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .xl\:from-purple-600 {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .xl\:from-purple-700 {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .xl\:from-purple-800 {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .xl\:from-purple-900 {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .xl\:from-pink-50 {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .xl\:from-pink-100 {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .xl\:from-pink-200 {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .xl\:from-pink-300 {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .xl\:from-pink-400 {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .xl\:from-pink-500 {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .xl\:from-pink-600 {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .xl\:from-pink-700 {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .xl\:from-pink-800 {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .xl\:from-pink-900 {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .xl\:from-cool-gray-50 {
+    --gradient-from-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .xl\:from-cool-gray-100 {
+    --gradient-from-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .xl\:from-cool-gray-200 {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .xl\:from-cool-gray-300 {
+    --gradient-from-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .xl\:from-cool-gray-400 {
+    --gradient-from-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .xl\:from-cool-gray-500 {
+    --gradient-from-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .xl\:from-cool-gray-600 {
+    --gradient-from-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .xl\:from-cool-gray-700 {
+    --gradient-from-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .xl\:from-cool-gray-800 {
+    --gradient-from-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .xl\:from-cool-gray-900 {
+    --gradient-from-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .xl\:via-current {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:via-transparent {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:via-white {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:via-black {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:via-gray-50 {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .xl\:via-gray-100 {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .xl\:via-gray-200 {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .xl\:via-gray-300 {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .xl\:via-gray-400 {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .xl\:via-gray-500 {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .xl\:via-gray-600 {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .xl\:via-gray-700 {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .xl\:via-gray-800 {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .xl\:via-gray-900 {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .xl\:via-red-50 {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .xl\:via-red-100 {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .xl\:via-red-200 {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .xl\:via-red-300 {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .xl\:via-red-400 {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .xl\:via-red-500 {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .xl\:via-red-600 {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .xl\:via-red-700 {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .xl\:via-red-800 {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .xl\:via-red-900 {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .xl\:via-orange-50 {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .xl\:via-orange-100 {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .xl\:via-orange-200 {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .xl\:via-orange-300 {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .xl\:via-orange-400 {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .xl\:via-orange-500 {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .xl\:via-orange-600 {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .xl\:via-orange-700 {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .xl\:via-orange-800 {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .xl\:via-orange-900 {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .xl\:via-yellow-50 {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .xl\:via-yellow-100 {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .xl\:via-yellow-200 {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .xl\:via-yellow-300 {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .xl\:via-yellow-400 {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .xl\:via-yellow-500 {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .xl\:via-yellow-600 {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .xl\:via-yellow-700 {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .xl\:via-yellow-800 {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .xl\:via-yellow-900 {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .xl\:via-green-50 {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .xl\:via-green-100 {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .xl\:via-green-200 {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .xl\:via-green-300 {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .xl\:via-green-400 {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .xl\:via-green-500 {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .xl\:via-green-600 {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .xl\:via-green-700 {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .xl\:via-green-800 {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .xl\:via-green-900 {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .xl\:via-teal-50 {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .xl\:via-teal-100 {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .xl\:via-teal-200 {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .xl\:via-teal-300 {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .xl\:via-teal-400 {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .xl\:via-teal-500 {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .xl\:via-teal-600 {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .xl\:via-teal-700 {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .xl\:via-teal-800 {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .xl\:via-teal-900 {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .xl\:via-blue-50 {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .xl\:via-blue-100 {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .xl\:via-blue-200 {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .xl\:via-blue-300 {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .xl\:via-blue-400 {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .xl\:via-blue-500 {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .xl\:via-blue-600 {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .xl\:via-blue-700 {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .xl\:via-blue-800 {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .xl\:via-blue-900 {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .xl\:via-indigo-50 {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .xl\:via-indigo-100 {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .xl\:via-indigo-200 {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .xl\:via-indigo-300 {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .xl\:via-indigo-400 {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .xl\:via-indigo-500 {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .xl\:via-indigo-600 {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .xl\:via-indigo-700 {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .xl\:via-indigo-800 {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .xl\:via-indigo-900 {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .xl\:via-purple-50 {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .xl\:via-purple-100 {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .xl\:via-purple-200 {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .xl\:via-purple-300 {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .xl\:via-purple-400 {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .xl\:via-purple-500 {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .xl\:via-purple-600 {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .xl\:via-purple-700 {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .xl\:via-purple-800 {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .xl\:via-purple-900 {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .xl\:via-pink-50 {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .xl\:via-pink-100 {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .xl\:via-pink-200 {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .xl\:via-pink-300 {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .xl\:via-pink-400 {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .xl\:via-pink-500 {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .xl\:via-pink-600 {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .xl\:via-pink-700 {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .xl\:via-pink-800 {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .xl\:via-pink-900 {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .xl\:via-cool-gray-50 {
+    --gradient-via-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .xl\:via-cool-gray-100 {
+    --gradient-via-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .xl\:via-cool-gray-200 {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .xl\:via-cool-gray-300 {
+    --gradient-via-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .xl\:via-cool-gray-400 {
+    --gradient-via-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .xl\:via-cool-gray-500 {
+    --gradient-via-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .xl\:via-cool-gray-600 {
+    --gradient-via-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .xl\:via-cool-gray-700 {
+    --gradient-via-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .xl\:via-cool-gray-800 {
+    --gradient-via-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .xl\:via-cool-gray-900 {
+    --gradient-via-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .xl\:to-current {
+    --gradient-to-color: currentColor;
+  }
+
+  .xl\:to-transparent {
+    --gradient-to-color: transparent;
+  }
+
+  .xl\:to-white {
+    --gradient-to-color: #ffffff;
+  }
+
+  .xl\:to-black {
+    --gradient-to-color: #000000;
+  }
+
+  .xl\:to-gray-50 {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .xl\:to-gray-100 {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .xl\:to-gray-200 {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .xl\:to-gray-300 {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .xl\:to-gray-400 {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .xl\:to-gray-500 {
+    --gradient-to-color: #6b7280;
+  }
+
+  .xl\:to-gray-600 {
+    --gradient-to-color: #4b5563;
+  }
+
+  .xl\:to-gray-700 {
+    --gradient-to-color: #374151;
+  }
+
+  .xl\:to-gray-800 {
+    --gradient-to-color: #252f3f;
+  }
+
+  .xl\:to-gray-900 {
+    --gradient-to-color: #161e2e;
+  }
+
+  .xl\:to-red-50 {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .xl\:to-red-100 {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .xl\:to-red-200 {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .xl\:to-red-300 {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .xl\:to-red-400 {
+    --gradient-to-color: #f98080;
+  }
+
+  .xl\:to-red-500 {
+    --gradient-to-color: #f05252;
+  }
+
+  .xl\:to-red-600 {
+    --gradient-to-color: #e02424;
+  }
+
+  .xl\:to-red-700 {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .xl\:to-red-800 {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .xl\:to-red-900 {
+    --gradient-to-color: #771d1d;
+  }
+
+  .xl\:to-orange-50 {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .xl\:to-orange-100 {
+    --gradient-to-color: #feecdc;
+  }
+
+  .xl\:to-orange-200 {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .xl\:to-orange-300 {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .xl\:to-orange-400 {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .xl\:to-orange-500 {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .xl\:to-orange-600 {
+    --gradient-to-color: #d03801;
+  }
+
+  .xl\:to-orange-700 {
+    --gradient-to-color: #b43403;
+  }
+
+  .xl\:to-orange-800 {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .xl\:to-orange-900 {
+    --gradient-to-color: #73230d;
+  }
+
+  .xl\:to-yellow-50 {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .xl\:to-yellow-100 {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .xl\:to-yellow-200 {
+    --gradient-to-color: #fce96a;
+  }
+
+  .xl\:to-yellow-300 {
+    --gradient-to-color: #faca15;
+  }
+
+  .xl\:to-yellow-400 {
+    --gradient-to-color: #e3a008;
+  }
+
+  .xl\:to-yellow-500 {
+    --gradient-to-color: #c27803;
+  }
+
+  .xl\:to-yellow-600 {
+    --gradient-to-color: #9f580a;
+  }
+
+  .xl\:to-yellow-700 {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .xl\:to-yellow-800 {
+    --gradient-to-color: #723b13;
+  }
+
+  .xl\:to-yellow-900 {
+    --gradient-to-color: #633112;
+  }
+
+  .xl\:to-green-50 {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .xl\:to-green-100 {
+    --gradient-to-color: #def7ec;
+  }
+
+  .xl\:to-green-200 {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .xl\:to-green-300 {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .xl\:to-green-400 {
+    --gradient-to-color: #31c48d;
+  }
+
+  .xl\:to-green-500 {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .xl\:to-green-600 {
+    --gradient-to-color: #057a55;
+  }
+
+  .xl\:to-green-700 {
+    --gradient-to-color: #046c4e;
+  }
+
+  .xl\:to-green-800 {
+    --gradient-to-color: #03543f;
+  }
+
+  .xl\:to-green-900 {
+    --gradient-to-color: #014737;
+  }
+
+  .xl\:to-teal-50 {
+    --gradient-to-color: #edfafa;
+  }
+
+  .xl\:to-teal-100 {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .xl\:to-teal-200 {
+    --gradient-to-color: #afecef;
+  }
+
+  .xl\:to-teal-300 {
+    --gradient-to-color: #7edce2;
+  }
+
+  .xl\:to-teal-400 {
+    --gradient-to-color: #16bdca;
+  }
+
+  .xl\:to-teal-500 {
+    --gradient-to-color: #0694a2;
+  }
+
+  .xl\:to-teal-600 {
+    --gradient-to-color: #047481;
+  }
+
+  .xl\:to-teal-700 {
+    --gradient-to-color: #036672;
+  }
+
+  .xl\:to-teal-800 {
+    --gradient-to-color: #05505c;
+  }
+
+  .xl\:to-teal-900 {
+    --gradient-to-color: #014451;
+  }
+
+  .xl\:to-blue-50 {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .xl\:to-blue-100 {
+    --gradient-to-color: #e1effe;
+  }
+
+  .xl\:to-blue-200 {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .xl\:to-blue-300 {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .xl\:to-blue-400 {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .xl\:to-blue-500 {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .xl\:to-blue-600 {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .xl\:to-blue-700 {
+    --gradient-to-color: #1a56db;
+  }
+
+  .xl\:to-blue-800 {
+    --gradient-to-color: #1e429f;
+  }
+
+  .xl\:to-blue-900 {
+    --gradient-to-color: #233876;
+  }
+
+  .xl\:to-indigo-50 {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .xl\:to-indigo-100 {
+    --gradient-to-color: #e5edff;
+  }
+
+  .xl\:to-indigo-200 {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .xl\:to-indigo-300 {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .xl\:to-indigo-400 {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .xl\:to-indigo-500 {
+    --gradient-to-color: #6875f5;
+  }
+
+  .xl\:to-indigo-600 {
+    --gradient-to-color: #5850ec;
+  }
+
+  .xl\:to-indigo-700 {
+    --gradient-to-color: #5145cd;
+  }
+
+  .xl\:to-indigo-800 {
+    --gradient-to-color: #42389d;
+  }
+
+  .xl\:to-indigo-900 {
+    --gradient-to-color: #362f78;
+  }
+
+  .xl\:to-purple-50 {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .xl\:to-purple-100 {
+    --gradient-to-color: #edebfe;
+  }
+
+  .xl\:to-purple-200 {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .xl\:to-purple-300 {
+    --gradient-to-color: #cabffd;
+  }
+
+  .xl\:to-purple-400 {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .xl\:to-purple-500 {
+    --gradient-to-color: #9061f9;
+  }
+
+  .xl\:to-purple-600 {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .xl\:to-purple-700 {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .xl\:to-purple-800 {
+    --gradient-to-color: #5521b5;
+  }
+
+  .xl\:to-purple-900 {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .xl\:to-pink-50 {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .xl\:to-pink-100 {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .xl\:to-pink-200 {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .xl\:to-pink-300 {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .xl\:to-pink-400 {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .xl\:to-pink-500 {
+    --gradient-to-color: #e74694;
+  }
+
+  .xl\:to-pink-600 {
+    --gradient-to-color: #d61f69;
+  }
+
+  .xl\:to-pink-700 {
+    --gradient-to-color: #bf125d;
+  }
+
+  .xl\:to-pink-800 {
+    --gradient-to-color: #99154b;
+  }
+
+  .xl\:to-pink-900 {
+    --gradient-to-color: #751a3d;
+  }
+
+  .xl\:to-cool-gray-50 {
+    --gradient-to-color: #f8fafc;
+  }
+
+  .xl\:to-cool-gray-100 {
+    --gradient-to-color: #f1f5f9;
+  }
+
+  .xl\:to-cool-gray-200 {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .xl\:to-cool-gray-300 {
+    --gradient-to-color: #cfd8e3;
+  }
+
+  .xl\:to-cool-gray-400 {
+    --gradient-to-color: #97a6ba;
+  }
+
+  .xl\:to-cool-gray-500 {
+    --gradient-to-color: #64748b;
+  }
+
+  .xl\:to-cool-gray-600 {
+    --gradient-to-color: #475569;
+  }
+
+  .xl\:to-cool-gray-700 {
+    --gradient-to-color: #364152;
+  }
+
+  .xl\:to-cool-gray-800 {
+    --gradient-to-color: #27303f;
+  }
+
+  .xl\:to-cool-gray-900 {
+    --gradient-to-color: #1a202e;
+  }
+
+  .xl\:hover\:from-current:hover {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:hover\:from-transparent:hover {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:hover\:from-white:hover {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:hover\:from-black:hover {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:hover\:from-gray-50:hover {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .xl\:hover\:from-gray-100:hover {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .xl\:hover\:from-gray-200:hover {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .xl\:hover\:from-gray-300:hover {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .xl\:hover\:from-gray-400:hover {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .xl\:hover\:from-gray-500:hover {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .xl\:hover\:from-gray-600:hover {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .xl\:hover\:from-gray-700:hover {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .xl\:hover\:from-gray-800:hover {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .xl\:hover\:from-gray-900:hover {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .xl\:hover\:from-red-50:hover {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .xl\:hover\:from-red-100:hover {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .xl\:hover\:from-red-200:hover {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .xl\:hover\:from-red-300:hover {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .xl\:hover\:from-red-400:hover {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .xl\:hover\:from-red-500:hover {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .xl\:hover\:from-red-600:hover {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .xl\:hover\:from-red-700:hover {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .xl\:hover\:from-red-800:hover {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .xl\:hover\:from-red-900:hover {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .xl\:hover\:from-orange-50:hover {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .xl\:hover\:from-orange-100:hover {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .xl\:hover\:from-orange-200:hover {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .xl\:hover\:from-orange-300:hover {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .xl\:hover\:from-orange-400:hover {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .xl\:hover\:from-orange-500:hover {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .xl\:hover\:from-orange-600:hover {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .xl\:hover\:from-orange-700:hover {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .xl\:hover\:from-orange-800:hover {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .xl\:hover\:from-orange-900:hover {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .xl\:hover\:from-yellow-50:hover {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .xl\:hover\:from-yellow-100:hover {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .xl\:hover\:from-yellow-200:hover {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .xl\:hover\:from-yellow-300:hover {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .xl\:hover\:from-yellow-400:hover {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .xl\:hover\:from-yellow-500:hover {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .xl\:hover\:from-yellow-600:hover {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .xl\:hover\:from-yellow-700:hover {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .xl\:hover\:from-yellow-800:hover {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .xl\:hover\:from-yellow-900:hover {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .xl\:hover\:from-green-50:hover {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .xl\:hover\:from-green-100:hover {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .xl\:hover\:from-green-200:hover {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .xl\:hover\:from-green-300:hover {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .xl\:hover\:from-green-400:hover {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .xl\:hover\:from-green-500:hover {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .xl\:hover\:from-green-600:hover {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .xl\:hover\:from-green-700:hover {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .xl\:hover\:from-green-800:hover {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .xl\:hover\:from-green-900:hover {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .xl\:hover\:from-teal-50:hover {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .xl\:hover\:from-teal-100:hover {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .xl\:hover\:from-teal-200:hover {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .xl\:hover\:from-teal-300:hover {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .xl\:hover\:from-teal-400:hover {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .xl\:hover\:from-teal-500:hover {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .xl\:hover\:from-teal-600:hover {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .xl\:hover\:from-teal-700:hover {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .xl\:hover\:from-teal-800:hover {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .xl\:hover\:from-teal-900:hover {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .xl\:hover\:from-blue-50:hover {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .xl\:hover\:from-blue-100:hover {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .xl\:hover\:from-blue-200:hover {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .xl\:hover\:from-blue-300:hover {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .xl\:hover\:from-blue-400:hover {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .xl\:hover\:from-blue-500:hover {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .xl\:hover\:from-blue-600:hover {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .xl\:hover\:from-blue-700:hover {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .xl\:hover\:from-blue-800:hover {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .xl\:hover\:from-blue-900:hover {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .xl\:hover\:from-indigo-50:hover {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .xl\:hover\:from-indigo-100:hover {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .xl\:hover\:from-indigo-200:hover {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .xl\:hover\:from-indigo-300:hover {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .xl\:hover\:from-indigo-400:hover {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .xl\:hover\:from-indigo-500:hover {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .xl\:hover\:from-indigo-600:hover {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .xl\:hover\:from-indigo-700:hover {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .xl\:hover\:from-indigo-800:hover {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .xl\:hover\:from-indigo-900:hover {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .xl\:hover\:from-purple-50:hover {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .xl\:hover\:from-purple-100:hover {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .xl\:hover\:from-purple-200:hover {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .xl\:hover\:from-purple-300:hover {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .xl\:hover\:from-purple-400:hover {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .xl\:hover\:from-purple-500:hover {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .xl\:hover\:from-purple-600:hover {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .xl\:hover\:from-purple-700:hover {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .xl\:hover\:from-purple-800:hover {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .xl\:hover\:from-purple-900:hover {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .xl\:hover\:from-pink-50:hover {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .xl\:hover\:from-pink-100:hover {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .xl\:hover\:from-pink-200:hover {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .xl\:hover\:from-pink-300:hover {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .xl\:hover\:from-pink-400:hover {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .xl\:hover\:from-pink-500:hover {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .xl\:hover\:from-pink-600:hover {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .xl\:hover\:from-pink-700:hover {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .xl\:hover\:from-pink-800:hover {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .xl\:hover\:from-pink-900:hover {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .xl\:hover\:from-cool-gray-50:hover {
+    --gradient-from-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .xl\:hover\:from-cool-gray-100:hover {
+    --gradient-from-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .xl\:hover\:from-cool-gray-200:hover {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .xl\:hover\:from-cool-gray-300:hover {
+    --gradient-from-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .xl\:hover\:from-cool-gray-400:hover {
+    --gradient-from-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .xl\:hover\:from-cool-gray-500:hover {
+    --gradient-from-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .xl\:hover\:from-cool-gray-600:hover {
+    --gradient-from-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .xl\:hover\:from-cool-gray-700:hover {
+    --gradient-from-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .xl\:hover\:from-cool-gray-800:hover {
+    --gradient-from-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .xl\:hover\:from-cool-gray-900:hover {
+    --gradient-from-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .xl\:hover\:via-current:hover {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:hover\:via-white:hover {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:hover\:via-black:hover {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:hover\:via-gray-50:hover {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .xl\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .xl\:hover\:via-gray-200:hover {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .xl\:hover\:via-gray-300:hover {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .xl\:hover\:via-gray-400:hover {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .xl\:hover\:via-gray-500:hover {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .xl\:hover\:via-gray-600:hover {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .xl\:hover\:via-gray-700:hover {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .xl\:hover\:via-gray-800:hover {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .xl\:hover\:via-gray-900:hover {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .xl\:hover\:via-red-50:hover {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .xl\:hover\:via-red-100:hover {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .xl\:hover\:via-red-200:hover {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .xl\:hover\:via-red-300:hover {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .xl\:hover\:via-red-400:hover {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .xl\:hover\:via-red-500:hover {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .xl\:hover\:via-red-600:hover {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .xl\:hover\:via-red-700:hover {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .xl\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .xl\:hover\:via-red-900:hover {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .xl\:hover\:via-orange-50:hover {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .xl\:hover\:via-orange-100:hover {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .xl\:hover\:via-orange-200:hover {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .xl\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .xl\:hover\:via-orange-400:hover {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .xl\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .xl\:hover\:via-orange-600:hover {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .xl\:hover\:via-orange-700:hover {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .xl\:hover\:via-orange-800:hover {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .xl\:hover\:via-orange-900:hover {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .xl\:hover\:via-yellow-50:hover {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .xl\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .xl\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .xl\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .xl\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .xl\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .xl\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .xl\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .xl\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .xl\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .xl\:hover\:via-green-50:hover {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .xl\:hover\:via-green-100:hover {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .xl\:hover\:via-green-200:hover {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .xl\:hover\:via-green-300:hover {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .xl\:hover\:via-green-400:hover {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .xl\:hover\:via-green-500:hover {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .xl\:hover\:via-green-600:hover {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .xl\:hover\:via-green-700:hover {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .xl\:hover\:via-green-800:hover {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .xl\:hover\:via-green-900:hover {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .xl\:hover\:via-teal-50:hover {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .xl\:hover\:via-teal-100:hover {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .xl\:hover\:via-teal-200:hover {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .xl\:hover\:via-teal-300:hover {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .xl\:hover\:via-teal-400:hover {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .xl\:hover\:via-teal-500:hover {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .xl\:hover\:via-teal-600:hover {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .xl\:hover\:via-teal-700:hover {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .xl\:hover\:via-teal-800:hover {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .xl\:hover\:via-teal-900:hover {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .xl\:hover\:via-blue-50:hover {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .xl\:hover\:via-blue-100:hover {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .xl\:hover\:via-blue-200:hover {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .xl\:hover\:via-blue-300:hover {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .xl\:hover\:via-blue-400:hover {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .xl\:hover\:via-blue-500:hover {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .xl\:hover\:via-blue-600:hover {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .xl\:hover\:via-blue-700:hover {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .xl\:hover\:via-blue-800:hover {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .xl\:hover\:via-blue-900:hover {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .xl\:hover\:via-indigo-50:hover {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .xl\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .xl\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .xl\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .xl\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .xl\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .xl\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .xl\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .xl\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .xl\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .xl\:hover\:via-purple-50:hover {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .xl\:hover\:via-purple-100:hover {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .xl\:hover\:via-purple-200:hover {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .xl\:hover\:via-purple-300:hover {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .xl\:hover\:via-purple-400:hover {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .xl\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .xl\:hover\:via-purple-600:hover {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .xl\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .xl\:hover\:via-purple-800:hover {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .xl\:hover\:via-purple-900:hover {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .xl\:hover\:via-pink-50:hover {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .xl\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .xl\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .xl\:hover\:via-pink-300:hover {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .xl\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .xl\:hover\:via-pink-500:hover {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .xl\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .xl\:hover\:via-pink-700:hover {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .xl\:hover\:via-pink-800:hover {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .xl\:hover\:via-pink-900:hover {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .xl\:hover\:via-cool-gray-50:hover {
+    --gradient-via-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .xl\:hover\:via-cool-gray-100:hover {
+    --gradient-via-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .xl\:hover\:via-cool-gray-200:hover {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .xl\:hover\:via-cool-gray-300:hover {
+    --gradient-via-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .xl\:hover\:via-cool-gray-400:hover {
+    --gradient-via-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .xl\:hover\:via-cool-gray-500:hover {
+    --gradient-via-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .xl\:hover\:via-cool-gray-600:hover {
+    --gradient-via-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .xl\:hover\:via-cool-gray-700:hover {
+    --gradient-via-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .xl\:hover\:via-cool-gray-800:hover {
+    --gradient-via-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .xl\:hover\:via-cool-gray-900:hover {
+    --gradient-via-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .xl\:hover\:to-current:hover {
+    --gradient-to-color: currentColor;
+  }
+
+  .xl\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent;
+  }
+
+  .xl\:hover\:to-white:hover {
+    --gradient-to-color: #ffffff;
+  }
+
+  .xl\:hover\:to-black:hover {
+    --gradient-to-color: #000000;
+  }
+
+  .xl\:hover\:to-gray-50:hover {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .xl\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .xl\:hover\:to-gray-200:hover {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .xl\:hover\:to-gray-300:hover {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .xl\:hover\:to-gray-400:hover {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .xl\:hover\:to-gray-500:hover {
+    --gradient-to-color: #6b7280;
+  }
+
+  .xl\:hover\:to-gray-600:hover {
+    --gradient-to-color: #4b5563;
+  }
+
+  .xl\:hover\:to-gray-700:hover {
+    --gradient-to-color: #374151;
+  }
+
+  .xl\:hover\:to-gray-800:hover {
+    --gradient-to-color: #252f3f;
+  }
+
+  .xl\:hover\:to-gray-900:hover {
+    --gradient-to-color: #161e2e;
+  }
+
+  .xl\:hover\:to-red-50:hover {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .xl\:hover\:to-red-100:hover {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .xl\:hover\:to-red-200:hover {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .xl\:hover\:to-red-300:hover {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .xl\:hover\:to-red-400:hover {
+    --gradient-to-color: #f98080;
+  }
+
+  .xl\:hover\:to-red-500:hover {
+    --gradient-to-color: #f05252;
+  }
+
+  .xl\:hover\:to-red-600:hover {
+    --gradient-to-color: #e02424;
+  }
+
+  .xl\:hover\:to-red-700:hover {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .xl\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .xl\:hover\:to-red-900:hover {
+    --gradient-to-color: #771d1d;
+  }
+
+  .xl\:hover\:to-orange-50:hover {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .xl\:hover\:to-orange-100:hover {
+    --gradient-to-color: #feecdc;
+  }
+
+  .xl\:hover\:to-orange-200:hover {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .xl\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .xl\:hover\:to-orange-400:hover {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .xl\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .xl\:hover\:to-orange-600:hover {
+    --gradient-to-color: #d03801;
+  }
+
+  .xl\:hover\:to-orange-700:hover {
+    --gradient-to-color: #b43403;
+  }
+
+  .xl\:hover\:to-orange-800:hover {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .xl\:hover\:to-orange-900:hover {
+    --gradient-to-color: #73230d;
+  }
+
+  .xl\:hover\:to-yellow-50:hover {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .xl\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .xl\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fce96a;
+  }
+
+  .xl\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faca15;
+  }
+
+  .xl\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #e3a008;
+  }
+
+  .xl\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #c27803;
+  }
+
+  .xl\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #9f580a;
+  }
+
+  .xl\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .xl\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #723b13;
+  }
+
+  .xl\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #633112;
+  }
+
+  .xl\:hover\:to-green-50:hover {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .xl\:hover\:to-green-100:hover {
+    --gradient-to-color: #def7ec;
+  }
+
+  .xl\:hover\:to-green-200:hover {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .xl\:hover\:to-green-300:hover {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .xl\:hover\:to-green-400:hover {
+    --gradient-to-color: #31c48d;
+  }
+
+  .xl\:hover\:to-green-500:hover {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .xl\:hover\:to-green-600:hover {
+    --gradient-to-color: #057a55;
+  }
+
+  .xl\:hover\:to-green-700:hover {
+    --gradient-to-color: #046c4e;
+  }
+
+  .xl\:hover\:to-green-800:hover {
+    --gradient-to-color: #03543f;
+  }
+
+  .xl\:hover\:to-green-900:hover {
+    --gradient-to-color: #014737;
+  }
+
+  .xl\:hover\:to-teal-50:hover {
+    --gradient-to-color: #edfafa;
+  }
+
+  .xl\:hover\:to-teal-100:hover {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .xl\:hover\:to-teal-200:hover {
+    --gradient-to-color: #afecef;
+  }
+
+  .xl\:hover\:to-teal-300:hover {
+    --gradient-to-color: #7edce2;
+  }
+
+  .xl\:hover\:to-teal-400:hover {
+    --gradient-to-color: #16bdca;
+  }
+
+  .xl\:hover\:to-teal-500:hover {
+    --gradient-to-color: #0694a2;
+  }
+
+  .xl\:hover\:to-teal-600:hover {
+    --gradient-to-color: #047481;
+  }
+
+  .xl\:hover\:to-teal-700:hover {
+    --gradient-to-color: #036672;
+  }
+
+  .xl\:hover\:to-teal-800:hover {
+    --gradient-to-color: #05505c;
+  }
+
+  .xl\:hover\:to-teal-900:hover {
+    --gradient-to-color: #014451;
+  }
+
+  .xl\:hover\:to-blue-50:hover {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .xl\:hover\:to-blue-100:hover {
+    --gradient-to-color: #e1effe;
+  }
+
+  .xl\:hover\:to-blue-200:hover {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .xl\:hover\:to-blue-300:hover {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .xl\:hover\:to-blue-400:hover {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .xl\:hover\:to-blue-500:hover {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .xl\:hover\:to-blue-600:hover {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .xl\:hover\:to-blue-700:hover {
+    --gradient-to-color: #1a56db;
+  }
+
+  .xl\:hover\:to-blue-800:hover {
+    --gradient-to-color: #1e429f;
+  }
+
+  .xl\:hover\:to-blue-900:hover {
+    --gradient-to-color: #233876;
+  }
+
+  .xl\:hover\:to-indigo-50:hover {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .xl\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #e5edff;
+  }
+
+  .xl\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .xl\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .xl\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .xl\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #6875f5;
+  }
+
+  .xl\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5850ec;
+  }
+
+  .xl\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #5145cd;
+  }
+
+  .xl\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #42389d;
+  }
+
+  .xl\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #362f78;
+  }
+
+  .xl\:hover\:to-purple-50:hover {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .xl\:hover\:to-purple-100:hover {
+    --gradient-to-color: #edebfe;
+  }
+
+  .xl\:hover\:to-purple-200:hover {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .xl\:hover\:to-purple-300:hover {
+    --gradient-to-color: #cabffd;
+  }
+
+  .xl\:hover\:to-purple-400:hover {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .xl\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9061f9;
+  }
+
+  .xl\:hover\:to-purple-600:hover {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .xl\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .xl\:hover\:to-purple-800:hover {
+    --gradient-to-color: #5521b5;
+  }
+
+  .xl\:hover\:to-purple-900:hover {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .xl\:hover\:to-pink-50:hover {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .xl\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .xl\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .xl\:hover\:to-pink-300:hover {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .xl\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .xl\:hover\:to-pink-500:hover {
+    --gradient-to-color: #e74694;
+  }
+
+  .xl\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d61f69;
+  }
+
+  .xl\:hover\:to-pink-700:hover {
+    --gradient-to-color: #bf125d;
+  }
+
+  .xl\:hover\:to-pink-800:hover {
+    --gradient-to-color: #99154b;
+  }
+
+  .xl\:hover\:to-pink-900:hover {
+    --gradient-to-color: #751a3d;
+  }
+
+  .xl\:hover\:to-cool-gray-50:hover {
+    --gradient-to-color: #f8fafc;
+  }
+
+  .xl\:hover\:to-cool-gray-100:hover {
+    --gradient-to-color: #f1f5f9;
+  }
+
+  .xl\:hover\:to-cool-gray-200:hover {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .xl\:hover\:to-cool-gray-300:hover {
+    --gradient-to-color: #cfd8e3;
+  }
+
+  .xl\:hover\:to-cool-gray-400:hover {
+    --gradient-to-color: #97a6ba;
+  }
+
+  .xl\:hover\:to-cool-gray-500:hover {
+    --gradient-to-color: #64748b;
+  }
+
+  .xl\:hover\:to-cool-gray-600:hover {
+    --gradient-to-color: #475569;
+  }
+
+  .xl\:hover\:to-cool-gray-700:hover {
+    --gradient-to-color: #364152;
+  }
+
+  .xl\:hover\:to-cool-gray-800:hover {
+    --gradient-to-color: #27303f;
+  }
+
+  .xl\:hover\:to-cool-gray-900:hover {
+    --gradient-to-color: #1a202e;
+  }
+
+  .xl\:focus\:from-current:focus {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:focus\:from-transparent:focus {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:focus\:from-white:focus {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:focus\:from-black:focus {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:focus\:from-gray-50:focus {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .xl\:focus\:from-gray-100:focus {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .xl\:focus\:from-gray-200:focus {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .xl\:focus\:from-gray-300:focus {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .xl\:focus\:from-gray-400:focus {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .xl\:focus\:from-gray-500:focus {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .xl\:focus\:from-gray-600:focus {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .xl\:focus\:from-gray-700:focus {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .xl\:focus\:from-gray-800:focus {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .xl\:focus\:from-gray-900:focus {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .xl\:focus\:from-red-50:focus {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .xl\:focus\:from-red-100:focus {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .xl\:focus\:from-red-200:focus {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .xl\:focus\:from-red-300:focus {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .xl\:focus\:from-red-400:focus {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .xl\:focus\:from-red-500:focus {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .xl\:focus\:from-red-600:focus {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .xl\:focus\:from-red-700:focus {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .xl\:focus\:from-red-800:focus {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .xl\:focus\:from-red-900:focus {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .xl\:focus\:from-orange-50:focus {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .xl\:focus\:from-orange-100:focus {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .xl\:focus\:from-orange-200:focus {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .xl\:focus\:from-orange-300:focus {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .xl\:focus\:from-orange-400:focus {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .xl\:focus\:from-orange-500:focus {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .xl\:focus\:from-orange-600:focus {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .xl\:focus\:from-orange-700:focus {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .xl\:focus\:from-orange-800:focus {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .xl\:focus\:from-orange-900:focus {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .xl\:focus\:from-yellow-50:focus {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .xl\:focus\:from-yellow-100:focus {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .xl\:focus\:from-yellow-200:focus {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .xl\:focus\:from-yellow-300:focus {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .xl\:focus\:from-yellow-400:focus {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .xl\:focus\:from-yellow-500:focus {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .xl\:focus\:from-yellow-600:focus {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .xl\:focus\:from-yellow-700:focus {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .xl\:focus\:from-yellow-800:focus {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .xl\:focus\:from-yellow-900:focus {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .xl\:focus\:from-green-50:focus {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .xl\:focus\:from-green-100:focus {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .xl\:focus\:from-green-200:focus {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .xl\:focus\:from-green-300:focus {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .xl\:focus\:from-green-400:focus {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .xl\:focus\:from-green-500:focus {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .xl\:focus\:from-green-600:focus {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .xl\:focus\:from-green-700:focus {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .xl\:focus\:from-green-800:focus {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .xl\:focus\:from-green-900:focus {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .xl\:focus\:from-teal-50:focus {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .xl\:focus\:from-teal-100:focus {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .xl\:focus\:from-teal-200:focus {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .xl\:focus\:from-teal-300:focus {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .xl\:focus\:from-teal-400:focus {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .xl\:focus\:from-teal-500:focus {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .xl\:focus\:from-teal-600:focus {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .xl\:focus\:from-teal-700:focus {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .xl\:focus\:from-teal-800:focus {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .xl\:focus\:from-teal-900:focus {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .xl\:focus\:from-blue-50:focus {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .xl\:focus\:from-blue-100:focus {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .xl\:focus\:from-blue-200:focus {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .xl\:focus\:from-blue-300:focus {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .xl\:focus\:from-blue-400:focus {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .xl\:focus\:from-blue-500:focus {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .xl\:focus\:from-blue-600:focus {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .xl\:focus\:from-blue-700:focus {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .xl\:focus\:from-blue-800:focus {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .xl\:focus\:from-blue-900:focus {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .xl\:focus\:from-indigo-50:focus {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .xl\:focus\:from-indigo-100:focus {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .xl\:focus\:from-indigo-200:focus {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .xl\:focus\:from-indigo-300:focus {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .xl\:focus\:from-indigo-400:focus {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .xl\:focus\:from-indigo-500:focus {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .xl\:focus\:from-indigo-600:focus {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .xl\:focus\:from-indigo-700:focus {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .xl\:focus\:from-indigo-800:focus {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .xl\:focus\:from-indigo-900:focus {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .xl\:focus\:from-purple-50:focus {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .xl\:focus\:from-purple-100:focus {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .xl\:focus\:from-purple-200:focus {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .xl\:focus\:from-purple-300:focus {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .xl\:focus\:from-purple-400:focus {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .xl\:focus\:from-purple-500:focus {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .xl\:focus\:from-purple-600:focus {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .xl\:focus\:from-purple-700:focus {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .xl\:focus\:from-purple-800:focus {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .xl\:focus\:from-purple-900:focus {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .xl\:focus\:from-pink-50:focus {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .xl\:focus\:from-pink-100:focus {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .xl\:focus\:from-pink-200:focus {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .xl\:focus\:from-pink-300:focus {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .xl\:focus\:from-pink-400:focus {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .xl\:focus\:from-pink-500:focus {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .xl\:focus\:from-pink-600:focus {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .xl\:focus\:from-pink-700:focus {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .xl\:focus\:from-pink-800:focus {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .xl\:focus\:from-pink-900:focus {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .xl\:focus\:from-cool-gray-50:focus {
+    --gradient-from-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .xl\:focus\:from-cool-gray-100:focus {
+    --gradient-from-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .xl\:focus\:from-cool-gray-200:focus {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .xl\:focus\:from-cool-gray-300:focus {
+    --gradient-from-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .xl\:focus\:from-cool-gray-400:focus {
+    --gradient-from-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .xl\:focus\:from-cool-gray-500:focus {
+    --gradient-from-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .xl\:focus\:from-cool-gray-600:focus {
+    --gradient-from-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .xl\:focus\:from-cool-gray-700:focus {
+    --gradient-from-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .xl\:focus\:from-cool-gray-800:focus {
+    --gradient-from-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .xl\:focus\:from-cool-gray-900:focus {
+    --gradient-from-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .xl\:focus\:via-current:focus {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:focus\:via-white:focus {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:focus\:via-black:focus {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:focus\:via-gray-50:focus {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .xl\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .xl\:focus\:via-gray-200:focus {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .xl\:focus\:via-gray-300:focus {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .xl\:focus\:via-gray-400:focus {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .xl\:focus\:via-gray-500:focus {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .xl\:focus\:via-gray-600:focus {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .xl\:focus\:via-gray-700:focus {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .xl\:focus\:via-gray-800:focus {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .xl\:focus\:via-gray-900:focus {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .xl\:focus\:via-red-50:focus {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .xl\:focus\:via-red-100:focus {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .xl\:focus\:via-red-200:focus {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .xl\:focus\:via-red-300:focus {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .xl\:focus\:via-red-400:focus {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .xl\:focus\:via-red-500:focus {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .xl\:focus\:via-red-600:focus {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .xl\:focus\:via-red-700:focus {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .xl\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .xl\:focus\:via-red-900:focus {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .xl\:focus\:via-orange-50:focus {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .xl\:focus\:via-orange-100:focus {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .xl\:focus\:via-orange-200:focus {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .xl\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .xl\:focus\:via-orange-400:focus {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .xl\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .xl\:focus\:via-orange-600:focus {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .xl\:focus\:via-orange-700:focus {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .xl\:focus\:via-orange-800:focus {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .xl\:focus\:via-orange-900:focus {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .xl\:focus\:via-yellow-50:focus {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .xl\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .xl\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .xl\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .xl\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .xl\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .xl\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .xl\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .xl\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .xl\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .xl\:focus\:via-green-50:focus {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .xl\:focus\:via-green-100:focus {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .xl\:focus\:via-green-200:focus {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .xl\:focus\:via-green-300:focus {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .xl\:focus\:via-green-400:focus {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .xl\:focus\:via-green-500:focus {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .xl\:focus\:via-green-600:focus {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .xl\:focus\:via-green-700:focus {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .xl\:focus\:via-green-800:focus {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .xl\:focus\:via-green-900:focus {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .xl\:focus\:via-teal-50:focus {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .xl\:focus\:via-teal-100:focus {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .xl\:focus\:via-teal-200:focus {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .xl\:focus\:via-teal-300:focus {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .xl\:focus\:via-teal-400:focus {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .xl\:focus\:via-teal-500:focus {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .xl\:focus\:via-teal-600:focus {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .xl\:focus\:via-teal-700:focus {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .xl\:focus\:via-teal-800:focus {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .xl\:focus\:via-teal-900:focus {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .xl\:focus\:via-blue-50:focus {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .xl\:focus\:via-blue-100:focus {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .xl\:focus\:via-blue-200:focus {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .xl\:focus\:via-blue-300:focus {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .xl\:focus\:via-blue-400:focus {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .xl\:focus\:via-blue-500:focus {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .xl\:focus\:via-blue-600:focus {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .xl\:focus\:via-blue-700:focus {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .xl\:focus\:via-blue-800:focus {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .xl\:focus\:via-blue-900:focus {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .xl\:focus\:via-indigo-50:focus {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .xl\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .xl\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .xl\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .xl\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .xl\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .xl\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .xl\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .xl\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .xl\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .xl\:focus\:via-purple-50:focus {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .xl\:focus\:via-purple-100:focus {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .xl\:focus\:via-purple-200:focus {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .xl\:focus\:via-purple-300:focus {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .xl\:focus\:via-purple-400:focus {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .xl\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .xl\:focus\:via-purple-600:focus {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .xl\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .xl\:focus\:via-purple-800:focus {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .xl\:focus\:via-purple-900:focus {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .xl\:focus\:via-pink-50:focus {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .xl\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .xl\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .xl\:focus\:via-pink-300:focus {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .xl\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .xl\:focus\:via-pink-500:focus {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .xl\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .xl\:focus\:via-pink-700:focus {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .xl\:focus\:via-pink-800:focus {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .xl\:focus\:via-pink-900:focus {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .xl\:focus\:via-cool-gray-50:focus {
+    --gradient-via-color: #f8fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
+  }
+
+  .xl\:focus\:via-cool-gray-100:focus {
+    --gradient-via-color: #f1f5f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
+  }
+
+  .xl\:focus\:via-cool-gray-200:focus {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .xl\:focus\:via-cool-gray-300:focus {
+    --gradient-via-color: #cfd8e3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
+  }
+
+  .xl\:focus\:via-cool-gray-400:focus {
+    --gradient-via-color: #97a6ba;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
+  }
+
+  .xl\:focus\:via-cool-gray-500:focus {
+    --gradient-via-color: #64748b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
+  }
+
+  .xl\:focus\:via-cool-gray-600:focus {
+    --gradient-via-color: #475569;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
+  }
+
+  .xl\:focus\:via-cool-gray-700:focus {
+    --gradient-via-color: #364152;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
+  }
+
+  .xl\:focus\:via-cool-gray-800:focus {
+    --gradient-via-color: #27303f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
+  }
+
+  .xl\:focus\:via-cool-gray-900:focus {
+    --gradient-via-color: #1a202e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
+  }
+
+  .xl\:focus\:to-current:focus {
+    --gradient-to-color: currentColor;
+  }
+
+  .xl\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent;
+  }
+
+  .xl\:focus\:to-white:focus {
+    --gradient-to-color: #ffffff;
+  }
+
+  .xl\:focus\:to-black:focus {
+    --gradient-to-color: #000000;
+  }
+
+  .xl\:focus\:to-gray-50:focus {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .xl\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .xl\:focus\:to-gray-200:focus {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .xl\:focus\:to-gray-300:focus {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .xl\:focus\:to-gray-400:focus {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .xl\:focus\:to-gray-500:focus {
+    --gradient-to-color: #6b7280;
+  }
+
+  .xl\:focus\:to-gray-600:focus {
+    --gradient-to-color: #4b5563;
+  }
+
+  .xl\:focus\:to-gray-700:focus {
+    --gradient-to-color: #374151;
+  }
+
+  .xl\:focus\:to-gray-800:focus {
+    --gradient-to-color: #252f3f;
+  }
+
+  .xl\:focus\:to-gray-900:focus {
+    --gradient-to-color: #161e2e;
+  }
+
+  .xl\:focus\:to-red-50:focus {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .xl\:focus\:to-red-100:focus {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .xl\:focus\:to-red-200:focus {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .xl\:focus\:to-red-300:focus {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .xl\:focus\:to-red-400:focus {
+    --gradient-to-color: #f98080;
+  }
+
+  .xl\:focus\:to-red-500:focus {
+    --gradient-to-color: #f05252;
+  }
+
+  .xl\:focus\:to-red-600:focus {
+    --gradient-to-color: #e02424;
+  }
+
+  .xl\:focus\:to-red-700:focus {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .xl\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .xl\:focus\:to-red-900:focus {
+    --gradient-to-color: #771d1d;
+  }
+
+  .xl\:focus\:to-orange-50:focus {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .xl\:focus\:to-orange-100:focus {
+    --gradient-to-color: #feecdc;
+  }
+
+  .xl\:focus\:to-orange-200:focus {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .xl\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .xl\:focus\:to-orange-400:focus {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .xl\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .xl\:focus\:to-orange-600:focus {
+    --gradient-to-color: #d03801;
+  }
+
+  .xl\:focus\:to-orange-700:focus {
+    --gradient-to-color: #b43403;
+  }
+
+  .xl\:focus\:to-orange-800:focus {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .xl\:focus\:to-orange-900:focus {
+    --gradient-to-color: #73230d;
+  }
+
+  .xl\:focus\:to-yellow-50:focus {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .xl\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .xl\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fce96a;
+  }
+
+  .xl\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faca15;
+  }
+
+  .xl\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #e3a008;
+  }
+
+  .xl\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #c27803;
+  }
+
+  .xl\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #9f580a;
+  }
+
+  .xl\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .xl\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #723b13;
+  }
+
+  .xl\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #633112;
+  }
+
+  .xl\:focus\:to-green-50:focus {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .xl\:focus\:to-green-100:focus {
+    --gradient-to-color: #def7ec;
+  }
+
+  .xl\:focus\:to-green-200:focus {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .xl\:focus\:to-green-300:focus {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .xl\:focus\:to-green-400:focus {
+    --gradient-to-color: #31c48d;
+  }
+
+  .xl\:focus\:to-green-500:focus {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .xl\:focus\:to-green-600:focus {
+    --gradient-to-color: #057a55;
+  }
+
+  .xl\:focus\:to-green-700:focus {
+    --gradient-to-color: #046c4e;
+  }
+
+  .xl\:focus\:to-green-800:focus {
+    --gradient-to-color: #03543f;
+  }
+
+  .xl\:focus\:to-green-900:focus {
+    --gradient-to-color: #014737;
+  }
+
+  .xl\:focus\:to-teal-50:focus {
+    --gradient-to-color: #edfafa;
+  }
+
+  .xl\:focus\:to-teal-100:focus {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .xl\:focus\:to-teal-200:focus {
+    --gradient-to-color: #afecef;
+  }
+
+  .xl\:focus\:to-teal-300:focus {
+    --gradient-to-color: #7edce2;
+  }
+
+  .xl\:focus\:to-teal-400:focus {
+    --gradient-to-color: #16bdca;
+  }
+
+  .xl\:focus\:to-teal-500:focus {
+    --gradient-to-color: #0694a2;
+  }
+
+  .xl\:focus\:to-teal-600:focus {
+    --gradient-to-color: #047481;
+  }
+
+  .xl\:focus\:to-teal-700:focus {
+    --gradient-to-color: #036672;
+  }
+
+  .xl\:focus\:to-teal-800:focus {
+    --gradient-to-color: #05505c;
+  }
+
+  .xl\:focus\:to-teal-900:focus {
+    --gradient-to-color: #014451;
+  }
+
+  .xl\:focus\:to-blue-50:focus {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .xl\:focus\:to-blue-100:focus {
+    --gradient-to-color: #e1effe;
+  }
+
+  .xl\:focus\:to-blue-200:focus {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .xl\:focus\:to-blue-300:focus {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .xl\:focus\:to-blue-400:focus {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .xl\:focus\:to-blue-500:focus {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .xl\:focus\:to-blue-600:focus {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .xl\:focus\:to-blue-700:focus {
+    --gradient-to-color: #1a56db;
+  }
+
+  .xl\:focus\:to-blue-800:focus {
+    --gradient-to-color: #1e429f;
+  }
+
+  .xl\:focus\:to-blue-900:focus {
+    --gradient-to-color: #233876;
+  }
+
+  .xl\:focus\:to-indigo-50:focus {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .xl\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #e5edff;
+  }
+
+  .xl\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .xl\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .xl\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .xl\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #6875f5;
+  }
+
+  .xl\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5850ec;
+  }
+
+  .xl\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #5145cd;
+  }
+
+  .xl\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #42389d;
+  }
+
+  .xl\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #362f78;
+  }
+
+  .xl\:focus\:to-purple-50:focus {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .xl\:focus\:to-purple-100:focus {
+    --gradient-to-color: #edebfe;
+  }
+
+  .xl\:focus\:to-purple-200:focus {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .xl\:focus\:to-purple-300:focus {
+    --gradient-to-color: #cabffd;
+  }
+
+  .xl\:focus\:to-purple-400:focus {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .xl\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9061f9;
+  }
+
+  .xl\:focus\:to-purple-600:focus {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .xl\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .xl\:focus\:to-purple-800:focus {
+    --gradient-to-color: #5521b5;
+  }
+
+  .xl\:focus\:to-purple-900:focus {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .xl\:focus\:to-pink-50:focus {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .xl\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .xl\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .xl\:focus\:to-pink-300:focus {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .xl\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .xl\:focus\:to-pink-500:focus {
+    --gradient-to-color: #e74694;
+  }
+
+  .xl\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d61f69;
+  }
+
+  .xl\:focus\:to-pink-700:focus {
+    --gradient-to-color: #bf125d;
+  }
+
+  .xl\:focus\:to-pink-800:focus {
+    --gradient-to-color: #99154b;
+  }
+
+  .xl\:focus\:to-pink-900:focus {
+    --gradient-to-color: #751a3d;
+  }
+
+  .xl\:focus\:to-cool-gray-50:focus {
+    --gradient-to-color: #f8fafc;
+  }
+
+  .xl\:focus\:to-cool-gray-100:focus {
+    --gradient-to-color: #f1f5f9;
+  }
+
+  .xl\:focus\:to-cool-gray-200:focus {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .xl\:focus\:to-cool-gray-300:focus {
+    --gradient-to-color: #cfd8e3;
+  }
+
+  .xl\:focus\:to-cool-gray-400:focus {
+    --gradient-to-color: #97a6ba;
+  }
+
+  .xl\:focus\:to-cool-gray-500:focus {
+    --gradient-to-color: #64748b;
+  }
+
+  .xl\:focus\:to-cool-gray-600:focus {
+    --gradient-to-color: #475569;
+  }
+
+  .xl\:focus\:to-cool-gray-700:focus {
+    --gradient-to-color: #364152;
+  }
+
+  .xl\:focus\:to-cool-gray-800:focus {
+    --gradient-to-color: #27303f;
+  }
+
+  .xl\:focus\:to-cool-gray-900:focus {
+    --gradient-to-color: #1a202e;
+  }
+
+  .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-current {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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));
+  }
+
+  .xl\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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));
+  }
+
+  .group:hover .xl\:group-hover\:border-current {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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:hover .xl\:group-hover\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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:focus .xl\:group-focus\:border-current {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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));
+  }
+
+  .group:focus .xl\:group-focus\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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));
+  }
+
+  .xl\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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\:hover\:border-cool-gray-50:hover {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .xl\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .xl\:focus-within\:border-white:focus-within {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-black:focus-within {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-100:focus-within {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-200:focus-within {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-300:focus-within {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-400:focus-within {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-500:focus-within {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-600:focus-within {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-700:focus-within {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-800:focus-within {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-900:focus-within {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-50:focus-within {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-100:focus-within {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-200:focus-within {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-300:focus-within {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-400:focus-within {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-500:focus-within {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-600:focus-within {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-700:focus-within {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-800:focus-within {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-900:focus-within {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-orange-50:focus-within {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-orange-100:focus-within {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-orange-200:focus-within {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-orange-300:focus-within {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-orange-400:focus-within {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-orange-500:focus-within {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-orange-600:focus-within {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-orange-700:focus-within {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-orange-800:focus-within {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-orange-900:focus-within {
+    --border-opacity: 1;
+    border-color: #73230d;
+    border-color: rgba(115, 35, 13, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-50:focus-within {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-100:focus-within {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-200:focus-within {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-300:focus-within {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-400:focus-within {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-500:focus-within {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-600:focus-within {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-700:focus-within {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-800:focus-within {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-900:focus-within {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-100:focus-within {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-200:focus-within {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-300:focus-within {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-400:focus-within {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-500:focus-within {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-600:focus-within {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-700:focus-within {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-800:focus-within {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-900:focus-within {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-teal-50:focus-within {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-teal-100:focus-within {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-teal-200:focus-within {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-teal-300:focus-within {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-teal-400:focus-within {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-teal-500:focus-within {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-teal-600:focus-within {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-teal-700:focus-within {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-teal-800:focus-within {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-teal-900:focus-within {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-50:focus-within {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-100:focus-within {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-200:focus-within {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-300:focus-within {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-400:focus-within {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-500:focus-within {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-600:focus-within {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-700:focus-within {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-800:focus-within {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-900:focus-within {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-100:focus-within {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-200:focus-within {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-300:focus-within {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-400:focus-within {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-500:focus-within {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-600:focus-within {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-700:focus-within {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-800:focus-within {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-900:focus-within {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-100:focus-within {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-200:focus-within {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-300:focus-within {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-400:focus-within {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-500:focus-within {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-600:focus-within {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-700:focus-within {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-800:focus-within {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-900:focus-within {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-50:focus-within {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-100:focus-within {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-200:focus-within {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-300:focus-within {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-400:focus-within {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-500:focus-within {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-600:focus-within {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-700:focus-within {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-800:focus-within {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-900:focus-within {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-cool-gray-50:focus-within {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-cool-gray-100:focus-within {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-cool-gray-200:focus-within {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-cool-gray-300:focus-within {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-cool-gray-400:focus-within {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-cool-gray-500:focus-within {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-cool-gray-600:focus-within {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-cool-gray-700:focus-within {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-cool-gray-800:focus-within {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-cool-gray-900:focus-within {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
+  .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-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: #73230d;
+    border-color: rgba(115, 35, 13, 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\:focus\:border-cool-gray-50:focus {
+    --border-opacity: 1;
+    border-color: #f8fafc;
+    border-color: rgba(248, 250, 252, 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\: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-xl {
+    border-radius: 0.75rem;
+  }
+
+  .xl\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
+  .xl\:rounded-3xl {
+    border-radius: 1.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-xl {
+    border-top-left-radius: 0.75rem;
+    border-top-right-radius: 0.75rem;
+  }
+
+  .xl\:rounded-r-xl {
+    border-top-right-radius: 0.75rem;
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .xl\:rounded-b-xl {
+    border-bottom-right-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .xl\:rounded-l-xl {
+    border-top-left-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .xl\:rounded-t-2xl {
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+  }
+
+  .xl\:rounded-r-2xl {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+
+  .xl\:rounded-b-2xl {
+    border-bottom-right-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .xl\:rounded-l-2xl {
+    border-top-left-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .xl\:rounded-t-3xl {
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+  }
+
+  .xl\:rounded-r-3xl {
+    border-top-right-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .xl\:rounded-b-3xl {
+    border-bottom-right-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .xl\:rounded-l-3xl {
+    border-top-left-radius: 1.5rem;
+    border-bottom-left-radius: 1.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-xl {
+    border-top-left-radius: 0.75rem;
+  }
+
+  .xl\:rounded-tr-xl {
+    border-top-right-radius: 0.75rem;
+  }
+
+  .xl\:rounded-br-xl {
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .xl\:rounded-bl-xl {
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .xl\:rounded-tl-2xl {
+    border-top-left-radius: 1rem;
+  }
+
+  .xl\:rounded-tr-2xl {
+    border-top-right-radius: 1rem;
+  }
+
+  .xl\:rounded-br-2xl {
+    border-bottom-right-radius: 1rem;
+  }
+
+  .xl\:rounded-bl-2xl {
+    border-bottom-left-radius: 1rem;
+  }
+
+  .xl\:rounded-tl-3xl {
+    border-top-left-radius: 1.5rem;
+  }
+
+  .xl\:rounded-tr-3xl {
+    border-top-right-radius: 1.5rem;
+  }
+
+  .xl\:rounded-br-3xl {
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .xl\:rounded-bl-3xl {
+    border-bottom-left-radius: 1.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\:contents {
+    display: contents;
+  }
+
+  .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\:place-items-auto {
+    place-items: auto;
+  }
+
+  .xl\:place-items-start {
+    place-items: start;
+  }
+
+  .xl\:place-items-end {
+    place-items: end;
+  }
+
+  .xl\:place-items-center {
+    place-items: center;
+  }
+
+  .xl\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .xl\:place-content-center {
+    place-content: center;
+  }
+
+  .xl\:place-content-start {
+    place-content: start;
+  }
+
+  .xl\:place-content-end {
+    place-content: end;
+  }
+
+  .xl\:place-content-between {
+    place-content: space-between;
+  }
+
+  .xl\:place-content-around {
+    place-content: space-around;
+  }
+
+  .xl\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .xl\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .xl\:place-self-auto {
+    place-self: auto;
+  }
+
+  .xl\:place-self-start {
+    place-self: start;
+  }
+
+  .xl\:place-self-end {
+    place-self: end;
+  }
+
+  .xl\:place-self-center {
+    place-self: center;
+  }
+
+  .xl\:place-self-stretch {
+    place-self: stretch;
+  }
+
+  .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\: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\:content-evenly {
+    align-content: space-evenly;
+  }
+
+  .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-items-auto {
+    justify-items: auto;
+  }
+
+  .xl\:justify-items-start {
+    justify-items: start;
+  }
+
+  .xl\:justify-items-end {
+    justify-items: end;
+  }
+
+  .xl\:justify-items-center {
+    justify-items: center;
+  }
+
+  .xl\:justify-items-stretch {
+    justify-items: 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\:justify-self-auto {
+    justify-self: auto;
+  }
+
+  .xl\:justify-self-start {
+    justify-self: start;
+  }
+
+  .xl\:justify-self-end {
+    justify-self: end;
+  }
+
+  .xl\:justify-self-center {
+    justify-self: center;
+  }
+
+  .xl\:justify-self-stretch {
+    justify-self: stretch;
+  }
+
+  .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-44 {
+    height: 11rem;
+  }
+
+  .xl\:h-48 {
+    height: 12rem;
+  }
+
+  .xl\:h-52 {
+    height: 13rem;
+  }
+
+  .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-44 {
+    margin: 11rem;
+  }
+
+  .xl\:m-48 {
+    margin: 12rem;
+  }
+
+  .xl\:m-52 {
+    margin: 13rem;
+  }
+
+  .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-44 {
+    margin: -11rem;
+  }
+
+  .xl\:-m-48 {
+    margin: -12rem;
+  }
+
+  .xl\:-m-52 {
+    margin: -13rem;
+  }
+
+  .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-44 {
+    margin-top: 11rem;
+    margin-bottom: 11rem;
+  }
+
+  .xl\:mx-44 {
+    margin-left: 11rem;
+    margin-right: 11rem;
+  }
+
+  .xl\:my-48 {
+    margin-top: 12rem;
+    margin-bottom: 12rem;
+  }
+
+  .xl\:mx-48 {
+    margin-left: 12rem;
+    margin-right: 12rem;
+  }
+
+  .xl\:my-52 {
+    margin-top: 13rem;
+    margin-bottom: 13rem;
+  }
+
+  .xl\:mx-52 {
+    margin-left: 13rem;
+    margin-right: 13rem;
+  }
+
+  .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-44 {
+    margin-top: -11rem;
+    margin-bottom: -11rem;
+  }
+
+  .xl\:-mx-44 {
+    margin-left: -11rem;
+    margin-right: -11rem;
+  }
+
+  .xl\:-my-48 {
+    margin-top: -12rem;
+    margin-bottom: -12rem;
+  }
+
+  .xl\:-mx-48 {
+    margin-left: -12rem;
+    margin-right: -12rem;
+  }
+
+  .xl\:-my-52 {
+    margin-top: -13rem;
+    margin-bottom: -13rem;
+  }
+
+  .xl\:-mx-52 {
+    margin-left: -13rem;
+    margin-right: -13rem;
+  }
+
+  .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-44 {
+    margin-top: 11rem;
+  }
+
+  .xl\:mr-44 {
+    margin-right: 11rem;
+  }
+
+  .xl\:mb-44 {
+    margin-bottom: 11rem;
+  }
+
+  .xl\:ml-44 {
+    margin-left: 11rem;
+  }
+
+  .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-52 {
+    margin-top: 13rem;
+  }
+
+  .xl\:mr-52 {
+    margin-right: 13rem;
+  }
+
+  .xl\:mb-52 {
+    margin-bottom: 13rem;
+  }
+
+  .xl\:ml-52 {
+    margin-left: 13rem;
+  }
+
+  .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-44 {
+    margin-top: -11rem;
+  }
+
+  .xl\:-mr-44 {
+    margin-right: -11rem;
+  }
+
+  .xl\:-mb-44 {
+    margin-bottom: -11rem;
+  }
+
+  .xl\:-ml-44 {
+    margin-left: -11rem;
+  }
+
+  .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-52 {
+    margin-top: -13rem;
+  }
+
+  .xl\:-mr-52 {
+    margin-right: -13rem;
+  }
+
+  .xl\:-mb-52 {
+    margin-bottom: -13rem;
+  }
+
+  .xl\:-ml-52 {
+    margin-left: -13rem;
+  }
+
+  .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-44 {
+    max-height: 11rem;
+  }
+
+  .xl\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .xl\:max-h-52 {
+    max-height: 13rem;
+  }
+
+  .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-0 {
+    max-width: 0rem;
+  }
+
+  .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-min-content {
+    max-width: -webkit-min-content;
+    max-width: -moz-min-content;
+    max-width: min-content;
+  }
+
+  .xl\:max-w-max-content {
+    max-width: -webkit-max-content;
+    max-width: -moz-max-content;
+    max-width: max-content;
+  }
+
+  .xl\:max-w-prose {
+    max-width: 65ch;
+  }
+
+  .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\:min-w-min-content {
+    min-width: -webkit-min-content;
+    min-width: -moz-min-content;
+    min-width: min-content;
+  }
+
+  .xl\:min-w-max-content {
+    min-width: -webkit-max-content;
+    min-width: -moz-max-content;
+    min-width: max-content;
+  }
+
+  .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\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .xl\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .xl\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .xl\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .xl\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-0 {
+    opacity: 0;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-100 {
+    opacity: 1;
+  }
+
+  .group:focus .xl\:group-focus\:opacity-0 {
+    opacity: 0;
+  }
+
+  .group:focus .xl\:group-focus\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .group:focus .xl\:group-focus\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .group:focus .xl\:group-focus\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .group:focus .xl\:group-focus\: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: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .xl\:outline-white {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .xl\:outline-black {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .xl\:focus\:outline-none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .xl\:focus\:outline-white:focus {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .xl\:focus\:outline-black:focus {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .xl\:overflow-auto {
+    overflow: auto;
+  }
+
+  .xl\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .xl\:overflow-visible {
+    overflow: visible;
+  }
+
+  .xl\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .xl\:overflow-x-auto {
+    overflow-x: auto;
+  }
+
+  .xl\:overflow-y-auto {
+    overflow-y: auto;
+  }
+
+  .xl\:overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
+  .xl\:overflow-y-hidden {
+    overflow-y: hidden;
+  }
+
+  .xl\:overflow-x-visible {
+    overflow-x: visible;
+  }
+
+  .xl\:overflow-y-visible {
+    overflow-y: visible;
+  }
+
+  .xl\:overflow-x-scroll {
+    overflow-x: scroll;
+  }
+
+  .xl\:overflow-y-scroll {
+    overflow-y: scroll;
+  }
+
+  .xl\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .xl\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
+  }
+
+  .xl\:overscroll-auto {
+    -ms-scroll-chaining: chained;
+        overscroll-behavior: auto;
+  }
+
+  .xl\:overscroll-contain {
+    -ms-scroll-chaining: none;
+        overscroll-behavior: contain;
+  }
+
+  .xl\:overscroll-none {
+    -ms-scroll-chaining: none;
+        overscroll-behavior: none;
+  }
+
+  .xl\:overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .xl\:overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .xl\:overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .xl\:overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .xl\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .xl\:overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
+  .xl\:p-0 {
+    padding: 0;
+  }
+
+  .xl\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .xl\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .xl\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .xl\:p-4 {
+    padding: 1rem;
+  }
+
+  .xl\:p-5 {
+    padding: 1.25rem;
+  }
+
+  .xl\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .xl\:p-7 {
+    padding: 1.75rem;
+  }
+
+  .xl\:p-8 {
+    padding: 2rem;
+  }
+
+  .xl\:p-9 {
+    padding: 2.25rem;
+  }
+
+  .xl\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .xl\:p-11 {
+    padding: 2.75rem;
+  }
+
+  .xl\:p-12 {
+    padding: 3rem;
+  }
+
+  .xl\:p-13 {
+    padding: 3.25rem;
+  }
+
+  .xl\:p-14 {
+    padding: 3.5rem;
+  }
+
+  .xl\:p-15 {
+    padding: 3.75rem;
+  }
+
+  .xl\:p-16 {
+    padding: 4rem;
+  }
+
+  .xl\:p-20 {
+    padding: 5rem;
+  }
+
+  .xl\:p-24 {
+    padding: 6rem;
+  }
+
+  .xl\:p-28 {
+    padding: 7rem;
+  }
+
+  .xl\:p-32 {
+    padding: 8rem;
+  }
+
+  .xl\:p-36 {
+    padding: 9rem;
+  }
+
+  .xl\:p-40 {
+    padding: 10rem;
+  }
+
+  .xl\:p-44 {
+    padding: 11rem;
+  }
+
+  .xl\:p-48 {
+    padding: 12rem;
+  }
+
+  .xl\:p-52 {
+    padding: 13rem;
+  }
+
+  .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-44 {
+    padding-top: 11rem;
+    padding-bottom: 11rem;
+  }
+
+  .xl\:px-44 {
+    padding-left: 11rem;
+    padding-right: 11rem;
+  }
+
+  .xl\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+
+  .xl\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
+  }
+
+  .xl\:py-52 {
+    padding-top: 13rem;
+    padding-bottom: 13rem;
+  }
+
+  .xl\:px-52 {
+    padding-left: 13rem;
+    padding-right: 13rem;
+  }
+
+  .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-44 {
+    padding-top: 11rem;
+  }
+
+  .xl\:pr-44 {
+    padding-right: 11rem;
+  }
+
+  .xl\:pb-44 {
+    padding-bottom: 11rem;
+  }
+
+  .xl\:pl-44 {
+    padding-left: 11rem;
+  }
+
+  .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-52 {
+    padding-top: 13rem;
+  }
+
+  .xl\:pr-52 {
+    padding-right: 13rem;
+  }
+
+  .xl\:pb-52 {
+    padding-bottom: 13rem;
+  }
+
+  .xl\:pl-52 {
+    padding-left: 13rem;
+  }
+
+  .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-current::-moz-placeholder {
+    color: currentColor;
+  }
+
+  .xl\:placeholder-current:-ms-input-placeholder {
+    color: currentColor;
+  }
+
+  .xl\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
+  .xl\:placeholder-transparent::-moz-placeholder {
+    color: transparent;
+  }
+
+  .xl\:placeholder-transparent:-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .xl\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .xl\:placeholder-white::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-white:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-white::placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-black::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-black:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-black::placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, 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::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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::placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-current:focus::-moz-placeholder {
+    color: currentColor;
+  }
+
+  .xl\:focus\:placeholder-current:focus:-ms-input-placeholder {
+    color: currentColor;
+  }
+
+  .xl\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
+  .xl\:focus\:placeholder-transparent:focus::-moz-placeholder {
+    color: transparent;
+  }
+
+  .xl\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .xl\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .xl\:focus\:placeholder-white:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-white:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-white:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-black:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-black:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-black:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, 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::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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::placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-opacity-0::-moz-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .xl\:placeholder-opacity-0:-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .xl\:placeholder-opacity-0::placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .xl\:placeholder-opacity-25::-moz-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .xl\:placeholder-opacity-25:-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .xl\:placeholder-opacity-25::placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .xl\:placeholder-opacity-50::-moz-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .xl\:placeholder-opacity-50:-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .xl\:placeholder-opacity-50::placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .xl\:placeholder-opacity-75::-moz-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .xl\:placeholder-opacity-75:-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .xl\:placeholder-opacity-75::placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .xl\:placeholder-opacity-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .xl\:placeholder-opacity-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .xl\:placeholder-opacity-100::placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .xl\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .xl\:focus\:placeholder-opacity-0:focus::placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .xl\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .xl\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .xl\:focus\:placeholder-opacity-25:focus::placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .xl\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .xl\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .xl\:focus\:placeholder-opacity-50:focus::placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .xl\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .xl\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .xl\:focus\:placeholder-opacity-75:focus::placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .xl\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .xl\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .xl\:focus\:placeholder-opacity-100:focus::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-44 {
+    top: 11rem;
+    right: 11rem;
+    bottom: 11rem;
+    left: 11rem;
+  }
+
+  .xl\:inset-48 {
+    top: 12rem;
+    right: 12rem;
+    bottom: 12rem;
+    left: 12rem;
+  }
+
+  .xl\:inset-52 {
+    top: 13rem;
+    right: 13rem;
+    bottom: 13rem;
+    left: 13rem;
+  }
+
+  .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-44 {
+    top: 11rem;
+    bottom: 11rem;
+  }
+
+  .xl\:inset-x-44 {
+    right: 11rem;
+    left: 11rem;
+  }
+
+  .xl\:inset-y-48 {
+    top: 12rem;
+    bottom: 12rem;
+  }
+
+  .xl\:inset-x-48 {
+    right: 12rem;
+    left: 12rem;
+  }
+
+  .xl\:inset-y-52 {
+    top: 13rem;
+    bottom: 13rem;
+  }
+
+  .xl\:inset-x-52 {
+    right: 13rem;
+    left: 13rem;
+  }
+
+  .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-44 {
+    top: 11rem;
+  }
+
+  .xl\:right-44 {
+    right: 11rem;
+  }
+
+  .xl\:bottom-44 {
+    bottom: 11rem;
+  }
+
+  .xl\:left-44 {
+    left: 11rem;
+  }
+
+  .xl\:top-48 {
+    top: 12rem;
+  }
+
+  .xl\:right-48 {
+    right: 12rem;
+  }
+
+  .xl\:bottom-48 {
+    bottom: 12rem;
+  }
+
+  .xl\:left-48 {
+    left: 12rem;
+  }
+
+  .xl\:top-52 {
+    top: 13rem;
+  }
+
+  .xl\:right-52 {
+    right: 13rem;
+  }
+
+  .xl\:bottom-52 {
+    bottom: 13rem;
+  }
+
+  .xl\:left-52 {
+    left: 13rem;
+  }
+
+  .xl\:top-56 {
+    top: 14rem;
+  }
+
+  .xl\:right-56 {
+    right: 14rem;
+  }
+
+  .xl\:bottom-56 {
+    bottom: 14rem;
+  }
+
+  .xl\:left-56 {
+    left: 14rem;
+  }
+
+  .xl\:top-60 {
+    top: 15rem;
+  }
+
+  .xl\:right-60 {
+    right: 15rem;
+  }
+
+  .xl\:bottom-60 {
+    bottom: 15rem;
+  }
+
+  .xl\:left-60 {
+    left: 15rem;
+  }
+
+  .xl\:top-64 {
+    top: 16rem;
+  }
+
+  .xl\:right-64 {
+    right: 16rem;
+  }
+
+  .xl\:bottom-64 {
+    bottom: 16rem;
+  }
+
+  .xl\:left-64 {
+    left: 16rem;
+  }
+
+  .xl\:top-72 {
+    top: 18rem;
+  }
+
+  .xl\:right-72 {
+    right: 18rem;
+  }
+
+  .xl\:bottom-72 {
+    bottom: 18rem;
+  }
+
+  .xl\:left-72 {
+    left: 18rem;
+  }
+
+  .xl\:top-80 {
+    top: 20rem;
+  }
+
+  .xl\:right-80 {
+    right: 20rem;
+  }
+
+  .xl\:bottom-80 {
+    bottom: 20rem;
+  }
+
+  .xl\:left-80 {
+    left: 20rem;
+  }
+
+  .xl\:top-96 {
+    top: 24rem;
+  }
+
+  .xl\:right-96 {
+    right: 24rem;
+  }
+
+  .xl\:bottom-96 {
+    bottom: 24rem;
+  }
+
+  .xl\:left-96 {
+    left: 24rem;
+  }
+
+  .xl\:top-auto {
+    top: auto;
+  }
+
+  .xl\:right-auto {
+    right: auto;
+  }
+
+  .xl\:bottom-auto {
+    bottom: auto;
+  }
+
+  .xl\:left-auto {
+    left: auto;
+  }
+
+  .xl\:top-px {
+    top: 1px;
+  }
+
+  .xl\:right-px {
+    right: 1px;
+  }
+
+  .xl\:bottom-px {
+    bottom: 1px;
+  }
+
+  .xl\:left-px {
+    left: 1px;
+  }
+
+  .xl\:top-0\.5 {
+    top: 0.125rem;
+  }
+
+  .xl\:right-0\.5 {
+    right: 0.125rem;
+  }
+
+  .xl\:bottom-0\.5 {
+    bottom: 0.125rem;
+  }
+
+  .xl\:left-0\.5 {
+    left: 0.125rem;
+  }
+
+  .xl\:top-1\.5 {
+    top: 0.375rem;
+  }
+
+  .xl\:right-1\.5 {
+    right: 0.375rem;
+  }
+
+  .xl\:bottom-1\.5 {
+    bottom: 0.375rem;
+  }
+
+  .xl\:left-1\.5 {
+    left: 0.375rem;
+  }
+
+  .xl\:top-2\.5 {
+    top: 0.625rem;
+  }
+
+  .xl\:right-2\.5 {
+    right: 0.625rem;
+  }
+
+  .xl\:bottom-2\.5 {
+    bottom: 0.625rem;
+  }
+
+  .xl\:left-2\.5 {
+    left: 0.625rem;
+  }
+
+  .xl\:top-3\.5 {
+    top: 0.875rem;
+  }
+
+  .xl\:right-3\.5 {
+    right: 0.875rem;
+  }
+
+  .xl\:bottom-3\.5 {
+    bottom: 0.875rem;
+  }
+
+  .xl\:left-3\.5 {
+    left: 0.875rem;
+  }
+
+  .xl\:top-1\/2 {
+    top: 50%;
+  }
+
+  .xl\:right-1\/2 {
+    right: 50%;
+  }
+
+  .xl\:bottom-1\/2 {
+    bottom: 50%;
+  }
+
+  .xl\:left-1\/2 {
+    left: 50%;
+  }
+
+  .xl\:top-1\/3 {
+    top: 33.333333%;
+  }
+
+  .xl\:right-1\/3 {
+    right: 33.333333%;
+  }
+
+  .xl\:bottom-1\/3 {
+    bottom: 33.333333%;
+  }
+
+  .xl\:left-1\/3 {
+    left: 33.333333%;
+  }
+
+  .xl\:top-2\/3 {
+    top: 66.666667%;
+  }
+
+  .xl\:right-2\/3 {
+    right: 66.666667%;
+  }
+
+  .xl\:bottom-2\/3 {
+    bottom: 66.666667%;
+  }
+
+  .xl\:left-2\/3 {
+    left: 66.666667%;
+  }
+
+  .xl\:top-1\/4 {
+    top: 25%;
+  }
+
+  .xl\:right-1\/4 {
+    right: 25%;
+  }
+
+  .xl\:bottom-1\/4 {
+    bottom: 25%;
+  }
+
+  .xl\:left-1\/4 {
+    left: 25%;
+  }
+
+  .xl\:top-2\/4 {
+    top: 50%;
+  }
+
+  .xl\:right-2\/4 {
+    right: 50%;
+  }
+
+  .xl\:bottom-2\/4 {
+    bottom: 50%;
+  }
+
+  .xl\:left-2\/4 {
+    left: 50%;
+  }
+
+  .xl\:top-3\/4 {
+    top: 75%;
+  }
+
+  .xl\:right-3\/4 {
+    right: 75%;
+  }
+
+  .xl\:bottom-3\/4 {
+    bottom: 75%;
+  }
+
+  .xl\:left-3\/4 {
+    left: 75%;
+  }
+
+  .xl\:top-1\/5 {
+    top: 20%;
+  }
+
+  .xl\:right-1\/5 {
+    right: 20%;
+  }
+
+  .xl\:bottom-1\/5 {
+    bottom: 20%;
+  }
+
+  .xl\:left-1\/5 {
+    left: 20%;
+  }
+
+  .xl\:top-2\/5 {
+    top: 40%;
+  }
+
+  .xl\:right-2\/5 {
+    right: 40%;
+  }
+
+  .xl\:bottom-2\/5 {
+    bottom: 40%;
+  }
+
+  .xl\:left-2\/5 {
+    left: 40%;
+  }
+
+  .xl\:top-3\/5 {
+    top: 60%;
+  }
+
+  .xl\:right-3\/5 {
+    right: 60%;
+  }
+
+  .xl\:bottom-3\/5 {
+    bottom: 60%;
+  }
+
+  .xl\:left-3\/5 {
+    left: 60%;
+  }
+
+  .xl\:top-4\/5 {
+    top: 80%;
+  }
+
+  .xl\:right-4\/5 {
+    right: 80%;
+  }
+
+  .xl\:bottom-4\/5 {
+    bottom: 80%;
+  }
+
+  .xl\:left-4\/5 {
+    left: 80%;
+  }
+
+  .xl\:top-1\/6 {
+    top: 16.666667%;
+  }
+
+  .xl\:right-1\/6 {
+    right: 16.666667%;
+  }
+
+  .xl\:bottom-1\/6 {
+    bottom: 16.666667%;
+  }
+
+  .xl\:left-1\/6 {
+    left: 16.666667%;
+  }
+
+  .xl\:top-2\/6 {
+    top: 33.333333%;
+  }
+
+  .xl\:right-2\/6 {
+    right: 33.333333%;
+  }
+
+  .xl\:bottom-2\/6 {
+    bottom: 33.333333%;
+  }
+
+  .xl\:left-2\/6 {
+    left: 33.333333%;
+  }
+
+  .xl\:top-3\/6 {
+    top: 50%;
+  }
+
+  .xl\:right-3\/6 {
+    right: 50%;
+  }
+
+  .xl\:bottom-3\/6 {
+    bottom: 50%;
+  }
+
+  .xl\:left-3\/6 {
+    left: 50%;
+  }
+
+  .xl\:top-4\/6 {
+    top: 66.666667%;
+  }
+
+  .xl\:right-4\/6 {
+    right: 66.666667%;
+  }
+
+  .xl\:bottom-4\/6 {
+    bottom: 66.666667%;
+  }
+
+  .xl\:left-4\/6 {
+    left: 66.666667%;
+  }
+
+  .xl\:top-5\/6 {
+    top: 83.333333%;
+  }
+
+  .xl\:right-5\/6 {
+    right: 83.333333%;
+  }
+
+  .xl\:bottom-5\/6 {
+    bottom: 83.333333%;
+  }
+
+  .xl\:left-5\/6 {
+    left: 83.333333%;
+  }
+
+  .xl\:top-1\/12 {
+    top: 8.333333%;
+  }
+
+  .xl\:right-1\/12 {
+    right: 8.333333%;
+  }
+
+  .xl\:bottom-1\/12 {
+    bottom: 8.333333%;
+  }
+
+  .xl\:left-1\/12 {
+    left: 8.333333%;
+  }
+
+  .xl\:top-2\/12 {
+    top: 16.666667%;
+  }
+
+  .xl\:right-2\/12 {
+    right: 16.666667%;
+  }
+
+  .xl\:bottom-2\/12 {
+    bottom: 16.666667%;
+  }
+
+  .xl\:left-2\/12 {
+    left: 16.666667%;
+  }
+
+  .xl\:top-3\/12 {
+    top: 25%;
+  }
+
+  .xl\:right-3\/12 {
+    right: 25%;
+  }
+
+  .xl\:bottom-3\/12 {
+    bottom: 25%;
+  }
+
+  .xl\:left-3\/12 {
+    left: 25%;
+  }
+
+  .xl\:top-4\/12 {
+    top: 33.333333%;
+  }
+
+  .xl\:right-4\/12 {
+    right: 33.333333%;
+  }
+
+  .xl\:bottom-4\/12 {
+    bottom: 33.333333%;
+  }
+
+  .xl\:left-4\/12 {
+    left: 33.333333%;
+  }
+
+  .xl\:top-5\/12 {
+    top: 41.666667%;
+  }
+
+  .xl\:right-5\/12 {
+    right: 41.666667%;
+  }
+
+  .xl\:bottom-5\/12 {
+    bottom: 41.666667%;
+  }
+
+  .xl\:left-5\/12 {
+    left: 41.666667%;
+  }
+
+  .xl\:top-6\/12 {
+    top: 50%;
+  }
+
+  .xl\:right-6\/12 {
+    right: 50%;
+  }
+
+  .xl\:bottom-6\/12 {
+    bottom: 50%;
+  }
+
+  .xl\:left-6\/12 {
+    left: 50%;
+  }
+
+  .xl\:top-7\/12 {
+    top: 58.333333%;
+  }
+
+  .xl\:right-7\/12 {
+    right: 58.333333%;
+  }
+
+  .xl\:bottom-7\/12 {
+    bottom: 58.333333%;
+  }
+
+  .xl\:left-7\/12 {
+    left: 58.333333%;
+  }
+
+  .xl\:top-8\/12 {
+    top: 66.666667%;
+  }
+
+  .xl\:right-8\/12 {
+    right: 66.666667%;
+  }
+
+  .xl\:bottom-8\/12 {
+    bottom: 66.666667%;
+  }
+
+  .xl\:left-8\/12 {
+    left: 66.666667%;
+  }
+
+  .xl\:top-9\/12 {
+    top: 75%;
+  }
+
+  .xl\:right-9\/12 {
+    right: 75%;
+  }
+
+  .xl\:bottom-9\/12 {
+    bottom: 75%;
+  }
+
+  .xl\:left-9\/12 {
+    left: 75%;
+  }
+
+  .xl\:top-10\/12 {
+    top: 83.333333%;
+  }
+
+  .xl\:right-10\/12 {
+    right: 83.333333%;
+  }
+
+  .xl\:bottom-10\/12 {
+    bottom: 83.333333%;
+  }
+
+  .xl\:left-10\/12 {
+    left: 83.333333%;
+  }
+
+  .xl\:top-11\/12 {
+    top: 91.666667%;
+  }
+
+  .xl\:right-11\/12 {
+    right: 91.666667%;
+  }
+
+  .xl\:bottom-11\/12 {
+    bottom: 91.666667%;
+  }
+
+  .xl\:left-11\/12 {
+    left: 91.666667%;
+  }
+
+  .xl\:top-full {
+    top: 100%;
+  }
+
+  .xl\:right-full {
+    right: 100%;
+  }
+
+  .xl\:bottom-full {
+    bottom: 100%;
+  }
+
+  .xl\:left-full {
+    left: 100%;
+  }
+
+  .xl\:resize-none {
+    resize: none;
+  }
+
+  .xl\:resize-y {
+    resize: vertical;
+  }
+
+  .xl\:resize-x {
+    resize: horizontal;
+  }
+
+  .xl\:resize {
+    resize: both;
+  }
+
+  .xl\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .xl\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .xl\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .xl\:shadow-none {
+    box-shadow: none;
+  }
+
+  .xl\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .xl\:shadow-outline-gray {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .xl\:shadow-outline-blue {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .xl\:shadow-outline-teal {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .xl\:shadow-outline-green {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .xl\:shadow-outline-yellow {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .xl\:shadow-outline-orange {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .xl\:shadow-outline-red {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .xl\:shadow-outline-pink {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .xl\:shadow-outline-purple {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .xl\:shadow-outline-indigo {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .xl\:group-focus\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-none {
+    box-shadow: none;
+  }
+
+  .group:focus .xl\:group-focus\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-gray {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-blue {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-teal {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-green {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-yellow {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-orange {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-red {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-pink {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-purple {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-indigo {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .xl\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:hover\:shadow:hover {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:hover\:shadow-md:hover {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:hover\:shadow-lg:hover {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:hover\:shadow-xl:hover {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .xl\:hover\:shadow-2xl:hover {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .xl\:hover\:shadow-inner:hover {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:hover\:shadow-outline:hover {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .xl\:hover\:shadow-none:hover {
+    box-shadow: none;
+  }
+
+  .xl\:hover\:shadow-solid:hover {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .xl\:hover\:shadow-outline-gray:hover {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .xl\:hover\:shadow-outline-blue:hover {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .xl\:hover\:shadow-outline-teal:hover {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .xl\:hover\:shadow-outline-green:hover {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .xl\:hover\:shadow-outline-yellow:hover {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .xl\:hover\:shadow-outline-orange:hover {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .xl\:hover\:shadow-outline-red:hover {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .xl\:hover\:shadow-outline-pink:hover {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .xl\:hover\:shadow-outline-purple:hover {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .xl\:hover\:shadow-outline-indigo:hover {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .xl\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .xl\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .xl\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .xl\:focus-within\:shadow-none:focus-within {
+    box-shadow: none;
+  }
+
+  .xl\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .xl\:focus-within\:shadow-outline-gray:focus-within {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .xl\:focus-within\:shadow-outline-blue:focus-within {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .xl\:focus-within\:shadow-outline-teal:focus-within {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .xl\:focus-within\:shadow-outline-green:focus-within {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .xl\:focus-within\:shadow-outline-yellow:focus-within {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .xl\:focus-within\:shadow-outline-orange:focus-within {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .xl\:focus-within\:shadow-outline-red:focus-within {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .xl\:focus-within\:shadow-outline-pink:focus-within {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .xl\:focus-within\:shadow-outline-purple:focus-within {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .xl\:focus-within\:shadow-outline-indigo:focus-within {
+    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-current {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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));
+  }
+
+  .xl\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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));
+  }
+
+  .group:hover .xl\:group-hover\:text-current {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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:hover .xl\:group-hover\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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:focus .xl\:group-focus\:text-current {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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));
+  }
+
+  .group:focus .xl\:group-focus\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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));
+  }
+
+  .xl\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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\:hover\:text-cool-gray-50:hover {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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-within\:text-cool-gray-50:focus-within {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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\:text-current:focus {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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\:focus\:text-cool-gray-50:focus {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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\:active\:text-current:active {
+    color: currentColor;
+  }
+
+  .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-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: #73230d;
+    color: rgba(115, 35, 13, 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\:active\:text-cool-gray-50:active {
+    --text-opacity: 1;
+    color: #f8fafc;
+    color: rgba(248, 250, 252, 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\: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\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions {
+    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
+    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
+  }
+
+  .xl\:normal-nums {
+    font-variant-numeric: normal;
+  }
+
+  .xl\:ordinal {
+    --font-variant-numeric-ordinal: ordinal;
+  }
+
+  .xl\:slashed-zero {
+    --font-variant-numeric-slashed-zero: slashed-zero;
+  }
+
+  .xl\:lining-nums {
+    --font-variant-numeric-figure: lining-nums;
+  }
+
+  .xl\:oldstyle-nums {
+    --font-variant-numeric-figure: oldstyle-nums;
+  }
+
+  .xl\:proportional-nums {
+    --font-variant-numeric-spacing: proportional-nums;
+  }
+
+  .xl\:tabular-nums {
+    --font-variant-numeric-spacing: tabular-nums;
+  }
+
+  .xl\:diagonal-fractions {
+    --font-variant-numeric-fraction: diagonal-fractions;
+  }
+
+  .xl\:stacked-fractions {
+    --font-variant-numeric-fraction: stacked-fractions;
+  }
+
+  .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 {
+    word-wrap: normal;
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+
+  .xl\:break-words {
+    word-wrap: break-word;
+    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-44 {
+    width: 11rem;
+  }
+
+  .xl\:w-48 {
+    width: 12rem;
+  }
+
+  .xl\:w-52 {
+    width: 13rem;
+  }
+
+  .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\:w-min-content {
+    width: -webkit-min-content;
+    width: -moz-min-content;
+    width: min-content;
+  }
+
+  .xl\:w-max-content {
+    width: -webkit-max-content;
+    width: -moz-max-content;
+    width: max-content;
+  }
+
+  .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-44 {
+    grid-gap: 11rem;
+    gap: 11rem;
+  }
+
+  .xl\:gap-48 {
+    grid-gap: 12rem;
+    gap: 12rem;
+  }
+
+  .xl\:gap-52 {
+    grid-gap: 13rem;
+    gap: 13rem;
+  }
+
+  .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-44 {
+    grid-column-gap: 11rem;
+    -moz-column-gap: 11rem;
+         column-gap: 11rem;
+  }
+
+  .xl\:col-gap-48 {
+    grid-column-gap: 12rem;
+    -moz-column-gap: 12rem;
+         column-gap: 12rem;
+  }
+
+  .xl\:col-gap-52 {
+    grid-column-gap: 13rem;
+    -moz-column-gap: 13rem;
+         column-gap: 13rem;
+  }
+
+  .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\:gap-x-0 {
+    grid-column-gap: 0;
+    -moz-column-gap: 0;
+         column-gap: 0;
+  }
+
+  .xl\:gap-x-1 {
+    grid-column-gap: 0.25rem;
+    -moz-column-gap: 0.25rem;
+         column-gap: 0.25rem;
+  }
+
+  .xl\:gap-x-2 {
+    grid-column-gap: 0.5rem;
+    -moz-column-gap: 0.5rem;
+         column-gap: 0.5rem;
+  }
+
+  .xl\:gap-x-3 {
+    grid-column-gap: 0.75rem;
+    -moz-column-gap: 0.75rem;
+         column-gap: 0.75rem;
+  }
+
+  .xl\:gap-x-4 {
+    grid-column-gap: 1rem;
+    -moz-column-gap: 1rem;
+         column-gap: 1rem;
+  }
+
+  .xl\:gap-x-5 {
+    grid-column-gap: 1.25rem;
+    -moz-column-gap: 1.25rem;
+         column-gap: 1.25rem;
+  }
+
+  .xl\:gap-x-6 {
+    grid-column-gap: 1.5rem;
+    -moz-column-gap: 1.5rem;
+         column-gap: 1.5rem;
+  }
+
+  .xl\:gap-x-7 {
+    grid-column-gap: 1.75rem;
+    -moz-column-gap: 1.75rem;
+         column-gap: 1.75rem;
+  }
+
+  .xl\:gap-x-8 {
+    grid-column-gap: 2rem;
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
+  }
+
+  .xl\:gap-x-9 {
+    grid-column-gap: 2.25rem;
+    -moz-column-gap: 2.25rem;
+         column-gap: 2.25rem;
+  }
+
+  .xl\:gap-x-10 {
+    grid-column-gap: 2.5rem;
+    -moz-column-gap: 2.5rem;
+         column-gap: 2.5rem;
+  }
+
+  .xl\:gap-x-11 {
+    grid-column-gap: 2.75rem;
+    -moz-column-gap: 2.75rem;
+         column-gap: 2.75rem;
+  }
+
+  .xl\:gap-x-12 {
+    grid-column-gap: 3rem;
+    -moz-column-gap: 3rem;
+         column-gap: 3rem;
+  }
+
+  .xl\:gap-x-13 {
+    grid-column-gap: 3.25rem;
+    -moz-column-gap: 3.25rem;
+         column-gap: 3.25rem;
+  }
+
+  .xl\:gap-x-14 {
+    grid-column-gap: 3.5rem;
+    -moz-column-gap: 3.5rem;
+         column-gap: 3.5rem;
+  }
+
+  .xl\:gap-x-15 {
+    grid-column-gap: 3.75rem;
+    -moz-column-gap: 3.75rem;
+         column-gap: 3.75rem;
+  }
+
+  .xl\:gap-x-16 {
+    grid-column-gap: 4rem;
+    -moz-column-gap: 4rem;
+         column-gap: 4rem;
+  }
+
+  .xl\:gap-x-20 {
+    grid-column-gap: 5rem;
+    -moz-column-gap: 5rem;
+         column-gap: 5rem;
+  }
+
+  .xl\:gap-x-24 {
+    grid-column-gap: 6rem;
+    -moz-column-gap: 6rem;
+         column-gap: 6rem;
+  }
+
+  .xl\:gap-x-28 {
+    grid-column-gap: 7rem;
+    -moz-column-gap: 7rem;
+         column-gap: 7rem;
+  }
+
+  .xl\:gap-x-32 {
+    grid-column-gap: 8rem;
+    -moz-column-gap: 8rem;
+         column-gap: 8rem;
+  }
+
+  .xl\:gap-x-36 {
+    grid-column-gap: 9rem;
+    -moz-column-gap: 9rem;
+         column-gap: 9rem;
+  }
+
+  .xl\:gap-x-40 {
+    grid-column-gap: 10rem;
+    -moz-column-gap: 10rem;
+         column-gap: 10rem;
+  }
+
+  .xl\:gap-x-44 {
+    grid-column-gap: 11rem;
+    -moz-column-gap: 11rem;
+         column-gap: 11rem;
+  }
+
+  .xl\:gap-x-48 {
+    grid-column-gap: 12rem;
+    -moz-column-gap: 12rem;
+         column-gap: 12rem;
+  }
+
+  .xl\:gap-x-52 {
+    grid-column-gap: 13rem;
+    -moz-column-gap: 13rem;
+         column-gap: 13rem;
+  }
+
+  .xl\:gap-x-56 {
+    grid-column-gap: 14rem;
+    -moz-column-gap: 14rem;
+         column-gap: 14rem;
+  }
+
+  .xl\:gap-x-60 {
+    grid-column-gap: 15rem;
+    -moz-column-gap: 15rem;
+         column-gap: 15rem;
+  }
+
+  .xl\:gap-x-64 {
+    grid-column-gap: 16rem;
+    -moz-column-gap: 16rem;
+         column-gap: 16rem;
+  }
+
+  .xl\:gap-x-72 {
+    grid-column-gap: 18rem;
+    -moz-column-gap: 18rem;
+         column-gap: 18rem;
+  }
+
+  .xl\:gap-x-80 {
+    grid-column-gap: 20rem;
+    -moz-column-gap: 20rem;
+         column-gap: 20rem;
+  }
+
+  .xl\:gap-x-96 {
+    grid-column-gap: 24rem;
+    -moz-column-gap: 24rem;
+         column-gap: 24rem;
+  }
+
+  .xl\:gap-x-px {
+    grid-column-gap: 1px;
+    -moz-column-gap: 1px;
+         column-gap: 1px;
+  }
+
+  .xl\:gap-x-0\.5 {
+    grid-column-gap: 0.125rem;
+    -moz-column-gap: 0.125rem;
+         column-gap: 0.125rem;
+  }
+
+  .xl\:gap-x-1\.5 {
+    grid-column-gap: 0.375rem;
+    -moz-column-gap: 0.375rem;
+         column-gap: 0.375rem;
+  }
+
+  .xl\:gap-x-2\.5 {
+    grid-column-gap: 0.625rem;
+    -moz-column-gap: 0.625rem;
+         column-gap: 0.625rem;
+  }
+
+  .xl\:gap-x-3\.5 {
+    grid-column-gap: 0.875rem;
+    -moz-column-gap: 0.875rem;
+         column-gap: 0.875rem;
+  }
+
+  .xl\:gap-x-1\/2 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .xl\:gap-x-1\/3 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .xl\:gap-x-2\/3 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .xl\:gap-x-1\/4 {
+    grid-column-gap: 25%;
+    -moz-column-gap: 25%;
+         column-gap: 25%;
+  }
+
+  .xl\:gap-x-2\/4 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .xl\:gap-x-3\/4 {
+    grid-column-gap: 75%;
+    -moz-column-gap: 75%;
+         column-gap: 75%;
+  }
+
+  .xl\:gap-x-1\/5 {
+    grid-column-gap: 20%;
+    -moz-column-gap: 20%;
+         column-gap: 20%;
+  }
+
+  .xl\:gap-x-2\/5 {
+    grid-column-gap: 40%;
+    -moz-column-gap: 40%;
+         column-gap: 40%;
+  }
+
+  .xl\:gap-x-3\/5 {
+    grid-column-gap: 60%;
+    -moz-column-gap: 60%;
+         column-gap: 60%;
+  }
+
+  .xl\:gap-x-4\/5 {
+    grid-column-gap: 80%;
+    -moz-column-gap: 80%;
+         column-gap: 80%;
+  }
+
+  .xl\:gap-x-1\/6 {
+    grid-column-gap: 16.666667%;
+    -moz-column-gap: 16.666667%;
+         column-gap: 16.666667%;
+  }
+
+  .xl\:gap-x-2\/6 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .xl\:gap-x-3\/6 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .xl\:gap-x-4\/6 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .xl\:gap-x-5\/6 {
+    grid-column-gap: 83.333333%;
+    -moz-column-gap: 83.333333%;
+         column-gap: 83.333333%;
+  }
+
+  .xl\:gap-x-1\/12 {
+    grid-column-gap: 8.333333%;
+    -moz-column-gap: 8.333333%;
+         column-gap: 8.333333%;
+  }
+
+  .xl\:gap-x-2\/12 {
+    grid-column-gap: 16.666667%;
+    -moz-column-gap: 16.666667%;
+         column-gap: 16.666667%;
+  }
+
+  .xl\:gap-x-3\/12 {
+    grid-column-gap: 25%;
+    -moz-column-gap: 25%;
+         column-gap: 25%;
+  }
+
+  .xl\:gap-x-4\/12 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .xl\:gap-x-5\/12 {
+    grid-column-gap: 41.666667%;
+    -moz-column-gap: 41.666667%;
+         column-gap: 41.666667%;
+  }
+
+  .xl\:gap-x-6\/12 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .xl\:gap-x-7\/12 {
+    grid-column-gap: 58.333333%;
+    -moz-column-gap: 58.333333%;
+         column-gap: 58.333333%;
+  }
+
+  .xl\:gap-x-8\/12 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .xl\:gap-x-9\/12 {
+    grid-column-gap: 75%;
+    -moz-column-gap: 75%;
+         column-gap: 75%;
+  }
+
+  .xl\:gap-x-10\/12 {
+    grid-column-gap: 83.333333%;
+    -moz-column-gap: 83.333333%;
+         column-gap: 83.333333%;
+  }
+
+  .xl\:gap-x-11\/12 {
+    grid-column-gap: 91.666667%;
+    -moz-column-gap: 91.666667%;
+         column-gap: 91.666667%;
+  }
+
+  .xl\:gap-x-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-44 {
+    grid-row-gap: 11rem;
+    row-gap: 11rem;
+  }
+
+  .xl\:row-gap-48 {
+    grid-row-gap: 12rem;
+    row-gap: 12rem;
+  }
+
+  .xl\:row-gap-52 {
+    grid-row-gap: 13rem;
+    row-gap: 13rem;
+  }
+
+  .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\:gap-y-0 {
+    grid-row-gap: 0;
+    row-gap: 0;
+  }
+
+  .xl\:gap-y-1 {
+    grid-row-gap: 0.25rem;
+    row-gap: 0.25rem;
+  }
+
+  .xl\:gap-y-2 {
+    grid-row-gap: 0.5rem;
+    row-gap: 0.5rem;
+  }
+
+  .xl\:gap-y-3 {
+    grid-row-gap: 0.75rem;
+    row-gap: 0.75rem;
+  }
+
+  .xl\:gap-y-4 {
+    grid-row-gap: 1rem;
+    row-gap: 1rem;
+  }
+
+  .xl\:gap-y-5 {
+    grid-row-gap: 1.25rem;
+    row-gap: 1.25rem;
+  }
+
+  .xl\:gap-y-6 {
+    grid-row-gap: 1.5rem;
+    row-gap: 1.5rem;
+  }
+
+  .xl\:gap-y-7 {
+    grid-row-gap: 1.75rem;
+    row-gap: 1.75rem;
+  }
+
+  .xl\:gap-y-8 {
+    grid-row-gap: 2rem;
+    row-gap: 2rem;
+  }
+
+  .xl\:gap-y-9 {
+    grid-row-gap: 2.25rem;
+    row-gap: 2.25rem;
+  }
+
+  .xl\:gap-y-10 {
+    grid-row-gap: 2.5rem;
+    row-gap: 2.5rem;
+  }
+
+  .xl\:gap-y-11 {
+    grid-row-gap: 2.75rem;
+    row-gap: 2.75rem;
+  }
+
+  .xl\:gap-y-12 {
+    grid-row-gap: 3rem;
+    row-gap: 3rem;
+  }
+
+  .xl\:gap-y-13 {
+    grid-row-gap: 3.25rem;
+    row-gap: 3.25rem;
+  }
+
+  .xl\:gap-y-14 {
+    grid-row-gap: 3.5rem;
+    row-gap: 3.5rem;
+  }
+
+  .xl\:gap-y-15 {
+    grid-row-gap: 3.75rem;
+    row-gap: 3.75rem;
+  }
+
+  .xl\:gap-y-16 {
+    grid-row-gap: 4rem;
+    row-gap: 4rem;
+  }
+
+  .xl\:gap-y-20 {
+    grid-row-gap: 5rem;
+    row-gap: 5rem;
+  }
+
+  .xl\:gap-y-24 {
+    grid-row-gap: 6rem;
+    row-gap: 6rem;
+  }
+
+  .xl\:gap-y-28 {
+    grid-row-gap: 7rem;
+    row-gap: 7rem;
+  }
+
+  .xl\:gap-y-32 {
+    grid-row-gap: 8rem;
+    row-gap: 8rem;
+  }
+
+  .xl\:gap-y-36 {
+    grid-row-gap: 9rem;
+    row-gap: 9rem;
+  }
+
+  .xl\:gap-y-40 {
+    grid-row-gap: 10rem;
+    row-gap: 10rem;
+  }
+
+  .xl\:gap-y-44 {
+    grid-row-gap: 11rem;
+    row-gap: 11rem;
+  }
+
+  .xl\:gap-y-48 {
+    grid-row-gap: 12rem;
+    row-gap: 12rem;
+  }
+
+  .xl\:gap-y-52 {
+    grid-row-gap: 13rem;
+    row-gap: 13rem;
+  }
+
+  .xl\:gap-y-56 {
+    grid-row-gap: 14rem;
+    row-gap: 14rem;
+  }
+
+  .xl\:gap-y-60 {
+    grid-row-gap: 15rem;
+    row-gap: 15rem;
+  }
+
+  .xl\:gap-y-64 {
+    grid-row-gap: 16rem;
+    row-gap: 16rem;
+  }
+
+  .xl\:gap-y-72 {
+    grid-row-gap: 18rem;
+    row-gap: 18rem;
+  }
+
+  .xl\:gap-y-80 {
+    grid-row-gap: 20rem;
+    row-gap: 20rem;
+  }
+
+  .xl\:gap-y-96 {
+    grid-row-gap: 24rem;
+    row-gap: 24rem;
+  }
+
+  .xl\:gap-y-px {
+    grid-row-gap: 1px;
+    row-gap: 1px;
+  }
+
+  .xl\:gap-y-0\.5 {
+    grid-row-gap: 0.125rem;
+    row-gap: 0.125rem;
+  }
+
+  .xl\:gap-y-1\.5 {
+    grid-row-gap: 0.375rem;
+    row-gap: 0.375rem;
+  }
+
+  .xl\:gap-y-2\.5 {
+    grid-row-gap: 0.625rem;
+    row-gap: 0.625rem;
+  }
+
+  .xl\:gap-y-3\.5 {
+    grid-row-gap: 0.875rem;
+    row-gap: 0.875rem;
+  }
+
+  .xl\:gap-y-1\/2 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .xl\:gap-y-1\/3 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .xl\:gap-y-2\/3 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .xl\:gap-y-1\/4 {
+    grid-row-gap: 25%;
+    row-gap: 25%;
+  }
+
+  .xl\:gap-y-2\/4 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .xl\:gap-y-3\/4 {
+    grid-row-gap: 75%;
+    row-gap: 75%;
+  }
+
+  .xl\:gap-y-1\/5 {
+    grid-row-gap: 20%;
+    row-gap: 20%;
+  }
+
+  .xl\:gap-y-2\/5 {
+    grid-row-gap: 40%;
+    row-gap: 40%;
+  }
+
+  .xl\:gap-y-3\/5 {
+    grid-row-gap: 60%;
+    row-gap: 60%;
+  }
+
+  .xl\:gap-y-4\/5 {
+    grid-row-gap: 80%;
+    row-gap: 80%;
+  }
+
+  .xl\:gap-y-1\/6 {
+    grid-row-gap: 16.666667%;
+    row-gap: 16.666667%;
+  }
+
+  .xl\:gap-y-2\/6 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .xl\:gap-y-3\/6 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .xl\:gap-y-4\/6 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .xl\:gap-y-5\/6 {
+    grid-row-gap: 83.333333%;
+    row-gap: 83.333333%;
+  }
+
+  .xl\:gap-y-1\/12 {
+    grid-row-gap: 8.333333%;
+    row-gap: 8.333333%;
+  }
+
+  .xl\:gap-y-2\/12 {
+    grid-row-gap: 16.666667%;
+    row-gap: 16.666667%;
+  }
+
+  .xl\:gap-y-3\/12 {
+    grid-row-gap: 25%;
+    row-gap: 25%;
+  }
+
+  .xl\:gap-y-4\/12 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .xl\:gap-y-5\/12 {
+    grid-row-gap: 41.666667%;
+    row-gap: 41.666667%;
+  }
+
+  .xl\:gap-y-6\/12 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .xl\:gap-y-7\/12 {
+    grid-row-gap: 58.333333%;
+    row-gap: 58.333333%;
+  }
+
+  .xl\:gap-y-8\/12 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .xl\:gap-y-9\/12 {
+    grid-row-gap: 75%;
+    row-gap: 75%;
+  }
+
+  .xl\:gap-y-10\/12 {
+    grid-row-gap: 83.333333%;
+    row-gap: 83.333333%;
+  }
+
+  .xl\:gap-y-11\/12 {
+    grid-row-gap: 91.666667%;
+    row-gap: 91.666667%;
+  }
+
+  .xl\:gap-y-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\:auto-cols-auto {
+    grid-auto-columns: auto;
+  }
+
+  .xl\:auto-cols-min {
+    grid-auto-columns: -webkit-min-content;
+    grid-auto-columns: min-content;
+  }
+
+  .xl\:auto-cols-max {
+    grid-auto-columns: -webkit-max-content;
+    grid-auto-columns: max-content;
+  }
+
+  .xl\:auto-cols-fr {
+    grid-auto-columns: minmax(0, 1fr);
+  }
+
+  .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-span-full {
+    grid-column: 1 / -1;
+  }
+
+  .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\:auto-rows-auto {
+    grid-auto-rows: auto;
+  }
+
+  .xl\:auto-rows-min {
+    grid-auto-rows: -webkit-min-content;
+    grid-auto-rows: min-content;
+  }
+
+  .xl\:auto-rows-max {
+    grid-auto-rows: -webkit-max-content;
+    grid-auto-rows: max-content;
+  }
+
+  .xl\:auto-rows-fr {
+    grid-auto-rows: minmax(0, 1fr);
+  }
+
+  .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-span-full {
+    grid-row: 1 / -1;
+  }
+
+  .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-1 {
+    --transform-rotate: 1deg;
+  }
+
+  .xl\:rotate-2 {
+    --transform-rotate: 2deg;
+  }
+
+  .xl\:rotate-3 {
+    --transform-rotate: 3deg;
+  }
+
+  .xl\:rotate-6 {
+    --transform-rotate: 6deg;
+  }
+
+  .xl\:rotate-12 {
+    --transform-rotate: 12deg;
+  }
+
+  .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\:-rotate-12 {
+    --transform-rotate: -12deg;
+  }
+
+  .xl\:-rotate-6 {
+    --transform-rotate: -6deg;
+  }
+
+  .xl\:-rotate-3 {
+    --transform-rotate: -3deg;
+  }
+
+  .xl\:-rotate-2 {
+    --transform-rotate: -2deg;
+  }
+
+  .xl\:-rotate-1 {
+    --transform-rotate: -1deg;
+  }
+
+  .xl\:hover\:rotate-0:hover {
+    --transform-rotate: 0;
+  }
+
+  .xl\:hover\:rotate-1:hover {
+    --transform-rotate: 1deg;
+  }
+
+  .xl\:hover\:rotate-2:hover {
+    --transform-rotate: 2deg;
+  }
+
+  .xl\:hover\:rotate-3:hover {
+    --transform-rotate: 3deg;
+  }
+
+  .xl\:hover\:rotate-6:hover {
+    --transform-rotate: 6deg;
+  }
+
+  .xl\:hover\:rotate-12:hover {
+    --transform-rotate: 12deg;
+  }
+
+  .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\:hover\:-rotate-12:hover {
+    --transform-rotate: -12deg;
+  }
+
+  .xl\:hover\:-rotate-6:hover {
+    --transform-rotate: -6deg;
+  }
+
+  .xl\:hover\:-rotate-3:hover {
+    --transform-rotate: -3deg;
+  }
+
+  .xl\:hover\:-rotate-2:hover {
+    --transform-rotate: -2deg;
+  }
+
+  .xl\:hover\:-rotate-1:hover {
+    --transform-rotate: -1deg;
+  }
+
+  .xl\:focus\:rotate-0:focus {
+    --transform-rotate: 0;
+  }
+
+  .xl\:focus\:rotate-1:focus {
+    --transform-rotate: 1deg;
+  }
+
+  .xl\:focus\:rotate-2:focus {
+    --transform-rotate: 2deg;
+  }
+
+  .xl\:focus\:rotate-3:focus {
+    --transform-rotate: 3deg;
+  }
+
+  .xl\:focus\:rotate-6:focus {
+    --transform-rotate: 6deg;
+  }
+
+  .xl\:focus\:rotate-12:focus {
+    --transform-rotate: 12deg;
+  }
+
+  .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\:focus\:-rotate-12:focus {
+    --transform-rotate: -12deg;
+  }
+
+  .xl\:focus\:-rotate-6:focus {
+    --transform-rotate: -6deg;
+  }
+
+  .xl\:focus\:-rotate-3:focus {
+    --transform-rotate: -3deg;
+  }
+
+  .xl\:focus\:-rotate-2:focus {
+    --transform-rotate: -2deg;
+  }
+
+  .xl\:focus\:-rotate-1:focus {
+    --transform-rotate: -1deg;
+  }
+
+  .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-44 {
+    --transform-translate-x: 11rem;
+  }
+
+  .xl\:translate-x-48 {
+    --transform-translate-x: 12rem;
+  }
+
+  .xl\:translate-x-52 {
+    --transform-translate-x: 13rem;
+  }
+
+  .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-44 {
+    --transform-translate-x: -11rem;
+  }
+
+  .xl\:-translate-x-48 {
+    --transform-translate-x: -12rem;
+  }
+
+  .xl\:-translate-x-52 {
+    --transform-translate-x: -13rem;
+  }
+
+  .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-44 {
+    --transform-translate-y: 11rem;
+  }
+
+  .xl\:translate-y-48 {
+    --transform-translate-y: 12rem;
+  }
+
+  .xl\:translate-y-52 {
+    --transform-translate-y: 13rem;
+  }
+
+  .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-44 {
+    --transform-translate-y: -11rem;
+  }
+
+  .xl\:-translate-y-48 {
+    --transform-translate-y: -12rem;
+  }
+
+  .xl\:-translate-y-52 {
+    --transform-translate-y: -13rem;
+  }
+
+  .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-44:hover {
+    --transform-translate-x: 11rem;
+  }
+
+  .xl\:hover\:translate-x-48:hover {
+    --transform-translate-x: 12rem;
+  }
+
+  .xl\:hover\:translate-x-52:hover {
+    --transform-translate-x: 13rem;
+  }
+
+  .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-44:hover {
+    --transform-translate-x: -11rem;
+  }
+
+  .xl\:hover\:-translate-x-48:hover {
+    --transform-translate-x: -12rem;
+  }
+
+  .xl\:hover\:-translate-x-52:hover {
+    --transform-translate-x: -13rem;
+  }
+
+  .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-44:hover {
+    --transform-translate-y: 11rem;
+  }
+
+  .xl\:hover\:translate-y-48:hover {
+    --transform-translate-y: 12rem;
+  }
+
+  .xl\:hover\:translate-y-52:hover {
+    --transform-translate-y: 13rem;
+  }
+
+  .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-44:hover {
+    --transform-translate-y: -11rem;
+  }
+
+  .xl\:hover\:-translate-y-48:hover {
+    --transform-translate-y: -12rem;
+  }
+
+  .xl\:hover\:-translate-y-52:hover {
+    --transform-translate-y: -13rem;
+  }
+
+  .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-44:focus {
+    --transform-translate-x: 11rem;
+  }
+
+  .xl\:focus\:translate-x-48:focus {
+    --transform-translate-x: 12rem;
+  }
+
+  .xl\:focus\:translate-x-52:focus {
+    --transform-translate-x: 13rem;
+  }
+
+  .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-44:focus {
+    --transform-translate-x: -11rem;
+  }
+
+  .xl\:focus\:-translate-x-48:focus {
+    --transform-translate-x: -12rem;
+  }
+
+  .xl\:focus\:-translate-x-52:focus {
+    --transform-translate-x: -13rem;
+  }
+
+  .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-44:focus {
+    --transform-translate-y: 11rem;
+  }
+
+  .xl\:focus\:translate-y-48:focus {
+    --transform-translate-y: 12rem;
+  }
+
+  .xl\:focus\:translate-y-52:focus {
+    --transform-translate-y: 13rem;
+  }
+
+  .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-44:focus {
+    --transform-translate-y: -11rem;
+  }
+
+  .xl\:focus\:-translate-y-48:focus {
+    --transform-translate-y: -12rem;
+  }
+
+  .xl\:focus\:-translate-y-52:focus {
+    --transform-translate-y: -13rem;
+  }
+
+  .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-1 {
+    --transform-skew-x: 1deg;
+  }
+
+  .xl\:skew-x-2 {
+    --transform-skew-x: 2deg;
+  }
+
+  .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-x-2 {
+    --transform-skew-x: -2deg;
+  }
+
+  .xl\:-skew-x-1 {
+    --transform-skew-x: -1deg;
+  }
+
+  .xl\:skew-y-0 {
+    --transform-skew-y: 0;
+  }
+
+  .xl\:skew-y-1 {
+    --transform-skew-y: 1deg;
+  }
+
+  .xl\:skew-y-2 {
+    --transform-skew-y: 2deg;
+  }
+
+  .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\:-skew-y-2 {
+    --transform-skew-y: -2deg;
+  }
+
+  .xl\:-skew-y-1 {
+    --transform-skew-y: -1deg;
+  }
+
+  .xl\:hover\:skew-x-0:hover {
+    --transform-skew-x: 0;
+  }
+
+  .xl\:hover\:skew-x-1:hover {
+    --transform-skew-x: 1deg;
+  }
+
+  .xl\:hover\:skew-x-2:hover {
+    --transform-skew-x: 2deg;
+  }
+
+  .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-x-2:hover {
+    --transform-skew-x: -2deg;
+  }
+
+  .xl\:hover\:-skew-x-1:hover {
+    --transform-skew-x: -1deg;
+  }
+
+  .xl\:hover\:skew-y-0:hover {
+    --transform-skew-y: 0;
+  }
+
+  .xl\:hover\:skew-y-1:hover {
+    --transform-skew-y: 1deg;
+  }
+
+  .xl\:hover\:skew-y-2:hover {
+    --transform-skew-y: 2deg;
+  }
+
+  .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\:hover\:-skew-y-2:hover {
+    --transform-skew-y: -2deg;
+  }
+
+  .xl\:hover\:-skew-y-1:hover {
+    --transform-skew-y: -1deg;
+  }
+
+  .xl\:focus\:skew-x-0:focus {
+    --transform-skew-x: 0;
+  }
+
+  .xl\:focus\:skew-x-1:focus {
+    --transform-skew-x: 1deg;
+  }
+
+  .xl\:focus\:skew-x-2:focus {
+    --transform-skew-x: 2deg;
+  }
+
+  .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-x-2:focus {
+    --transform-skew-x: -2deg;
+  }
+
+  .xl\:focus\:-skew-x-1:focus {
+    --transform-skew-x: -1deg;
+  }
+
+  .xl\:focus\:skew-y-0:focus {
+    --transform-skew-y: 0;
+  }
+
+  .xl\:focus\:skew-y-1:focus {
+    --transform-skew-y: 1deg;
+  }
+
+  .xl\:focus\:skew-y-2:focus {
+    --transform-skew-y: 2deg;
+  }
+
+  .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\:focus\:-skew-y-2:focus {
+    --transform-skew-y: -2deg;
+  }
+
+  .xl\:focus\:-skew-y-1:focus {
+    --transform-skew-y: -1deg;
+  }
+
+  .xl\:transition-none {
+    transition-property: none;
+  }
+
+  .xl\:transition-all {
+    transition-property: all;
+  }
+
+  .xl\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+  }
+
+  .xl\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
+  }
+
+  .xl\:transition-opacity {
+    transition-property: opacity;
+  }
+
+  .xl\:transition-shadow {
+    transition-property: box-shadow;
+  }
+
+  .xl\:transition-transform {
+    transition-property: transform;
+  }
+
+  .xl\:ease-linear {
+    transition-timing-function: linear;
+  }
+
+  .xl\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+
+  .xl\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .xl\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .xl\:duration-75 {
+    transition-duration: 75ms;
+  }
+
+  .xl\:duration-100 {
+    transition-duration: 100ms;
+  }
+
+  .xl\:duration-150 {
+    transition-duration: 150ms;
+  }
+
+  .xl\:duration-200 {
+    transition-duration: 200ms;
+  }
+
+  .xl\:duration-300 {
+    transition-duration: 300ms;
+  }
+
+  .xl\:duration-500 {
+    transition-duration: 500ms;
+  }
+
+  .xl\:duration-700 {
+    transition-duration: 700ms;
+  }
+
+  .xl\:duration-1000 {
+    transition-duration: 1000ms;
+  }
+
+  .xl\:delay-75 {
+    transition-delay: 75ms;
+  }
+
+  .xl\:delay-100 {
+    transition-delay: 100ms;
+  }
+
+  .xl\:delay-150 {
+    transition-delay: 150ms;
+  }
+
+  .xl\:delay-200 {
+    transition-delay: 200ms;
+  }
+
+  .xl\:delay-300 {
+    transition-delay: 300ms;
+  }
+
+  .xl\:delay-500 {
+    transition-delay: 500ms;
+  }
+
+  .xl\:delay-700 {
+    transition-delay: 700ms;
+  }
+
+  .xl\:delay-1000 {
+    transition-delay: 1000ms;
+  }
+
+  .xl\:animate-none {
+    -webkit-animation: none;
+            animation: none;
+  }
+
+  .xl\:animate-spin {
+    -webkit-animation: spin 1s linear infinite;
+            animation: spin 1s linear infinite;
+  }
+
+  .xl\:animate-ping {
+    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  }
+
+  .xl\:animate-pulse {
+    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  .xl\:animate-bounce {
+    -webkit-animation: bounce 1s infinite;
+            animation: bounce 1s infinite;
+  }
+}
\ No newline at end of file
diff --git a/public/js/app.js b/public/js/app.js
index 210a0ee914..a4da9d8640 100755
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -1 +1,3366 @@
-!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(a(n||{},{method:e,url:t,data:(n||{}).data}))}})),r.forEach(["post","put","patch"],(function(e){u.prototype[e]=function(t,n,r){return this.request(a(r||{},{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,maxBodyLength:-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(/%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;n.status&&o&&!o(n.status)?t(r("Request failed with status code "+n.status,n.config,null,n.request,n)):e(n)}},SntB:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=function(e,t){t=t||{};var n={},o=["url","method","data"],i=["headers","auth","proxy","params"],s=["baseURL","transformRequest","transformResponse","paramsSerializer","timeout","timeoutMessage","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","decompress","maxContentLength","maxBodyLength","maxRedirects","transport","httpAgent","httpsAgent","cancelToken","socketPath","responseEncoding"],a=["validateStatus"];function u(e,t){return r.isPlainObject(e)&&r.isPlainObject(t)?r.merge(e,t):r.isPlainObject(t)?r.merge({},t):r.isArray(t)?t.slice():t}function c(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=u(void 0,e[o])):n[o]=u(e[o],t[o])}r.forEach(o,(function(e){r.isUndefined(t[e])||(n[e]=u(void 0,t[e]))})),r.forEach(i,c),r.forEach(s,(function(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=u(void 0,e[o])):n[o]=u(void 0,t[o])})),r.forEach(a,(function(r){r in t?n[r]=u(e[r],t[r]):r in e&&(n[r]=u(void 0,e[r]))}));var f=o.concat(i).concat(s).concat(a),p=Object.keys(e).concat(Object.keys(t)).filter((function(e){return-1===f.indexOf(e)}));return r.forEach(p,c),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}}}},XwJu:function(e,t,n){"use strict";e.exports=function(e){return"object"==typeof e&&!0===e.isAxiosError}},bUC5:function(e,t,n){window.axios=n("vDqi"),window.valid=n("0H2f"),document.querySelectorAll(".disposable-alert").forEach((function(e){setTimeout((function(){e.remove()}),5e3)}))},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("eqyj"),s=n("MLWZ"),a=n("g7np"),u=n("w0Vi"),c=n("OTTw"),f=n("LYNF");e.exports=function(e){return new Promise((function(t,n){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?unescape(encodeURIComponent(e.auth.password)):"";l.Authorization="Basic "+btoa(h+":"+m)}var g=a(e.baseURL,e.url);if(d.open(e.method.toUpperCase(),s(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 r="getAllResponseHeaders"in d?u(d.getAllResponseHeaders()):null,i={data:e.responseType&&"text"!==e.responseType?d.response:d.responseText,status:d.status,statusText:d.statusText,headers:r,config:e,request:d};o(t,n,i),d=null}},d.onabort=function(){d&&(n(f("Request aborted",e,"ECONNABORTED",d)),d=null)},d.onerror=function(){n(f("Network Error",e,null,d)),d=null},d.ontimeout=function(){var t="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),n(f(t,e,"ECONNABORTED",d)),d=null},r.isStandardBrowserEnv()){var y=(e.withCredentials||c(g))&&e.xsrfCookieName?i.read(e.xsrfCookieName):void 0;y&&(l[e.xsrfHeaderName]=y)}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(),n(e),d=null)})),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){if("[object Object]"!==o.call(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t===Object.prototype}function c(e){return"[object Function]"===o.call(e)}function f(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,isPlainObject:u,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:c,isStream:function(e){return a(e)&&c(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:f,merge:function e(){var t={};function n(n,r){u(t[r])&&u(n)?t[r]=e(t[r],n):u(n)?t[r]=e({},n):i(n)?t[r]=n.slice():t[r]=n}for(var r=0,o=arguments.length;r<o;r++)f(arguments[r],n);return t},extend:function(e,t,n){return f(t,(function(t,o){e[o]=n&&"function"==typeof t?r(t,n):t})),e},trim:function(e){return e.replace(/^\s*/,"").replace(/\s*$/,"")},stripBOM:function(e){return 65279===e.charCodeAt(0)&&(e=e.slice(1)),e}}},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"),u.isAxiosError=n("XwJu"),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 cookies = __webpack_require__(/*! ./../helpers/cookies */ "./node_modules/axios/lib/helpers/cookies.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 ? unescape(encodeURIComponent(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()) {
+      // 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) {
+      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");
+
+// Expose isAxiosError
+axios.isAxiosError = __webpack_require__(/*! ./helpers/isAxiosError */ "./node_modules/axios/lib/helpers/isAxiosError.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(mergeConfig(config || {}, {
+      method: method,
+      url: url,
+      data: (config || {}).data
+    }));
+  };
+});
+
+utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
+  /*eslint func-names:0*/
+  Axios.prototype[method] = function(url, data, config) {
+    return this.request(mergeConfig(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 toJSON() {
+    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', 'data'];
+  var mergeDeepPropertiesKeys = ['headers', 'auth', 'proxy', 'params'];
+  var defaultToConfig2Keys = [
+    'baseURL', 'transformRequest', 'transformResponse', 'paramsSerializer',
+    'timeout', 'timeoutMessage', 'withCredentials', 'adapter', 'responseType', 'xsrfCookieName',
+    'xsrfHeaderName', 'onUploadProgress', 'onDownloadProgress', 'decompress',
+    'maxContentLength', 'maxBodyLength', 'maxRedirects', 'transport', 'httpAgent',
+    'httpsAgent', 'cancelToken', 'socketPath', 'responseEncoding'
+  ];
+  var directMergeKeys = ['validateStatus'];
+
+  function getMergedValue(target, source) {
+    if (utils.isPlainObject(target) && utils.isPlainObject(source)) {
+      return utils.merge(target, source);
+    } else if (utils.isPlainObject(source)) {
+      return utils.merge({}, source);
+    } else if (utils.isArray(source)) {
+      return source.slice();
+    }
+    return source;
+  }
+
+  function mergeDeepProperties(prop) {
+    if (!utils.isUndefined(config2[prop])) {
+      config[prop] = getMergedValue(config1[prop], config2[prop]);
+    } else if (!utils.isUndefined(config1[prop])) {
+      config[prop] = getMergedValue(undefined, config1[prop]);
+    }
+  }
+
+  utils.forEach(valueFromConfig2Keys, function valueFromConfig2(prop) {
+    if (!utils.isUndefined(config2[prop])) {
+      config[prop] = getMergedValue(undefined, config2[prop]);
+    }
+  });
+
+  utils.forEach(mergeDeepPropertiesKeys, mergeDeepProperties);
+
+  utils.forEach(defaultToConfig2Keys, function defaultToConfig2(prop) {
+    if (!utils.isUndefined(config2[prop])) {
+      config[prop] = getMergedValue(undefined, config2[prop]);
+    } else if (!utils.isUndefined(config1[prop])) {
+      config[prop] = getMergedValue(undefined, config1[prop]);
+    }
+  });
+
+  utils.forEach(directMergeKeys, function merge(prop) {
+    if (prop in config2) {
+      config[prop] = getMergedValue(config1[prop], config2[prop]);
+    } else if (prop in config1) {
+      config[prop] = getMergedValue(undefined, config1[prop]);
+    }
+  });
+
+  var axiosKeys = valueFromConfig2Keys
+    .concat(mergeDeepPropertiesKeys)
+    .concat(defaultToConfig2Keys)
+    .concat(directMergeKeys);
+
+  var otherKeys = Object
+    .keys(config1)
+    .concat(Object.keys(config2))
+    .filter(function filterAxiosKeys(key) {
+      return axiosKeys.indexOf(key) === -1;
+    });
+
+  utils.forEach(otherKeys, mergeDeepProperties);
+
+  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 (!response.status || !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,
+  maxBodyLength: -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(/%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/isAxiosError.js":
+/*!********************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/isAxiosError.js ***!
+  \********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+/**
+ * Determines whether the payload is an error thrown by Axios
+ *
+ * @param {*} payload The value to test
+ * @returns {boolean} True if the payload is an error thrown by Axios, otherwise false
+ */
+module.exports = function isAxiosError(payload) {
+  return (typeof payload === 'object') && (payload.isAxiosError === true);
+};
+
+
+/***/ }),
+
+/***/ "./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 plain Object
+ *
+ * @param {Object} val The value to test
+ * @return {boolean} True if value is a plain Object, otherwise false
+ */
+function isPlainObject(val) {
+  if (toString.call(val) !== '[object Object]') {
+    return false;
+  }
+
+  var prototype = Object.getPrototypeOf(val);
+  return prototype === null || prototype === Object.prototype;
+}
+
+/**
+ * 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 (isPlainObject(result[key]) && isPlainObject(val)) {
+      result[key] = merge(result[key], val);
+    } else if (isPlainObject(val)) {
+      result[key] = merge({}, val);
+    } else if (isArray(val)) {
+      result[key] = val.slice();
+    } 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;
+}
+
+/**
+ * Remove byte order marker. This catches EF BB BF (the UTF-8 BOM)
+ *
+ * @param {string} content with BOM
+ * @return {string} content value without BOM
+ */
+function stripBOM(content) {
+  if (content.charCodeAt(0) === 0xFEFF) {
+    content = content.slice(1);
+  }
+  return content;
+}
+
+module.exports = {
+  isArray: isArray,
+  isArrayBuffer: isArrayBuffer,
+  isBuffer: isBuffer,
+  isFormData: isFormData,
+  isArrayBufferView: isArrayBufferView,
+  isString: isString,
+  isNumber: isNumber,
+  isObject: isObject,
+  isPlainObject: isPlainObject,
+  isUndefined: isUndefined,
+  isDate: isDate,
+  isFile: isFile,
+  isBlob: isBlob,
+  isFunction: isFunction,
+  isStream: isStream,
+  isURLSearchParams: isURLSearchParams,
+  isStandardBrowserEnv: isStandardBrowserEnv,
+  forEach: forEach,
+  merge: merge,
+  extend: extend,
+  trim: trim,
+  stripBOM: stripBOM
+};
+
+
+/***/ }),
+
+/***/ "./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");
+/**
+ * Remove flashing message div after 3 seconds.
+ */
+
+document.querySelectorAll('.disposable-alert').forEach(function (element) {
+  setTimeout(function () {
+    element.remove();
+  }, 5000);
+});
+
+/***/ }),
+
+/***/ "./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__(/*! /var/www/html/resources/js/app.js */"./resources/js/app.js");
+module.exports = __webpack_require__(/*! /var/www/html/resources/sass/app.scss */"./resources/sass/app.scss");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/invoices/action-selectors.js b/public/js/clients/invoices/action-selectors.js
index 298bbe5d8a..d8ab06b008 100755
--- a/public/js/clients/invoices/action-selectors.js
+++ b/public/js/clients/invoices/action-selectors.js
@@ -1,2 +1,240 @@
-/*! For license information please see action-selectors.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=4)}({4:function(e,t,n){e.exports=n("Boob")},Boob:function(e,t){function n(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,c=function(){};return{s:c,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:c}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var u,i=!0,l=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return i=e.done,e},e:function(e){l=!0,u=e},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw u}}}}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.parentElement=document.querySelector(".form-check-parent"),this.parentForm=document.getElementById("bulkActions")}var t,r,c;return t=e,(r=[{key:"watchCheckboxes",value:function(e){var t=this;document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})),document.querySelectorAll(".form-check-child").forEach((function(n){e.checked?(n.checked=e.checked,t.processChildItem(n,document.getElementById("bulkActions"))):(n.checked=!1,document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})))}))}},{key:"processChildItem",value:function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(r.hasOwnProperty("single")&&document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})),!1!==e.checked){var o=document.createElement("INPUT");o.setAttribute("name","invoices[]"),o.setAttribute("value",e.dataset.value),o.setAttribute("class","child-hidden-input"),o.hidden=!0,t.append(o)}else{var c,u=document.querySelectorAll("input.child-hidden-input"),i=n(u);try{for(i.s();!(c=i.n()).done;){var l=c.value;l.value==e.dataset.value&&l.remove()}}catch(e){i.e(e)}finally{i.f()}}}},{key:"handle",value:function(){var e=this;this.parentElement.addEventListener("click",(function(){e.watchCheckboxes(e.parentElement)}));var t,r=n(document.querySelectorAll(".form-check-child"));try{var o=function(){var n=t.value;n.addEventListener("click",(function(){e.processChildItem(n,e.parentForm)}))};for(r.s();!(t=r.n()).done;)o()}catch(e){r.e(e)}finally{r.f()}}}])&&o(t.prototype,r),c&&o(t,c),e}())).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 4);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/invoices/action-selectors.js":
+/*!***********************************************************!*\
+  !*** ./resources/js/clients/invoices/action-selectors.js ***!
+  \***********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var ActionSelectors = /*#__PURE__*/function () {
+  function ActionSelectors() {
+    _classCallCheck(this, ActionSelectors);
+
+    this.parentElement = document.querySelector('.form-check-parent');
+    this.parentForm = document.getElementById('bulkActions');
+  }
+
+  _createClass(ActionSelectors, [{
+    key: "watchCheckboxes",
+    value: function watchCheckboxes(parentElement) {
+      var _this = this;
+
+      document.querySelectorAll('.child-hidden-input').forEach(function (element) {
+        return element.remove();
+      });
+      document.querySelectorAll('.form-check-child').forEach(function (child) {
+        if (parentElement.checked) {
+          child.checked = parentElement.checked;
+
+          _this.processChildItem(child, document.getElementById('bulkActions'));
+        } else {
+          child.checked = false;
+          document.querySelectorAll('.child-hidden-input').forEach(function (element) {
+            return element.remove();
+          });
+        }
+      });
+    }
+  }, {
+    key: "processChildItem",
+    value: function processChildItem(element, parent) {
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+      if (options.hasOwnProperty('single')) {
+        document.querySelectorAll('.child-hidden-input').forEach(function (element) {
+          return element.remove();
+        });
+      }
+
+      if (element.checked === false) {
+        var inputs = document.querySelectorAll('input.child-hidden-input');
+
+        var _iterator = _createForOfIteratorHelper(inputs),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var i = _step.value;
+            if (i.value == element.dataset.value) i.remove();
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+
+        return;
+      }
+
+      var _temp = document.createElement('INPUT');
+
+      _temp.setAttribute('name', 'invoices[]');
+
+      _temp.setAttribute('value', element.dataset.value);
+
+      _temp.setAttribute('class', 'child-hidden-input');
+
+      _temp.hidden = true;
+      parent.append(_temp);
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this2 = this;
+
+      this.parentElement.addEventListener('click', function () {
+        _this2.watchCheckboxes(_this2.parentElement);
+      });
+
+      var _iterator2 = _createForOfIteratorHelper(document.querySelectorAll('.form-check-child')),
+          _step2;
+
+      try {
+        var _loop = function _loop() {
+          var child = _step2.value;
+          child.addEventListener('click', function () {
+            _this2.processChildItem(child, _this2.parentForm);
+          });
+        };
+
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          _loop();
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
+  }]);
+
+  return ActionSelectors;
+}();
+/** @handle **/
+
+
+new ActionSelectors().handle();
+
+/***/ }),
+
+/***/ 4:
+/*!*****************************************************************!*\
+  !*** multi ./resources/js/clients/invoices/action-selectors.js ***!
+  \*****************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/invoices/action-selectors.js */"./resources/js/clients/invoices/action-selectors.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/invoices/payment.js b/public/js/clients/invoices/payment.js
index 011c1f41d9..d391006e55 100755
--- a/public/js/clients/invoices/payment.js
+++ b/public/js/clients/invoices/payment.js
@@ -1,2 +1,219 @@
-/*! For license information please see payment.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=5)}({5:function(e,t,n){e.exports=n("FuOr")},FuOr:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var r=function(){function e(t,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.shouldDisplayTerms=t,this.shouldDisplaySignature=n,this.termsAccepted=!1}var t,r,i;return t=e,(r=[{key:"handleMethodSelect",value:function(e){var t=this;document.getElementById("company_gateway_id").value=e.dataset.companyGatewayId,document.getElementById("payment_method_id").value=e.dataset.gatewayTypeId,this.shouldDisplaySignature&&!this.shouldDisplayTerms&&(this.displayTerms(),document.getElementById("accept-terms-button").addEventListener("click",(function(){t.termsAccepted=!0,t.submitForm()}))),!this.shouldDisplaySignature&&this.shouldDisplayTerms&&(this.displaySignature(),document.getElementById("signature-next-step").addEventListener("click",(function(){document.querySelector('input[name="signature"').value=t.signaturePad.toDataURL(),t.submitForm()}))),this.shouldDisplaySignature&&this.shouldDisplayTerms&&(this.displaySignature(),document.getElementById("signature-next-step").addEventListener("click",(function(){t.displayTerms(),document.getElementById("accept-terms-button").addEventListener("click",(function(){document.querySelector('input[name="signature"').value=t.signaturePad.toDataURL(),t.termsAccepted=!0,t.submitForm()}))}))),this.shouldDisplaySignature||this.shouldDisplayTerms||this.submitForm()}},{key:"submitForm",value:function(){document.getElementById("payment-form").submit()}},{key:"displayTerms",value:function(){document.getElementById("displayTermsModal").removeAttribute("style")}},{key:"displaySignature",value:function(){document.getElementById("displaySignatureModal").removeAttribute("style");var e=new SignaturePad(document.getElementById("signature-pad"),{penColor:"rgb(0, 0, 0)"});this.signaturePad=e}},{key:"handle",value:function(){var e=this;document.querySelectorAll(".dropdown-gateway-button").forEach((function(t){t.addEventListener("click",(function(){return e.handleMethodSelect(t)}))}))}}])&&n(t.prototype,r),i&&n(t,i),e}(),i=document.querySelector('meta[name="require-invoice-signature"]').content,u=document.querySelector('meta[name="show-invoice-terms"]').content;new r(Boolean(+i),Boolean(+u)).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 5);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/invoices/payment.js":
+/*!**************************************************!*\
+  !*** ./resources/js/clients/invoices/payment.js ***!
+  \**************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var Payment = /*#__PURE__*/function () {
+  function Payment(displayTerms, displaySignature) {
+    _classCallCheck(this, Payment);
+
+    this.shouldDisplayTerms = displayTerms;
+    this.shouldDisplaySignature = displaySignature;
+    this.termsAccepted = false;
+  }
+
+  _createClass(Payment, [{
+    key: "handleMethodSelect",
+    value: function handleMethodSelect(element) {
+      var _this = this;
+
+      document.getElementById("company_gateway_id").value = element.dataset.companyGatewayId;
+      document.getElementById("payment_method_id").value = element.dataset.gatewayTypeId;
+
+      if (this.shouldDisplaySignature && !this.shouldDisplayTerms) {
+        this.displayTerms();
+        document.getElementById("accept-terms-button").addEventListener("click", function () {
+          _this.termsAccepted = true;
+
+          _this.submitForm();
+        });
+      }
+
+      if (!this.shouldDisplaySignature && this.shouldDisplayTerms) {
+        this.displaySignature();
+        document.getElementById("signature-next-step").addEventListener("click", function () {
+          document.querySelector('input[name="signature"').value = _this.signaturePad.toDataURL();
+
+          _this.submitForm();
+        });
+      }
+
+      if (this.shouldDisplaySignature && this.shouldDisplayTerms) {
+        this.displaySignature();
+        document.getElementById("signature-next-step").addEventListener("click", function () {
+          _this.displayTerms();
+
+          document.getElementById("accept-terms-button").addEventListener("click", function () {
+            document.querySelector('input[name="signature"').value = _this.signaturePad.toDataURL();
+            _this.termsAccepted = true;
+
+            _this.submitForm();
+          });
+        });
+      }
+
+      if (!this.shouldDisplaySignature && !this.shouldDisplayTerms) {
+        this.submitForm();
+      }
+    }
+  }, {
+    key: "submitForm",
+    value: function submitForm() {
+      document.getElementById("payment-form").submit();
+    }
+  }, {
+    key: "displayTerms",
+    value: function displayTerms() {
+      var displayTermsModal = document.getElementById("displayTermsModal");
+      displayTermsModal.removeAttribute("style");
+    }
+  }, {
+    key: "displaySignature",
+    value: function displaySignature() {
+      var displaySignatureModal = document.getElementById("displaySignatureModal");
+      displaySignatureModal.removeAttribute("style");
+      var signaturePad = new SignaturePad(document.getElementById("signature-pad"), {
+        penColor: "rgb(0, 0, 0)"
+      });
+      this.signaturePad = signaturePad;
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this2 = this;
+
+      document.querySelectorAll(".dropdown-gateway-button").forEach(function (element) {
+        element.addEventListener("click", function () {
+          return _this2.handleMethodSelect(element);
+        });
+      });
+    }
+  }]);
+
+  return Payment;
+}();
+
+var signature = document.querySelector('meta[name="require-invoice-signature"]').content;
+var terms = document.querySelector('meta[name="show-invoice-terms"]').content;
+new Payment(Boolean(+signature), Boolean(+terms)).handle();
+
+/***/ }),
+
+/***/ 5:
+/*!********************************************************!*\
+  !*** multi ./resources/js/clients/invoices/payment.js ***!
+  \********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/invoices/payment.js */"./resources/js/clients/invoices/payment.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/linkify-urls.js b/public/js/clients/linkify-urls.js
index 19fb4fffc6..40e0f3e855 100644
--- a/public/js/clients/linkify-urls.js
+++ b/public/js/clients/linkify-urls.js
@@ -1,2 +1,345 @@
-/*! For license information please see linkify-urls.js.LICENSE.txt */
-!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/",r(r.s=16)}({16:function(e,t,r){e.exports=r("cN42")},Ievl:function(e,t,r){"use strict";t.escape=e=>e.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),t.unescape=e=>e.replace(/&gt;/g,">").replace(/&lt;/g,"<").replace(/&#39;/g,"'").replace(/&quot;/g,'"').replace(/&amp;/g,"&"),t.escapeTag=function(e){let r=e[0];for(let n=1;n<arguments.length;n++)r=r+t.escape(arguments[n])+e[n];return r},t.unescapeTag=function(e){let r=e[0];for(let n=1;n<arguments.length;n++)r=r+t.unescape(arguments[n])+e[n];return r}},PoD1:function(e,t,r){"use strict";e.exports=r("sW1H")},YIIW:function(e,t,r){"use strict";const n=r("dBjz"),o=r("PoD1"),a=r("Ievl"),u=new Set(o);e.exports=e=>{if((e=Object.assign({name:"div",attributes:{},html:""},e)).html&&e.text)throw new Error("The `html` and `text` options are mutually exclusive");const t=e.text?a.escape(e.text):e.html;let r=`<${e.name}${n(e.attributes)}>`;return u.has(e.name)||(r+=`${t}</${e.name}>`),r}},cN42:function(e,t,r){var n=r("jG5F");document.querySelectorAll("[data-ref=entity-terms]").forEach((function(e){e.innerHTML=n(e.innerText,{attributes:{target:"_blank",class:"text-primary"}})}))},dBjz:function(e,t,r){"use strict";const n=r("Ievl");e.exports=e=>{const t=[];for(const r of Object.keys(e)){let o=e[r];if(!1===o)continue;Array.isArray(o)&&(o=o.join(" "));let a=n.escape(r);!0!==o&&(a+=`="${n.escape(String(o))}"`),t.push(a)}return t.length>0?" "+t.join(" "):""}},jG5F:function(e,t,r){"use strict";const n=r("YIIW"),o=(e,t)=>n({name:"a",attributes:{href:"",...t.attributes,href:e},text:void 0===t.value?e:void 0,html:void 0===t.value?void 0:"function"==typeof t.value?t.value(e):t.value});e.exports=(e,t)=>{if("string"===(t={attributes:{},type:"string",...t}).type)return((e,t)=>e.replace(/((?<!\+)(?:https?(?::\/\/))(?:www\.)?(?:[a-zA-Z\d-_.]+(?:(?:\.|@)[a-zA-Z\d]{2,})|localhost)(?:(?:[-a-zA-Z\d:%_+.~#*$!?&//=@]*)(?:[,](?![\s]))*)*)/g,e=>o(e,t)))(e,t);if("dom"===t.type)return((e,t)=>{const r=document.createDocumentFragment();for(const[a,u]of Object.entries(e.split(/((?<!\+)(?:https?(?::\/\/))(?:www\.)?(?:[a-zA-Z\d-_.]+(?:(?:\.|@)[a-zA-Z\d]{2,})|localhost)(?:(?:[-a-zA-Z\d:%_+.~#*$!?&//=@]*)(?:[,](?![\s]))*)*)/g)))a%2?r.append((n=o(u,t),document.createRange().createContextualFragment(n))):u.length>0&&r.append(u);var n;return r})(e,t);throw new Error("The type option must be either `dom` or `string`")}},sW1H:function(e){e.exports=JSON.parse('["area","base","br","col","embed","hr","img","input","link","menuitem","meta","param","source","track","wbr"]')}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 16);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./node_modules/create-html-element/index.js":
+/*!***************************************************!*\
+  !*** ./node_modules/create-html-element/index.js ***!
+  \***************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+const stringifyAttributes = __webpack_require__(/*! stringify-attributes */ "./node_modules/stringify-attributes/index.js");
+const htmlTags = __webpack_require__(/*! html-tags/void */ "./node_modules/create-html-element/node_modules/html-tags/void.js");
+const escapeGoat = __webpack_require__(/*! escape-goat */ "./node_modules/escape-goat/index.js");
+
+const voidHtmlTags = new Set(htmlTags);
+
+module.exports = options => {
+	options = Object.assign({
+		name: 'div',
+		attributes: {},
+		html: ''
+	}, options);
+
+	if (options.html && options.text) {
+		throw new Error('The `html` and `text` options are mutually exclusive');
+	}
+
+	const content = options.text ? escapeGoat.escape(options.text) : options.html;
+	let result = `<${options.name}${stringifyAttributes(options.attributes)}>`;
+
+	if (!voidHtmlTags.has(options.name)) {
+		result += `${content}</${options.name}>`;
+	}
+
+	return result;
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/create-html-element/node_modules/html-tags/html-tags-void.json":
+/*!*************************************************************************************!*\
+  !*** ./node_modules/create-html-element/node_modules/html-tags/html-tags-void.json ***!
+  \*************************************************************************************/
+/*! exports provided: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, default */
+/***/ (function(module) {
+
+module.exports = JSON.parse("[\"area\",\"base\",\"br\",\"col\",\"embed\",\"hr\",\"img\",\"input\",\"link\",\"menuitem\",\"meta\",\"param\",\"source\",\"track\",\"wbr\"]");
+
+/***/ }),
+
+/***/ "./node_modules/create-html-element/node_modules/html-tags/void.js":
+/*!*************************************************************************!*\
+  !*** ./node_modules/create-html-element/node_modules/html-tags/void.js ***!
+  \*************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+module.exports = __webpack_require__(/*! ./html-tags-void.json */ "./node_modules/create-html-element/node_modules/html-tags/html-tags-void.json");
+
+
+/***/ }),
+
+/***/ "./node_modules/escape-goat/index.js":
+/*!*******************************************!*\
+  !*** ./node_modules/escape-goat/index.js ***!
+  \*******************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+exports.escape = input => input
+	.replace(/&/g, '&amp;')
+	.replace(/"/g, '&quot;')
+	.replace(/'/g, '&#39;')
+	.replace(/</g, '&lt;')
+	.replace(/>/g, '&gt;');
+
+exports.unescape = input => input
+	.replace(/&gt;/g, '>')
+	.replace(/&lt;/g, '<')
+	.replace(/&#39;/g, '\'')
+	.replace(/&quot;/g, '"')
+	.replace(/&amp;/g, '&');
+
+exports.escapeTag = function (input) {
+	let output = input[0];
+	for (let i = 1; i < arguments.length; i++) {
+		output = output + exports.escape(arguments[i]) + input[i];
+	}
+	return output;
+};
+
+exports.unescapeTag = function (input) {
+	let output = input[0];
+	for (let i = 1; i < arguments.length; i++) {
+		output = output + exports.unescape(arguments[i]) + input[i];
+	}
+	return output;
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/linkify-urls/index.js":
+/*!********************************************!*\
+  !*** ./node_modules/linkify-urls/index.js ***!
+  \********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+const createHtmlElement = __webpack_require__(/*! create-html-element */ "./node_modules/create-html-element/index.js");
+
+// Capture the whole URL in group 1 to keep `String#split()` support
+const urlRegex = () => (/((?<!\+)(?:https?(?::\/\/))(?:www\.)?(?:[a-zA-Z\d-_.]+(?:(?:\.|@)[a-zA-Z\d]{2,})|localhost)(?:(?:[-a-zA-Z\d:%_+.~#*$!?&//=@]*)(?:[,](?![\s]))*)*)/g);
+
+// Get `<a>` element as string
+const linkify = (href, options) => createHtmlElement({
+	name: 'a',
+	attributes: {
+		href: '',
+		...options.attributes,
+		href // eslint-disable-line no-dupe-keys
+	},
+	text: typeof options.value === 'undefined' ? href : undefined,
+	html: typeof options.value === 'undefined' ? undefined :
+		(typeof options.value === 'function' ? options.value(href) : options.value)
+});
+
+// Get DOM node from HTML
+const domify = html => document.createRange().createContextualFragment(html);
+
+const getAsString = (string, options) => {
+	return string.replace(urlRegex(), match => linkify(match, options));
+};
+
+const getAsDocumentFragment = (string, options) => {
+	const fragment = document.createDocumentFragment();
+	for (const [index, text] of Object.entries(string.split(urlRegex()))) {
+		if (index % 2) { // URLs are always in odd positions
+			fragment.append(domify(linkify(text, options)));
+		} else if (text.length > 0) {
+			fragment.append(text);
+		}
+	}
+
+	return fragment;
+};
+
+module.exports = (string, options) => {
+	options = {
+		attributes: {},
+		type: 'string',
+		...options
+	};
+
+	if (options.type === 'string') {
+		return getAsString(string, options);
+	}
+
+	if (options.type === 'dom') {
+		return getAsDocumentFragment(string, options);
+	}
+
+	throw new Error('The type option must be either `dom` or `string`');
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/stringify-attributes/index.js":
+/*!****************************************************!*\
+  !*** ./node_modules/stringify-attributes/index.js ***!
+  \****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+const escapeGoat = __webpack_require__(/*! escape-goat */ "./node_modules/escape-goat/index.js");
+
+module.exports = input => {
+	const attributes = [];
+
+	for (const key of Object.keys(input)) {
+		let value = input[key];
+
+		if (value === false) {
+			continue;
+		}
+
+		if (Array.isArray(value)) {
+			value = value.join(' ');
+		}
+
+		let attribute = escapeGoat.escape(key);
+
+		if (value !== true) {
+			attribute += `="${escapeGoat.escape(String(value))}"`;
+		}
+
+		attributes.push(attribute);
+	}
+
+	return attributes.length > 0 ? ' ' + attributes.join(' ') : '';
+};
+
+
+/***/ }),
+
+/***/ "./resources/js/clients/linkify-urls.js":
+/*!**********************************************!*\
+  !*** ./resources/js/clients/linkify-urls.js ***!
+  \**********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var linkifyUrls = __webpack_require__(/*! linkify-urls */ "./node_modules/linkify-urls/index.js");
+
+document.querySelectorAll('[data-ref=entity-terms]').forEach(function (text) {
+  text.innerHTML = linkifyUrls(text.innerText, {
+    attributes: {
+      target: '_blank',
+      "class": 'text-primary'
+    }
+  });
+});
+
+/***/ }),
+
+/***/ 16:
+/*!****************************************************!*\
+  !*** multi ./resources/js/clients/linkify-urls.js ***!
+  \****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/linkify-urls.js */"./resources/js/clients/linkify-urls.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payment_methods/authorize-authorize-card.js b/public/js/clients/payment_methods/authorize-authorize-card.js
index f904539398..93486d86d5 100755
--- a/public/js/clients/payment_methods/authorize-authorize-card.js
+++ b/public/js/clients/payment_methods/authorize-authorize-card.js
@@ -1,2 +1,199 @@
-/*! For license information please see authorize-authorize-card.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=1)}({1:function(e,t,n){e.exports=n("6vDv")},"6vDv":function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}new(function(){function e(t,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.publicKey=t,this.loginId=n,this.cardHolderName=document.getElementById("cardholder_name"),this.cardButton=document.getElementById("card_button")}var t,r,a;return t=e,(r=[{key:"handleAuthorization",value:function(){var e=$("#my-card"),t={};t.clientKey=this.publicKey,t.apiLoginID=this.loginId;var n={};n.cardNumber=e.CardJs("cardNumber").replace(/[^\d]/g,""),n.month=e.CardJs("expiryMonth").replace(/[^\d]/g,""),n.year=e.CardJs("expiryYear").replace(/[^\d]/g,""),n.cardCode=document.getElementById("cvv").value.replace(/[^\d]/g,"");var r={};return r.authData=t,r.cardData=n,document.getElementById("card_button").disabled=!0,document.querySelector("#card_button > svg").classList.remove("hidden"),document.querySelector("#card_button > span").classList.add("hidden"),Accept.dispatchData(r,this.responseHandler),!1}},{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>"),document.getElementById("card_button").disabled=!1,document.querySelector("#card_button > svg").classList.add("hidden"),document.querySelector("#card_button > span").classList.remove("hidden")):"Ok"===e.messages.resultCode&&(document.getElementById("dataDescriptor").value=e.opaqueData.dataDescriptor,document.getElementById("dataValue").value=e.opaqueData.dataValue,document.getElementById("server_response").submit()),!1}},{key:"handle",value:function(){var e=this;return this.cardButton.addEventListener("click",(function(){e.cardButton.disabled=!e.cardButton.disabled,e.handleAuthorization()})),this}}])&&n(t.prototype,r),a&&n(t,a),e}())(document.querySelector('meta[name="authorize-public-key"]').content,document.querySelector('meta[name="authorize-login-id"]').content).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 1);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payment_methods/authorize-authorize-card.js":
+/*!**************************************************************************!*\
+  !*** ./resources/js/clients/payment_methods/authorize-authorize-card.js ***!
+  \**************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var AuthorizeAuthorizeCard = /*#__PURE__*/function () {
+  function AuthorizeAuthorizeCard(publicKey, loginId) {
+    _classCallCheck(this, AuthorizeAuthorizeCard);
+
+    this.publicKey = publicKey;
+    this.loginId = loginId;
+    this.cardHolderName = document.getElementById("cardholder_name");
+    this.cardButton = document.getElementById("card_button");
+  }
+
+  _createClass(AuthorizeAuthorizeCard, [{
+    key: "handleAuthorization",
+    value: function handleAuthorization() {
+      var myCard = $('#my-card');
+      var authData = {};
+      authData.clientKey = this.publicKey;
+      authData.apiLoginID = this.loginId;
+      var cardData = {};
+      cardData.cardNumber = myCard.CardJs('cardNumber').replace(/[^\d]/g, '');
+      cardData.month = myCard.CardJs('expiryMonth').replace(/[^\d]/g, '');
+      cardData.year = myCard.CardJs('expiryYear').replace(/[^\d]/g, '');
+      cardData.cardCode = document.getElementById("cvv").value.replace(/[^\d]/g, '');
+      ;
+      var secureData = {};
+      secureData.authData = authData;
+      secureData.cardData = cardData;
+      document.getElementById('card_button').disabled = true;
+      document.querySelector('#card_button > svg').classList.remove('hidden');
+      document.querySelector('#card_button > span').classList.add('hidden');
+      Accept.dispatchData(secureData, this.responseHandler);
+      return false;
+    }
+  }, {
+    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>");
+        document.getElementById('card_button').disabled = false;
+        document.querySelector('#card_button > svg').classList.add('hidden');
+        document.querySelector('#card_button > span').classList.remove('hidden');
+      } else if (response.messages.resultCode === "Ok") {
+        document.getElementById("dataDescriptor").value = response.opaqueData.dataDescriptor;
+        document.getElementById("dataValue").value = response.opaqueData.dataValue;
+        document.getElementById("server_response").submit();
+      }
+
+      return false;
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this = this;
+
+      this.cardButton.addEventListener("click", function () {
+        _this.cardButton.disabled = !_this.cardButton.disabled;
+
+        _this.handleAuthorization();
+      });
+      return this;
+    }
+  }]);
+
+  return AuthorizeAuthorizeCard;
+}();
+
+var publicKey = document.querySelector('meta[name="authorize-public-key"]').content;
+var loginId = document.querySelector('meta[name="authorize-login-id"]').content;
+/** @handle */
+
+new AuthorizeAuthorizeCard(publicKey, loginId).handle();
+
+/***/ }),
+
+/***/ 1:
+/*!********************************************************************************!*\
+  !*** multi ./resources/js/clients/payment_methods/authorize-authorize-card.js ***!
+  \********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payment_methods/authorize-authorize-card.js */"./resources/js/clients/payment_methods/authorize-authorize-card.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payment_methods/authorize-checkout-card.js b/public/js/clients/payment_methods/authorize-checkout-card.js
index 42b35a2db4..c132e6ed8a 100644
--- a/public/js/clients/payment_methods/authorize-checkout-card.js
+++ b/public/js/clients/payment_methods/authorize-checkout-card.js
@@ -1,2 +1,163 @@
-/*! For license information please see authorize-checkout-card.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=29)}({29:function(e,t,n){e.exports=n("kduS")},kduS:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.button=document.querySelector("#pay-button")}var t,r,o;return t=e,(r=[{key:"init",value:function(){this.frames=Frames.init(document.querySelector("meta[name=public-key]").content)}},{key:"handle",value:function(){var e=this;this.init(),Frames.addEventHandler(Frames.Events.CARD_VALIDATION_CHANGED,(function(t){e.button.disabled=!Frames.isCardValid()})),Frames.addEventHandler(Frames.Events.CARD_TOKENIZED,(function(e){document.querySelector('input[name="gateway_response"]').value=JSON.stringify(e),document.getElementById("server_response").submit()})),document.querySelector("#authorization-form").addEventListener("submit",(function(t){e.button.disabled=!0,t.preventDefault(),Frames.submitCard()}))}}])&&n(t.prototype,r),o&&n(t,o),e}())).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 29);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payment_methods/authorize-checkout-card.js":
+/*!*************************************************************************!*\
+  !*** ./resources/js/clients/payment_methods/authorize-checkout-card.js ***!
+  \*************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com).
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var CheckoutCreditCardAuthorization = /*#__PURE__*/function () {
+  function CheckoutCreditCardAuthorization() {
+    _classCallCheck(this, CheckoutCreditCardAuthorization);
+
+    this.button = document.querySelector('#pay-button');
+  }
+
+  _createClass(CheckoutCreditCardAuthorization, [{
+    key: "init",
+    value: function init() {
+      this.frames = Frames.init(document.querySelector('meta[name=public-key]').content);
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this = this;
+
+      this.init();
+      Frames.addEventHandler(Frames.Events.CARD_VALIDATION_CHANGED, function (event) {
+        _this.button.disabled = !Frames.isCardValid();
+      });
+      Frames.addEventHandler(Frames.Events.CARD_TOKENIZED, function (event) {
+        document.querySelector('input[name="gateway_response"]').value = JSON.stringify(event);
+        document.getElementById('server_response').submit();
+      });
+      document.querySelector('#authorization-form').addEventListener('submit', function (event) {
+        _this.button.disabled = true;
+        event.preventDefault();
+        Frames.submitCard();
+      });
+    }
+  }]);
+
+  return CheckoutCreditCardAuthorization;
+}();
+
+new CheckoutCreditCardAuthorization().handle();
+
+/***/ }),
+
+/***/ 29:
+/*!*******************************************************************************!*\
+  !*** multi ./resources/js/clients/payment_methods/authorize-checkout-card.js ***!
+  \*******************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payment_methods/authorize-checkout-card.js */"./resources/js/clients/payment_methods/authorize-checkout-card.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payment_methods/braintree-ach.js b/public/js/clients/payment_methods/braintree-ach.js
index 21a7acd168..762b9841bf 100644
--- a/public/js/clients/payment_methods/braintree-ach.js
+++ b/public/js/clients/payment_methods/braintree-ach.js
@@ -1,2 +1,173 @@
-/*! For license information please see braintree-ach.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=24)}({24:function(e,t,n){e.exports=n("cGea")},cGea:function(e,t){var n;window.braintree.client.create({authorization:null===(n=document.querySelector('meta[name="client-token"]'))||void 0===n?void 0:n.content}).then((function(e){return braintree.usBankAccount.create({client:e})})).then((function(e){var t;null===(t=document.getElementById("authorize-bank-account"))||void 0===t||t.addEventListener("click",(function(t){t.target.parentElement.disabled=!0,document.getElementById("errors").hidden=!0,document.getElementById("errors").textContent="";var n={accountNumber:document.getElementById("account-number").value,routingNumber:document.getElementById("routing-number").value,accountType:document.querySelector('input[name="account-type"]:checked').value,ownershipType:document.querySelector('input[name="ownership-type"]:checked').value,billingAddress:{streetAddress:document.getElementById("billing-street-address").value,extendedAddress:document.getElementById("billing-extended-address").value,locality:document.getElementById("billing-locality").value,region:document.getElementById("billing-region").value,postalCode:document.getElementById("billing-postal-code").value}};if("personal"===n.ownershipType){var r=document.getElementById("account-holder-name").value.split(" ",2);n.firstName=r[0],n.lastName=r[1]}else n.businessName=document.getElementById("account-holder-name").value;e.tokenize({bankDetails:n,mandateText:'By clicking ["Checkout"], I authorize Braintree, a service of PayPal, on behalf of [your business name here] (i) to verify my bank account information using bank information and consumer reports and (ii) to debit my bank account.'}).then((function(e){document.querySelector("input[name=nonce]").value=e.nonce,document.getElementById("server_response").submit()})).catch((function(e){t.target.parentElement.disabled=!1,document.getElementById("errors").textContent="".concat(e.details.originalError.message," ").concat(e.details.originalError.details.originalError[0].message),document.getElementById("errors").hidden=!1}))}))})).catch((function(e){document.getElementById("errors").textContent="".concat(error.details.originalError.message," ").concat(error.details.originalError.details.originalError[0].message),document.getElementById("errors").hidden=!1}))}});
\ 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 = 24);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payment_methods/braintree-ach.js":
+/*!***************************************************************!*\
+  !*** ./resources/js/clients/payment_methods/braintree-ach.js ***!
+  \***************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+var _document$querySelect;
+
+/**
+ * Invoice Ninja (https://invoiceninja.com).
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://www.elastic.co/licensing/elastic-license
+ */
+window.braintree.client.create({
+  authorization: (_document$querySelect = document.querySelector('meta[name="client-token"]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.content
+}).then(function (clientInstance) {
+  return braintree.usBankAccount.create({
+    client: clientInstance
+  });
+}).then(function (usBankAccountInstance) {
+  var _document$getElementB;
+
+  (_document$getElementB = document.getElementById('authorize-bank-account')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.addEventListener('click', function (e) {
+    e.target.parentElement.disabled = true;
+    document.getElementById('errors').hidden = true;
+    document.getElementById('errors').textContent = '';
+    var bankDetails = {
+      accountNumber: document.getElementById('account-number').value,
+      routingNumber: document.getElementById('routing-number').value,
+      accountType: document.querySelector('input[name="account-type"]:checked').value,
+      ownershipType: document.querySelector('input[name="ownership-type"]:checked').value,
+      billingAddress: {
+        streetAddress: document.getElementById('billing-street-address').value,
+        extendedAddress: document.getElementById('billing-extended-address').value,
+        locality: document.getElementById('billing-locality').value,
+        region: document.getElementById('billing-region').value,
+        postalCode: document.getElementById('billing-postal-code').value
+      }
+    };
+
+    if (bankDetails.ownershipType === 'personal') {
+      var name = document.getElementById('account-holder-name').value.split(' ', 2);
+      bankDetails.firstName = name[0];
+      bankDetails.lastName = name[1];
+    } else {
+      bankDetails.businessName = document.getElementById('account-holder-name').value;
+    }
+
+    usBankAccountInstance.tokenize({
+      bankDetails: bankDetails,
+      mandateText: 'By clicking ["Checkout"], I authorize Braintree, a service of PayPal, on behalf of [your business name here] (i) to verify my bank account information using bank information and consumer reports and (ii) to debit my bank account.'
+    }).then(function (payload) {
+      document.querySelector('input[name=nonce]').value = payload.nonce;
+      document.getElementById('server_response').submit();
+    })["catch"](function (error) {
+      e.target.parentElement.disabled = false;
+      document.getElementById('errors').textContent = "".concat(error.details.originalError.message, " ").concat(error.details.originalError.details.originalError[0].message);
+      document.getElementById('errors').hidden = false;
+    });
+  });
+})["catch"](function (err) {
+  document.getElementById('errors').textContent = "".concat(error.details.originalError.message, " ").concat(error.details.originalError.details.originalError[0].message);
+  document.getElementById('errors').hidden = false;
+});
+
+/***/ }),
+
+/***/ 24:
+/*!*********************************************************************!*\
+  !*** multi ./resources/js/clients/payment_methods/braintree-ach.js ***!
+  \*********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payment_methods/braintree-ach.js */"./resources/js/clients/payment_methods/braintree-ach.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payment_methods/wepay-bank-account.js b/public/js/clients/payment_methods/wepay-bank-account.js
index 16770b2fb3..9f29de57a6 100644
--- a/public/js/clients/payment_methods/wepay-bank-account.js
+++ b/public/js/clients/payment_methods/wepay-bank-account.js
@@ -1,2 +1,178 @@
-/*! For license information please see wepay-bank-account.js.LICENSE.txt */
-!function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="/",t(t.s=20)}({20:function(e,n,t){e.exports=t("bIGw")},bIGw:function(e,n){function t(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var r=function(){function e(){!function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,e)}var n,r,o;return n=e,(r=[{key:"initializeWePay",value:function(){var e,n=null===(e=document.querySelector('meta[name="wepay-environment"]'))||void 0===e?void 0:e.content;return WePay.set_endpoint("staging"===n?"stage":"production"),this}},{key:"showBankPopup",value:function(){var e,n;WePay.bank_account.create({client_id:null===(e=document.querySelector("meta[name=wepay-client-id]"))||void 0===e?void 0:e.content,email:null===(n=document.querySelector("meta[name=contact-email]"))||void 0===n?void 0:n.content},(function(e){e.error?(errors.textContent="",errors.textContent=e.error_description,errors.hidden=!1):(document.querySelector('input[name="bank_account_id"]').value=e.bank_account_id,document.getElementById("server_response").submit())}),(function(e){e.error&&(errors.textContent="",errors.textContent=e.error_description,errors.hidden=!1)}))}},{key:"handle",value:function(){this.initializeWePay().showBankPopup()}}])&&t(n.prototype,r),o&&t(n,o),e}();document.addEventListener("DOMContentLoaded",(function(){(new r).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 = 20);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payment_methods/wepay-bank-account.js":
+/*!********************************************************************!*\
+  !*** ./resources/js/clients/payment_methods/wepay-bank-account.js ***!
+  \********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com).
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://www.elastic.co/licensing/elastic-license
+ */
+var WePayBank = /*#__PURE__*/function () {
+  function WePayBank() {
+    _classCallCheck(this, WePayBank);
+  }
+
+  _createClass(WePayBank, [{
+    key: "initializeWePay",
+    value: function initializeWePay() {
+      var _document$querySelect;
+
+      var environment = (_document$querySelect = document.querySelector('meta[name="wepay-environment"]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.content;
+      WePay.set_endpoint(environment === 'staging' ? 'stage' : 'production');
+      return this;
+    }
+  }, {
+    key: "showBankPopup",
+    value: function showBankPopup() {
+      var _document$querySelect2, _document$querySelect3;
+
+      WePay.bank_account.create({
+        client_id: (_document$querySelect2 = document.querySelector('meta[name=wepay-client-id]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content,
+        email: (_document$querySelect3 = document.querySelector('meta[name=contact-email]')) === null || _document$querySelect3 === void 0 ? void 0 : _document$querySelect3.content
+      }, function (data) {
+        if (data.error) {
+          errors.textContent = '';
+          errors.textContent = data.error_description;
+          errors.hidden = false;
+        } else {
+          document.querySelector('input[name="bank_account_id"]').value = data.bank_account_id;
+          document.getElementById('server_response').submit();
+        }
+      }, function (data) {
+        if (data.error) {
+          errors.textContent = '';
+          errors.textContent = data.error_description;
+          errors.hidden = false;
+        }
+      });
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      this.initializeWePay().showBankPopup();
+    }
+  }]);
+
+  return WePayBank;
+}();
+
+document.addEventListener('DOMContentLoaded', function () {
+  new WePayBank().handle();
+});
+
+/***/ }),
+
+/***/ 20:
+/*!**************************************************************************!*\
+  !*** multi ./resources/js/clients/payment_methods/wepay-bank-account.js ***!
+  \**************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payment_methods/wepay-bank-account.js */"./resources/js/clients/payment_methods/wepay-bank-account.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 1e0dbe9220..55a71263e7 100755
--- a/public/js/clients/payments/authorize-credit-card-payment.js
+++ b/public/js/clients/payments/authorize-credit-card-payment.js
@@ -1,2 +1,241 @@
-/*! 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=2)}({2: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").replace(/[^\d]/g,""),n.month=e.CardJs("expiryMonth").replace(/[^\d]/g,""),n.year=e.CardJs("expiryYear").replace(/[^\d]/g,""),n.cardCode=document.getElementById("cvv").value.replace(/[^\d]/g,"");var r={};return r.authData=t,r.cardData=n,document.getElementById("pay-now")&&(document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden")),Accept.dispatchData(r,a.responseHandler),!1})),r(this,"responseHandler",(function(e){if("Error"===e.messages.resultCode){$("#errors").show().html("<p>"+e.messages.message[0].code+": "+e.messages.message[0].text+"</p>"),document.getElementById("pay-now").disabled=!1,document.querySelector("#pay-now > svg").classList.add("hidden"),document.querySelector("#pay-now > span").classList.remove("hidden")}else if("Ok"===e.messages.resultCode){document.getElementById("dataDescriptor").value=e.opaqueData.dataDescriptor,document.getElementById("dataValue").value=e.opaqueData.dataValue;var t=document.querySelector("input[name=token-billing-checkbox]:checked");t&&(document.getElementById("store_card").value=t.value),document.getElementById("server_response").submit()}return!1})),r(this,"handle",(function(){Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(e){return e.addEventListener("click",(function(e){document.getElementById("save-card--container").style.display="none",document.getElementById("authorize--credit-card-container").style.display="none",document.getElementById("token").value=e.target.dataset.token}))}));var e=document.getElementById("toggle-payment-with-credit-card");e&&e.addEventListener("click",(function(){document.getElementById("save-card--container").style.display="grid",document.getElementById("authorize--credit-card-container").style.display="flex",document.getElementById("token").value=null}));var t=document.getElementById("pay-now");return t&&t.addEventListener("click",(function(e){var t=document.getElementById("token");t.value?a.handlePayNowAction(t.value):a.handleAuthorization()})),a})),this.publicKey=t,this.loginId=n,this.cardHolderName=document.getElementById("cardholder_name")}var t,a,o;return t=e,(a=[{key:"handlePayNowAction",value:function(e){document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),document.getElementById("token").value=e,document.getElementById("server_response").submit()}}])&&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 = 2);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./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) 2021. 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').replace(/[^\d]/g, '');
+      cardData.month = myCard.CardJs('expiryMonth').replace(/[^\d]/g, '');
+      cardData.year = myCard.CardJs('expiryYear').replace(/[^\d]/g, '');
+      cardData.cardCode = document.getElementById("cvv").value.replace(/[^\d]/g, '');
+      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;
+
+      var payNowButton = document.getElementById('pay-now');
+
+      if (payNowButton) {
+        document.getElementById('pay-now').disabled = true;
+        document.querySelector('#pay-now > svg').classList.remove('hidden');
+        document.querySelector('#pay-now > span').classList.add('hidden');
+      }
+
+      Accept.dispatchData(secureData, _this.responseHandler);
+      return false;
+    });
+
+    _defineProperty(this, "responseHandler", function (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>");
+        document.getElementById('pay-now').disabled = false;
+        document.querySelector('#pay-now > svg').classList.add('hidden');
+        document.querySelector('#pay-now > span').classList.remove('hidden');
+      } else if (response.messages.resultCode === "Ok") {
+        document.getElementById("dataDescriptor").value = response.opaqueData.dataDescriptor;
+        document.getElementById("dataValue").value = response.opaqueData.dataValue;
+        var storeCard = document.querySelector('input[name=token-billing-checkbox]:checked');
+
+        if (storeCard) {
+          document.getElementById("store_card").value = storeCard.value;
+        }
+
+        document.getElementById("server_response").submit();
+      }
+
+      return false;
+    });
+
+    _defineProperty(this, "handle", function () {
+      Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
+        return element.addEventListener('click', function (e) {
+          document.getElementById('save-card--container').style.display = 'none';
+          document.getElementById('authorize--credit-card-container').style.display = 'none';
+          document.getElementById('token').value = e.target.dataset.token;
+        });
+      });
+      var payWithCreditCardToggle = document.getElementById('toggle-payment-with-credit-card');
+
+      if (payWithCreditCardToggle) {
+        payWithCreditCardToggle.addEventListener('click', function () {
+          document.getElementById('save-card--container').style.display = 'grid';
+          document.getElementById('authorize--credit-card-container').style.display = 'flex';
+          document.getElementById('token').value = null;
+        });
+      }
+
+      var payNowButton = document.getElementById('pay-now');
+
+      if (payNowButton) {
+        payNowButton.addEventListener('click', function (e) {
+          var token = document.getElementById('token');
+          token.value ? _this.handlePayNowAction(token.value) : _this.handleAuthorization();
+        });
+      }
+
+      return _this;
+    });
+
+    this.publicKey = publicKey;
+    this.loginId = loginId;
+    this.cardHolderName = document.getElementById("cardholder_name");
+  }
+
+  _createClass(AuthorizeAuthorizeCard, [{
+    key: "handlePayNowAction",
+    value: function handlePayNowAction(token_hashed_id) {
+      document.getElementById('pay-now').disabled = true;
+      document.querySelector('#pay-now > svg').classList.remove('hidden');
+      document.querySelector('#pay-now > span').classList.add('hidden');
+      document.getElementById("token").value = token_hashed_id;
+      document.getElementById("server_response").submit();
+    }
+  }]);
+
+  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/payments/authorize-credit-card-payment.js ***!
+  \******************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/authorize-credit-card-payment.js */"./resources/js/clients/payments/authorize-credit-card-payment.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/braintree-credit-card.js b/public/js/clients/payments/braintree-credit-card.js
index 48ffc19c16..482c225228 100644
--- a/public/js/clients/payments/braintree-credit-card.js
+++ b/public/js/clients/payments/braintree-credit-card.js
@@ -1,2 +1,221 @@
-/*! For license information please see braintree-credit-card.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=17)}({17:function(e,t,n){e.exports=n("jPAV")},jPAV:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)}var t,r,o;return t=e,(r=[{key:"initBraintreeDataCollector",value:function(){window.braintree.client.create({authorization:document.querySelector("meta[name=client-token]").content},(function(e,t){window.braintree.dataCollector.create({client:t,paypal:!0},(function(e,t){e||(document.querySelector("input[name=client-data]").value=t.deviceData)}))}))}},{key:"mountBraintreePaymentWidget",value:function(){window.braintree.dropin.create({authorization:document.querySelector("meta[name=client-token]").content,container:"#dropin-container"},this.handleCallback)}},{key:"handleCallback",value:function(e,t){if(e)console.error(e);else{var n=document.getElementById("pay-now");n.addEventListener("click",(function(){t.requestPaymentMethod((function(e,t){if(e)return console.error(e);n.disabled=!0,n.querySelector("svg").classList.remove("hidden"),n.querySelector("span").classList.add("hidden"),document.querySelector("input[name=gateway_response]").value=JSON.stringify(t);var r=document.querySelector('input[name="token-billing-checkbox"]:checked');r&&(document.querySelector('input[name="store_card"]').value=r.value),document.getElementById("server-response").submit()}))}))}}},{key:"handle",value:function(){this.initBraintreeDataCollector(),this.mountBraintreePaymentWidget(),Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(e){return e.addEventListener("click",(function(e){document.getElementById("dropin-container").classList.add("hidden"),document.getElementById("save-card--container").style.display="none",document.querySelector("input[name=token]").value=e.target.dataset.token,document.getElementById("pay-now-with-token").classList.remove("hidden"),document.getElementById("pay-now").classList.add("hidden")}))})),document.getElementById("toggle-payment-with-credit-card").addEventListener("click",(function(e){document.getElementById("dropin-container").classList.remove("hidden"),document.getElementById("save-card--container").style.display="grid",document.querySelector("input[name=token]").value="",document.getElementById("pay-now-with-token").classList.add("hidden"),document.getElementById("pay-now").classList.remove("hidden")}));var e=document.getElementById("pay-now-with-token");e.addEventListener("click",(function(t){e.disabled=!0,e.querySelector("svg").classList.remove("hidden"),e.querySelector("span").classList.add("hidden"),document.getElementById("server-response").submit()}))}}])&&n(t.prototype,r),o&&n(t,o),e}())).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 17);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/braintree-credit-card.js":
+/*!****************************************************************!*\
+  !*** ./resources/js/clients/payments/braintree-credit-card.js ***!
+  \****************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com).
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var BraintreeCreditCard = /*#__PURE__*/function () {
+  function BraintreeCreditCard() {
+    _classCallCheck(this, BraintreeCreditCard);
+  }
+
+  _createClass(BraintreeCreditCard, [{
+    key: "initBraintreeDataCollector",
+    value: function initBraintreeDataCollector() {
+      window.braintree.client.create({
+        authorization: document.querySelector('meta[name=client-token]').content
+      }, function (err, clientInstance) {
+        window.braintree.dataCollector.create({
+          client: clientInstance,
+          paypal: true
+        }, function (err, dataCollectorInstance) {
+          if (err) {
+            return;
+          }
+
+          document.querySelector('input[name=client-data]').value = dataCollectorInstance.deviceData;
+        });
+      });
+    }
+  }, {
+    key: "mountBraintreePaymentWidget",
+    value: function mountBraintreePaymentWidget() {
+      window.braintree.dropin.create({
+        authorization: document.querySelector('meta[name=client-token]').content,
+        container: '#dropin-container'
+      }, this.handleCallback);
+    }
+  }, {
+    key: "handleCallback",
+    value: function handleCallback(error, dropinInstance) {
+      if (error) {
+        console.error(error);
+        return;
+      }
+
+      var payNow = document.getElementById('pay-now');
+      payNow.addEventListener('click', function () {
+        dropinInstance.requestPaymentMethod(function (error, payload) {
+          if (error) {
+            return console.error(error);
+          }
+
+          payNow.disabled = true;
+          payNow.querySelector('svg').classList.remove('hidden');
+          payNow.querySelector('span').classList.add('hidden');
+          document.querySelector('input[name=gateway_response]').value = JSON.stringify(payload);
+          var tokenBillingCheckbox = document.querySelector('input[name="token-billing-checkbox"]:checked');
+
+          if (tokenBillingCheckbox) {
+            document.querySelector('input[name="store_card"]').value = tokenBillingCheckbox.value;
+          }
+
+          document.getElementById('server-response').submit();
+        });
+      });
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      this.initBraintreeDataCollector();
+      this.mountBraintreePaymentWidget();
+      Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
+        return element.addEventListener('click', function (element) {
+          document.getElementById('dropin-container').classList.add('hidden');
+          document.getElementById('save-card--container').style.display = 'none';
+          document.querySelector('input[name=token]').value = element.target.dataset.token;
+          document.getElementById('pay-now-with-token').classList.remove('hidden');
+          document.getElementById('pay-now').classList.add('hidden');
+        });
+      });
+      document.getElementById('toggle-payment-with-credit-card').addEventListener('click', function (element) {
+        document.getElementById('dropin-container').classList.remove('hidden');
+        document.getElementById('save-card--container').style.display = 'grid';
+        document.querySelector('input[name=token]').value = "";
+        document.getElementById('pay-now-with-token').classList.add('hidden');
+        document.getElementById('pay-now').classList.remove('hidden');
+      });
+      var payNowWithToken = document.getElementById('pay-now-with-token');
+      payNowWithToken.addEventListener('click', function (element) {
+        payNowWithToken.disabled = true;
+        payNowWithToken.querySelector('svg').classList.remove('hidden');
+        payNowWithToken.querySelector('span').classList.add('hidden');
+        document.getElementById('server-response').submit();
+      });
+    }
+  }]);
+
+  return BraintreeCreditCard;
+}();
+
+new BraintreeCreditCard().handle();
+
+/***/ }),
+
+/***/ 17:
+/*!**********************************************************************!*\
+  !*** multi ./resources/js/clients/payments/braintree-credit-card.js ***!
+  \**********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/braintree-credit-card.js */"./resources/js/clients/payments/braintree-credit-card.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/braintree-paypal.js b/public/js/clients/payments/braintree-paypal.js
index 231191fa75..36f4eb6433 100644
--- a/public/js/clients/payments/braintree-paypal.js
+++ b/public/js/clients/payments/braintree-paypal.js
@@ -1,2 +1,234 @@
-/*! For license information please see braintree-paypal.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=18)}({18:function(e,t,n){e.exports=n("cZZG")},cZZG:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)}var t,r,o;return t=e,o=[{key:"getPaymentDetails",value:function(){return{flow:"vault"}}},{key:"handleErrorMessage",value:function(e){var t=document.getElementById("errors");t.innerText=e,t.hidden=!1}}],(r=[{key:"initBraintreeDataCollector",value:function(){window.braintree.client.create({authorization:document.querySelector("meta[name=client-token]").content},(function(e,t){window.braintree.dataCollector.create({client:t,paypal:!0},(function(e,t){e||(document.querySelector("input[name=client-data]").value=t.deviceData)}))}))}},{key:"handlePaymentWithToken",value:function(){Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(e){return e.addEventListener("click",(function(e){document.getElementById("paypal-button").classList.add("hidden"),document.getElementById("save-card--container").style.display="none",document.querySelector("input[name=token]").value=e.target.dataset.token,document.getElementById("pay-now-with-token").classList.remove("hidden"),document.getElementById("pay-now").classList.add("hidden")}))}));var e=document.getElementById("pay-now-with-token");e.addEventListener("click",(function(t){e.disabled=!0,e.querySelector("svg").classList.remove("hidden"),e.querySelector("span").classList.add("hidden"),document.getElementById("server-response").submit()}))}},{key:"handle",value:function(){this.initBraintreeDataCollector(),this.handlePaymentWithToken(),braintree.client.create({authorization:document.querySelector("meta[name=client-token]").content}).then((function(e){return braintree.paypalCheckout.create({client:e})})).then((function(t){return t.loadPayPalSDK({vault:!0}).then((function(t){return paypal.Buttons({fundingSource:paypal.FUNDING.PAYPAL,createBillingAgreement:function(){return t.createPayment(e.getPaymentDetails())},onApprove:function(e,n){return t.tokenizePayment(e).then((function(e){var t=document.querySelector('input[name="token-billing-checkbox"]:checked');t&&(document.querySelector('input[name="store_card"]').value=t.value),document.querySelector("input[name=gateway_response]").value=JSON.stringify(e),document.getElementById("server-response").submit()}))},onCancel:function(e){},onError:function(t){console.log(t.message),e.handleErrorMessage(t.message)}}).render("#paypal-button")}))})).catch((function(t){console.log(t.message),e.handleErrorMessage(t.message)}))}}])&&n(t.prototype,r),o&&n(t,o),e}())).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 18);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/braintree-paypal.js":
+/*!***********************************************************!*\
+  !*** ./resources/js/clients/payments/braintree-paypal.js ***!
+  \***********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com).
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var BraintreePayPal = /*#__PURE__*/function () {
+  function BraintreePayPal() {
+    _classCallCheck(this, BraintreePayPal);
+  }
+
+  _createClass(BraintreePayPal, [{
+    key: "initBraintreeDataCollector",
+    value: function initBraintreeDataCollector() {
+      window.braintree.client.create({
+        authorization: document.querySelector('meta[name=client-token]').content
+      }, function (err, clientInstance) {
+        window.braintree.dataCollector.create({
+          client: clientInstance,
+          paypal: true
+        }, function (err, dataCollectorInstance) {
+          if (err) {
+            return;
+          }
+
+          document.querySelector('input[name=client-data]').value = dataCollectorInstance.deviceData;
+        });
+      });
+    }
+  }, {
+    key: "handlePaymentWithToken",
+    value: function handlePaymentWithToken() {
+      Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
+        return element.addEventListener('click', function (element) {
+          document.getElementById('paypal-button').classList.add('hidden');
+          document.getElementById('save-card--container').style.display = 'none';
+          document.querySelector('input[name=token]').value = element.target.dataset.token;
+          document.getElementById('pay-now-with-token').classList.remove('hidden');
+          document.getElementById('pay-now').classList.add('hidden');
+        });
+      });
+      var payNowWithToken = document.getElementById('pay-now-with-token');
+      payNowWithToken.addEventListener('click', function (element) {
+        payNowWithToken.disabled = true;
+        payNowWithToken.querySelector('svg').classList.remove('hidden');
+        payNowWithToken.querySelector('span').classList.add('hidden');
+        document.getElementById('server-response').submit();
+      });
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      this.initBraintreeDataCollector();
+      this.handlePaymentWithToken();
+      braintree.client.create({
+        authorization: document.querySelector('meta[name=client-token]').content
+      }).then(function (clientInstance) {
+        return braintree.paypalCheckout.create({
+          client: clientInstance
+        });
+      }).then(function (paypalCheckoutInstance) {
+        return paypalCheckoutInstance.loadPayPalSDK({
+          vault: true
+        }).then(function (paypalCheckoutInstance) {
+          return paypal.Buttons({
+            fundingSource: paypal.FUNDING.PAYPAL,
+            createBillingAgreement: function createBillingAgreement() {
+              return paypalCheckoutInstance.createPayment(BraintreePayPal.getPaymentDetails());
+            },
+            onApprove: function onApprove(data, actions) {
+              return paypalCheckoutInstance.tokenizePayment(data).then(function (payload) {
+                var tokenBillingCheckbox = document.querySelector('input[name="token-billing-checkbox"]:checked');
+
+                if (tokenBillingCheckbox) {
+                  document.querySelector('input[name="store_card"]').value = tokenBillingCheckbox.value;
+                }
+
+                document.querySelector('input[name=gateway_response]').value = JSON.stringify(payload);
+                document.getElementById('server-response').submit();
+              });
+            },
+            onCancel: function onCancel(data) {// ..
+            },
+            onError: function onError(err) {
+              console.log(err.message);
+              BraintreePayPal.handleErrorMessage(err.message);
+            }
+          }).render('#paypal-button');
+        });
+      })["catch"](function (err) {
+        console.log(err.message);
+        BraintreePayPal.handleErrorMessage(err.message);
+      });
+    }
+  }], [{
+    key: "getPaymentDetails",
+    value: function getPaymentDetails() {
+      return {
+        flow: 'vault'
+      };
+    }
+  }, {
+    key: "handleErrorMessage",
+    value: function handleErrorMessage(message) {
+      var errorsContainer = document.getElementById('errors');
+      errorsContainer.innerText = message;
+      errorsContainer.hidden = false;
+    }
+  }]);
+
+  return BraintreePayPal;
+}();
+
+new BraintreePayPal().handle();
+
+/***/ }),
+
+/***/ 18:
+/*!*****************************************************************!*\
+  !*** multi ./resources/js/clients/payments/braintree-paypal.js ***!
+  \*****************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/braintree-paypal.js */"./resources/js/clients/payments/braintree-paypal.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/card-js.min.js b/public/js/clients/payments/card-js.min.js
index ea31d577eb..1cad6adb33 100755
--- a/public/js/clients/payments/card-js.min.js
+++ b/public/js/clients/payments/card-js.min.js
@@ -1 +1,112 @@
-!function(t){var e={};function r(n){if(e[n])return e[n].exports;var i=e[n]={i:n,l:!1,exports:{}};return t[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}r.m=t,r.c=e,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)r.d(n,i,function(e){return t[e]}.bind(null,i));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="/",r(r.s=13)}({13:function(t,e,r){t.exports=r("tci0")},tci0:function(t,e){function r(t){this.elem=jQuery(t),this.captureName=!!this.elem.data("capture-name")&&this.elem.data("capture-name"),this.iconColour=!!this.elem.data("icon-colour")&&this.elem.data("icon-colour"),this.stripe=!!this.elem.data("stripe")&&this.elem.data("stripe"),this.stripe&&(this.captureName=!1),this.initCardNumberInput(),this.initNameInput(),this.initExpiryMonthInput(),this.initExpiryYearInput(),this.initCvcInput(),this.elem.empty(),this.setupCardNumberInput(),this.setupNameInput(),this.setupExpiryInput(),this.setupCvcInput(),this.iconColour&&this.setIconColour(this.iconColour),this.refreshCreditCardTypeIcon()}!function(t){var e={init:function(){return this.data("cardjs",new r(this)),this},cardNumber:function(){return this.data("cardjs").getCardNumber()},cardType:function(){return this.data("cardjs").getCardType()},name:function(){return this.data("cardjs").getName()},expiryMonth:function(){return this.data("cardjs").getExpiryMonth()},expiryYear:function(){return this.data("cardjs").getExpiryYear()},cvc:function(){return this.data("cardjs").getCvc()}};t.fn.CardJs=function(r){return e[r]?e[r].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof r&&r?void t.error("Method "+r+" does not exist on jQuery.CardJs"):e.init.apply(this,arguments)}}(jQuery),$((function(){$(".card-js").each((function(t,e){$(e).CardJs()}))})),r.prototype.constructor=r,r.KEYS={0:48,9:57,NUMPAD_0:96,NUMPAD_9:105,DELETE:46,BACKSPACE:8,ARROW_LEFT:37,ARROW_RIGHT:39,ARROW_UP:38,ARROW_DOWN:40,HOME:36,END:35,TAB:9,A:65,X:88,C:67,V:86},r.CREDIT_CARD_NUMBER_DEFAULT_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_VISA_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_MASTERCARD_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_DISCOVER_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_JCB_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_AMEX_MASK="XXXX XXXXXX XXXXX",r.CREDIT_CARD_NUMBER_DINERS_MASK="XXXX XXXX XXXX XX",r.prototype.creditCardNumberMask=r.CREDIT_CARD_NUMBER_DEFAULT_MASK,r.CREDIT_CARD_NUMBER_PLACEHOLDER="Card number",r.NAME_PLACEHOLDER="Name on card",r.EXPIRY_MASK="XX / XX",r.EXPIRY_PLACEHOLDER="MM / YY",r.EXPIRY_USE_DROPDOWNS=!1,r.EXPIRY_NUMBER_OF_YEARS=10,r.CVC_MASK_3="XXX",r.CVC_MASK_4="XXXX",r.CVC_PLACEHOLDER="CVC",r.CREDIT_CARD_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="3px" width="24px" height="17px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M182.385,14.258c-2.553-2.553-5.621-3.829-9.205-3.829H42.821c-3.585,0-6.653,1.276-9.207,3.829c-2.553,2.553-3.829,5.621-3.829,9.206v99.071c0,3.585,1.276,6.654,3.829,9.207c2.554,2.553,5.622,3.829,9.207,3.829H173.18c3.584,0,6.652-1.276,9.205-3.829s3.83-5.622,3.83-9.207V23.464C186.215,19.879,184.938,16.811,182.385,14.258z M175.785,122.536c0,0.707-0.258,1.317-0.773,1.834c-0.516,0.515-1.127,0.772-1.832,0.772H42.821c-0.706,0-1.317-0.258-1.833-0.773c-0.516-0.518-0.774-1.127-0.774-1.834V73h135.571V122.536z M175.785,41.713H40.214v-18.25c0-0.706,0.257-1.316,0.774-1.833c0.516-0.515,1.127-0.773,1.833-0.773H173.18c0.705,0,1.316,0.257,1.832,0.773c0.516,0.517,0.773,1.127,0.773,1.833V41.713z"/><rect class="svg" x="50.643" y="104.285" width="20.857" height="10.429"/><rect class="svg" x="81.929" y="104.285" width="31.286" height="10.429"/></g></svg>',r.LOCK_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="3px" width="24px" height="17px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M152.646,70.067c-1.521-1.521-3.367-2.281-5.541-2.281H144.5V52.142c0-9.994-3.585-18.575-10.754-25.745c-7.17-7.17-15.751-10.755-25.746-10.755s-18.577,3.585-25.746,10.755C75.084,33.567,71.5,42.148,71.5,52.142v15.644h-2.607c-2.172,0-4.019,0.76-5.54,2.281c-1.521,1.52-2.281,3.367-2.281,5.541v46.929c0,2.172,0.76,4.019,2.281,5.54c1.521,1.52,3.368,2.281,5.54,2.281h78.214c2.174,0,4.02-0.76,5.541-2.281c1.52-1.521,2.281-3.368,2.281-5.54V75.607C154.93,73.435,154.168,71.588,152.646,70.067z M128.857,67.786H87.143V52.142c0-5.757,2.037-10.673,6.111-14.746c4.074-4.074,8.989-6.11,14.747-6.11s10.673,2.036,14.746,6.11c4.073,4.073,6.11,8.989,6.11,14.746V67.786z"/></svg>',r.CALENDAR_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M172.691,23.953c-2.062-2.064-4.508-3.096-7.332-3.096h-10.428v-7.822c0-3.584-1.277-6.653-3.83-9.206c-2.554-2.553-5.621-3.83-9.207-3.83h-5.213c-3.586,0-6.654,1.277-9.207,3.83c-2.554,2.553-3.83,5.622-3.83,9.206v7.822H92.359v-7.822c0-3.584-1.277-6.653-3.83-9.206c-2.553-2.553-5.622-3.83-9.207-3.83h-5.214c-3.585,0-6.654,1.277-9.207,3.83c-2.553,2.553-3.83,5.622-3.83,9.206v7.822H50.643c-2.825,0-5.269,1.032-7.333,3.096s-3.096,4.509-3.096,7.333v104.287c0,2.823,1.032,5.267,3.096,7.332c2.064,2.064,4.508,3.096,7.333,3.096h114.714c2.824,0,5.27-1.032,7.332-3.096c2.064-2.064,3.096-4.509,3.096-7.332V31.286C175.785,28.461,174.754,26.017,172.691,23.953z M134.073,13.036c0-0.761,0.243-1.386,0.731-1.874c0.488-0.488,1.113-0.733,1.875-0.733h5.213c0.762,0,1.385,0.244,1.875,0.733c0.488,0.489,0.732,1.114,0.732,1.874V36.5c0,0.761-0.244,1.385-0.732,1.874c-0.49,0.488-1.113,0.733-1.875,0.733h-5.213c-0.762,0-1.387-0.244-1.875-0.733s-0.731-1.113-0.731-1.874V13.036z M71.501,13.036c0-0.761,0.244-1.386,0.733-1.874c0.489-0.488,1.113-0.733,1.874-0.733h5.214c0.761,0,1.386,0.244,1.874,0.733c0.488,0.489,0.733,1.114,0.733,1.874V36.5c0,0.761-0.244,1.386-0.733,1.874c-0.489,0.488-1.113,0.733-1.874,0.733h-5.214c-0.761,0-1.386-0.244-1.874-0.733c-0.488-0.489-0.733-1.113-0.733-1.874V13.036z M165.357,135.572H50.643V52.143h114.714V135.572z"/></svg>',r.USER_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M107.999,73c8.638,0,16.011-3.056,22.12-9.166c6.111-6.11,9.166-13.483,9.166-22.12c0-8.636-3.055-16.009-9.166-22.12c-6.11-6.11-13.484-9.165-22.12-9.165c-8.636,0-16.01,3.055-22.12,9.165c-6.111,6.111-9.166,13.484-9.166,22.12c0,8.637,3.055,16.01,9.166,22.12C91.99,69.944,99.363,73,107.999,73z"/><path class="svg" d="M165.07,106.037c-0.191-2.743-0.571-5.703-1.141-8.881c-0.57-3.178-1.291-6.124-2.16-8.84c-0.869-2.715-2.037-5.363-3.504-7.943c-1.466-2.58-3.15-4.78-5.052-6.6s-4.223-3.272-6.965-4.358c-2.744-1.086-5.772-1.63-9.085-1.63c-0.489,0-1.63,0.584-3.422,1.752s-3.815,2.472-6.069,3.911c-2.254,1.438-5.188,2.743-8.799,3.909c-3.612,1.168-7.237,1.752-10.877,1.752c-3.639,0-7.264-0.584-10.876-1.752c-3.611-1.166-6.545-2.471-8.799-3.909c-2.254-1.439-4.277-2.743-6.069-3.911c-1.793-1.168-2.933-1.752-3.422-1.752c-3.313,0-6.341,0.544-9.084,1.63s-5.065,2.539-6.966,4.358c-1.901,1.82-3.585,4.02-5.051,6.6s-2.634,5.229-3.503,7.943c-0.869,2.716-1.589,5.662-2.159,8.84c-0.571,3.178-0.951,6.137-1.141,8.881c-0.19,2.744-0.285,5.554-0.285,8.433c0,6.517,1.983,11.664,5.948,15.439c3.965,3.774,9.234,5.661,15.806,5.661h71.208c6.572,0,11.84-1.887,15.806-5.661c3.966-3.775,5.948-8.921,5.948-15.439C165.357,111.591,165.262,108.78,165.07,106.037z"/></g></svg>',r.MAIL_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M177.171,19.472c-2.553-2.553-5.622-3.829-9.206-3.829H48.036c-3.585,0-6.654,1.276-9.207,3.829C36.276,22.025,35,25.094,35,28.679v88.644c0,3.585,1.276,6.652,3.829,9.205c2.553,2.555,5.622,3.83,9.207,3.83h119.929c3.584,0,6.653-1.275,9.206-3.83c2.554-2.553,3.829-5.621,3.829-9.205V28.679C181,25.094,179.725,22.025,177.171,19.472zM170.57,117.321c0,0.706-0.258,1.317-0.774,1.833s-1.127,0.773-1.832,0.773H48.035c-0.706,0-1.317-0.257-1.833-0.773c-0.516-0.516-0.774-1.127-0.774-1.833V54.75c1.738,1.955,3.612,3.748,5.622,5.377c14.557,11.189,26.126,20.368,34.708,27.538c2.77,2.336,5.024,4.155,6.762,5.459s4.087,2.62,7.047,3.951s5.744,1.995,8.351,1.995H108h0.081c2.606,0,5.392-0.664,8.351-1.995c2.961-1.331,5.311-2.647,7.049-3.951c1.737-1.304,3.992-3.123,6.762-5.459c8.582-7.17,20.15-16.349,34.707-27.538c2.01-1.629,3.885-3.422,5.621-5.377V117.321z M170.57,30.797v0.896c0,3.204-1.262,6.776-3.787,10.713c-2.525,3.938-5.256,7.075-8.188,9.41c-10.484,8.257-21.373,16.865-32.672,25.827c-0.326,0.271-1.277,1.073-2.852,2.403c-1.574,1.331-2.824,2.351-3.748,3.056c-0.924,0.707-2.131,1.562-3.625,2.566s-2.865,1.752-4.114,2.24s-2.417,0.732-3.503,0.732H108h-0.082c-1.086,0-2.253-0.244-3.503-0.732c-1.249-0.488-2.621-1.236-4.114-2.24c-1.493-1.004-2.702-1.859-3.625-2.566c-0.923-0.705-2.173-1.725-3.748-3.056c-1.575-1.33-2.526-2.132-2.852-2.403c-11.297-8.962-22.187-17.57-32.67-25.827c-7.985-6.3-11.977-14.013-11.977-23.138c0-0.706,0.258-1.317,0.774-1.833c0.516-0.516,1.127-0.774,1.833-0.774h119.929c0.434,0.244,0.814,0.312,1.141,0.204c0.326-0.11,0.57,0.094,0.732,0.61c0.163,0.516,0.312,0.76,0.448,0.733c0.136-0.027,0.218,0.312,0.245,1.019c0.025,0.706,0.039,1.061,0.039,1.061V30.797z"/></svg>',r.INFORMATION_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M97.571,41.714h20.859c1.411,0,2.633-0.516,3.666-1.548c1.031-1.031,1.547-2.254,1.547-3.666V20.857c0-1.412-0.516-2.634-1.549-3.667c-1.031-1.031-2.254-1.548-3.666-1.548H97.571c-1.412,0-2.634,0.517-3.666,1.548c-1.032,1.032-1.548,2.255-1.548,3.667V36.5c0,1.412,0.516,2.635,1.548,3.666C94.937,41.198,96.159,41.714,97.571,41.714z"/><path class="svg" d="M132.523,111.048c-1.031-1.032-2.254-1.548-3.666-1.548h-5.215V62.571c0-1.412-0.516-2.634-1.547-3.666c-1.033-1.032-2.255-1.548-3.666-1.548H87.143c-1.412,0-2.634,0.516-3.666,1.548c-1.032,1.032-1.548,2.254-1.548,3.666V73c0,1.412,0.516,2.635,1.548,3.666c1.032,1.032,2.254,1.548,3.666,1.548h5.215V109.5h-5.215c-1.412,0-2.634,0.516-3.666,1.548c-1.032,1.032-1.548,2.254-1.548,3.666v10.429c0,1.412,0.516,2.635,1.548,3.668c1.032,1.03,2.254,1.547,3.666,1.547h41.714c1.412,0,2.634-0.517,3.666-1.547c1.031-1.033,1.547-2.256,1.547-3.668v-10.429C134.07,113.302,133.557,112.08,132.523,111.048z"/></g></svg>',r.keyCodeFromEvent=function(t){return t.which||t.keyCode},r.keyIsCommandFromEvent=function(t){return t.ctrlKey||t.metaKey},r.keyIsNumber=function(t){return r.keyIsTopNumber(t)||r.keyIsKeypadNumber(t)},r.keyIsTopNumber=function(t){var e=r.keyCodeFromEvent(t);return e>=r.KEYS[0]&&e<=r.KEYS[9]},r.keyIsKeypadNumber=function(t){var e=r.keyCodeFromEvent(t);return e>=r.KEYS.NUMPAD_0&&e<=r.KEYS.NUMPAD_9},r.keyIsDelete=function(t){return r.keyCodeFromEvent(t)==r.KEYS.DELETE},r.keyIsBackspace=function(t){return r.keyCodeFromEvent(t)==r.KEYS.BACKSPACE},r.keyIsDeletion=function(t){return r.keyIsDelete(t)||r.keyIsBackspace(t)},r.keyIsArrow=function(t){var e=r.keyCodeFromEvent(t);return e>=r.KEYS.ARROW_LEFT&&e<=r.KEYS.ARROW_DOWN},r.keyIsNavigation=function(t){var e=r.keyCodeFromEvent(t);return e==r.KEYS.HOME||e==r.KEYS.END},r.keyIsKeyboardCommand=function(t){var e=r.keyCodeFromEvent(t);return r.keyIsCommandFromEvent(t)&&(e==r.KEYS.A||e==r.KEYS.X||e==r.KEYS.C||e==r.KEYS.V)},r.keyIsTab=function(t){return r.keyCodeFromEvent(t)==r.KEYS.TAB},r.copyAllElementAttributes=function(t,e){$.each(t[0].attributes,(function(t,r){e.attr(r.nodeName,r.nodeValue)}))},r.numbersOnlyString=function(t){for(var e="",r=0;r<t.length;r++){var n=t.charAt(r);!isNaN(parseInt(n))&&(e+=n)}return e},r.applyFormatMask=function(t,e){for(var r="",n=0,i=0;i<e.length;i++){var a=e[i];if("X"==a){if(!t.charAt(n))break;r+=t.charAt(n),n++}else r+=a}return r},r.cardTypeFromNumber=function(t){if(e=new RegExp("^30[0-5]"),null!=t.match(e))return"Diners - Carte Blanche";if(e=new RegExp("^(30[6-9]|36|38)"),null!=t.match(e))return"Diners";if(e=new RegExp("^35(2[89]|[3-8][0-9])"),null!=t.match(e))return"JCB";if(e=new RegExp("^3[47]"),null!=t.match(e))return"AMEX";if(e=new RegExp("^(4026|417500|4508|4844|491(3|7))"),null!=t.match(e))return"Visa Electron";var e=new RegExp("^4");return null!=t.match(e)?"Visa":(e=new RegExp("^5[1-5]"),null!=t.match(e)?"Mastercard":(e=new RegExp("^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)"),null!=t.match(e)?"Discover":""))},r.caretStartPosition=function(t){return"number"==typeof t.selectionStart&&t.selectionStart},r.caretEndPosition=function(t){return"number"==typeof t.selectionEnd&&t.selectionEnd},r.setCaretPosition=function(t,e){if(null!=t)if(t.createTextRange){var r=t.createTextRange();r.move("character",e),r.select()}else t.selectionStart?(t.focus(),t.setSelectionRange(e,e)):t.focus()},r.normaliseCaretPosition=function(t,e){var r=0;if(0>e||e>t.length)return 0;for(var n=0;n<t.length;n++){if(n==e)return r;"X"==t[n]&&r++}return r},r.denormaliseCaretPosition=function(t,e){var r=0;if(0>e||e>t.length)return 0;for(var n=0;n<t.length;n++){if(r==e)return n;"X"==t[n]&&r++}return t.length},r.filterNumberOnlyKey=function(t){var e=r.keyIsNumber(t),n=r.keyIsDeletion(t),i=r.keyIsArrow(t),a=r.keyIsNavigation(t),s=r.keyIsKeyboardCommand(t),c=r.keyIsTab(t);e||n||i||a||s||c||t.preventDefault()},r.digitFromKeyCode=function(t){return t>=r.KEYS[0]&&t<=r.KEYS[9]?t-r.KEYS[0]:t>=r.KEYS.NUMPAD_0&&t<=r.KEYS.NUMPAD_9?t-r.KEYS.NUMPAD_0:null},r.handleMaskedNumberInputKey=function(t,e){r.filterNumberOnlyKey(t);var n=t.which||t.keyCode,i=t.target,a=r.caretStartPosition(i),s=r.caretEndPosition(i),c=r.normaliseCaretPosition(e,a),p=r.normaliseCaretPosition(e,s),o=a,u=r.keyIsNumber(t),h=r.keyIsDelete(t),d=r.keyIsBackspace(t);if(u||h||d){t.preventDefault();var l=$(i).val(),y=r.numbersOnlyString(l),m=r.digitFromKeyCode(n),v=p>c;v&&(y=y.slice(0,c)+y.slice(p)),a!=e.length&&(u&&l.length<=e.length&&(y=y.slice(0,c)+m+y.slice(c),o=Math.max(r.denormaliseCaretPosition(e,c+1),r.denormaliseCaretPosition(e,c+2)-1)),h&&(y=y.slice(0,c)+y.slice(c+1))),0!=a&&d&&!v&&(y=y.slice(0,c-1)+y.slice(c),o=r.denormaliseCaretPosition(e,c-1)),$(i).val(r.applyFormatMask(y,e)),r.setCaretPosition(i,o)}},r.handleCreditCardNumberKey=function(t,e){r.handleMaskedNumberInputKey(t,e)},r.handleCreditCardNumberChange=function(t){},r.handleExpiryKey=function(t){r.handleMaskedNumberInputKey(t,r.EXPIRY_MASK)},r.prototype.getCardNumber=function(){return this.cardNumberInput.val()},r.prototype.getCardType=function(){return r.cardTypeFromNumber(this.getCardNumber())},r.prototype.getName=function(){return this.nameInput.val()},r.prototype.getExpiryMonth=function(){return this.expiryMonthInput.val()},r.prototype.getExpiryYear=function(){return this.expiryYearInput.val()},r.prototype.getCvc=function(){return this.cvcInput.val()},r.prototype.setIconColour=function(t){this.elem.find(".icon .svg").css({fill:t})},r.prototype.setIconColour=function(t){this.elem.find(".icon .svg").css({fill:t})},r.prototype.refreshCreditCardTypeIcon=function(){this.setCardTypeIconFromNumber(r.numbersOnlyString(this.cardNumberInput.val()))},r.prototype.clearCardTypeIcon=function(){this.elem.find(".card-number-wrapper .card-type-icon").removeClass("show")},r.prototype.setCardTypeIconAsVisa=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show visa")},r.prototype.setCardTypeIconAsMasterCard=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show master-card")},r.prototype.setCardTypeIconAsAmericanExpress=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show american-express")},r.prototype.setCardTypeIconAsDiscover=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show discover")},r.prototype.setCardTypeIconAsDiners=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show diners")},r.prototype.setCardTypeIconAsJcb=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show jcb")},r.prototype.setCardTypeIconFromNumber=function(t){switch(r.cardTypeFromNumber(t)){case"Visa Electron":case"Visa":this.setCardTypeAsVisa();break;case"Mastercard":this.setCardTypeAsMasterCard();break;case"AMEX":this.setCardTypeAsAmericanExpress();break;case"Discover":this.setCardTypeAsDiscover();break;case"Diners - Carte Blanche":case"Diners":this.setCardTypeAsDiners();break;case"JCB":this.setCardTypeAsJcb();break;default:this.clearCardType()}},r.prototype.setCardMask=function(t){this.creditCardNumberMask=t,this.cardNumberInput.attr("maxlength",t.length)},r.prototype.setCvc3=function(){this.cvcInput.attr("maxlength",r.CVC_MASK_3.length)},r.prototype.setCvc4=function(){this.cvcInput.attr("maxlength",r.CVC_MASK_4.length)},r.prototype.clearCardType=function(){this.clearCardTypeIcon(),this.setCardMask(r.CREDIT_CARD_NUMBER_DEFAULT_MASK),this.setCvc3()},r.prototype.setCardTypeAsVisa=function(){this.setCardTypeIconAsVisa(),this.setCardMask(r.CREDIT_CARD_NUMBER_VISA_MASK),this.setCvc3()},r.prototype.setCardTypeAsMasterCard=function(){this.setCardTypeIconAsMasterCard(),this.setCardMask(r.CREDIT_CARD_NUMBER_MASTERCARD_MASK),this.setCvc3()},r.prototype.setCardTypeAsAmericanExpress=function(){this.setCardTypeIconAsAmericanExpress(),this.setCardMask(r.CREDIT_CARD_NUMBER_AMEX_MASK),this.setCvc4()},r.prototype.setCardTypeAsDiscover=function(){this.setCardTypeIconAsDiscover(),this.setCardMask(r.CREDIT_CARD_NUMBER_DISCOVER_MASK),this.setCvc3()},r.prototype.setCardTypeAsDiners=function(){this.setCardTypeIconAsDiners(),this.setCardMask(r.CREDIT_CARD_NUMBER_DINERS_MASK),this.setCvc3()},r.prototype.setCardTypeAsJcb=function(){this.setCardTypeIconAsJcb(),this.setCardMask(r.CREDIT_CARD_NUMBER_JCB_MASK),this.setCvc3()},r.prototype.initCardNumberInput=function(){var t=this;this.cardNumberInput=this.elem.find(".card-number"),this.cardNumberInput[0]?this.cardNumberInput.detach():this.cardNumberInput=$("<input class='card-number' />"),this.cardNumberInput.attr("type","tel"),this.cardNumberInput.attr("placeholder")||this.cardNumberInput.attr("placeholder",r.CREDIT_CARD_NUMBER_PLACEHOLDER),this.cardNumberInput.attr("maxlength",this.creditCardNumberMask.length),this.cardNumberInput.attr("x-autocompletetype","cc-number"),this.cardNumberInput.attr("autocompletetype","cc-number"),this.cardNumberInput.attr("autocorrect","off"),this.cardNumberInput.attr("spellcheck","off"),this.cardNumberInput.attr("autocapitalize","off"),this.cardNumberInput.keydown((function(e){r.handleCreditCardNumberKey(e,t.creditCardNumberMask)})),this.cardNumberInput.keyup((function(e){t.refreshCreditCardTypeIcon()})),this.cardNumberInput.change(r.handleCreditCardNumberChange)},r.prototype.initNameInput=function(){this.nameInput=this.elem.find(".name"),this.nameInput[0]?(this.captureName=!0,this.nameInput.detach()):this.nameInput=$("<input class='name' />"),this.nameInput.attr("placeholder")||this.nameInput.attr("placeholder",r.NAME_PLACEHOLDER)},r.prototype.initExpiryMonthInput=function(){this.expiryMonthInput=this.elem.find(".expiry-month"),this.expiryMonthInput[0]?this.expiryMonthInput.detach():this.expiryMonthInput=$("<input class='expiry-month' />")},r.prototype.initExpiryYearInput=function(){this.expiryYearInput=this.elem.find(".expiry-year"),this.expiryYearInput[0]?this.expiryYearInput.detach():this.expiryYearInput=$("<input class='expiry-year' />")},r.prototype.initCvcInput=function(){this.cvcInput=this.elem.find(".cvc"),this.cvcInput[0]?this.cvcInput.detach():this.cvcInput=$("<input class='cvc' />"),this.cvcInput.attr("type","tel"),this.cvcInput.attr("placeholder")||this.cvcInput.attr("placeholder",r.CVC_PLACEHOLDER),this.cvcInput.attr("maxlength",r.CVC_MASK_3.length),this.cvcInput.attr("x-autocompletetype","cc-csc"),this.cvcInput.attr("autocompletetype","cc-csc"),this.cvcInput.attr("autocorrect","off"),this.cvcInput.attr("spellcheck","off"),this.cvcInput.attr("autocapitalize","off"),this.cvcInput.keydown(r.filterNumberOnlyKey)},r.prototype.setupCardNumberInput=function(){this.stripe&&this.cardNumberInput.attr("data-stripe","number"),this.elem.append("<div class='card-number-wrapper'></div>");var t=this.elem.find(".card-number-wrapper");t.append(this.cardNumberInput),t.append("<div class='card-type-icon'></div>"),t.append("<div class='icon'></div>"),t.find(".icon").append(r.CREDIT_CARD_SVG)},r.prototype.setupNameInput=function(){if(this.captureName){this.elem.append("<div class='name-wrapper'></div>");var t=this.elem.find(".name-wrapper");t.append(this.nameInput),t.append("<div class='icon'></div>"),t.find(".icon").append(r.USER_SVG)}},r.prototype.setupExpiryInput=function(){this.elem.append("<div class='expiry-container'><div class='expiry-wrapper'></div></div>");var t,e=this.elem.find(".expiry-wrapper");if(this.EXPIRY_USE_DROPDOWNS){t=$("<div></div>");var n=$("<select><option value='any' selected='' hidden=''>MM</option><option value='1'>01</option><option value='2'>02</option><option value='3'>03</option><option value='4'>04</option><option value='5'>05</option><option value='6'>06</option><option value='7'>07</option><option value='8'>08</option><option value='9'>09</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option></select>"),i=this.expiryMonthInput;r.copyAllElementAttributes(i,n),this.expiryMonthInput.remove(),this.expiryMonthInput=n;for(var a=$("<select><option value='any' selected='' hidden=''>YY</option></select>"),s=parseInt((new Date).getFullYear().toString().substring(2,4)),c=0;c<r.EXPIRY_NUMBER_OF_YEARS;c++)a.append("<option value='"+s+"'>"+s+"</option>"),s=(s+1)%100;var p=this.expiryYearInput;r.copyAllElementAttributes(p,a),this.expiryYearInput.remove(),this.expiryYearInput=a,t.append(this.expiryMonthInput),t.append(this.expiryYearInput)}else{t=$("<div></div>"),this.expiryMonthInput=$("<input type='hidden' name='expiry-month' />"),this.expiryYearInput=$("<input type='hidden' name='expiry-year' />"),this.stripe&&(this.expiryMonthInput.attr("data-stripe","exp-month"),this.expiryYearInput.attr("data-stripe","exp-year")),this.expiryMonthYearInput=$("<input class='expiry' />"),this.expiryMonthYearInput.attr("type","tel"),this.expiryMonthYearInput.attr("placeholder")||this.expiryMonthYearInput.attr("placeholder",r.EXPIRY_PLACEHOLDER),this.expiryMonthYearInput.attr("maxlength",r.EXPIRY_MASK.length),this.expiryMonthYearInput.attr("x-autocompletetype","cc-exp"),this.expiryMonthYearInput.attr("autocompletetype","cc-exp"),this.expiryMonthYearInput.attr("autocorrect","off"),this.expiryMonthYearInput.attr("spellcheck","off"),this.expiryMonthYearInput.attr("autocapitalize","off");var o=this;this.expiryMonthYearInput.keydown((function(t){r.handleExpiryKey(t);var e=o.expiryMonthYearInput.val();1==e.length&&parseInt(e)>1&&r.keyIsNumber(t)&&o.expiryMonthYearInput.val(r.applyFormatMask("0"+e,r.EXPIRY_MASK)),o.EXPIRY_USE_DROPDOWNS||null==o.expiryMonthYearInput||(o.expiryMonthInput.val(o.expiryMonth()),o.expiryYearInput.val(7==e.length?e.substr(5,2):null))})),this.expiryMonthYearInput.blur((function(t){o.refreshExpiryMonthValidation()})),t.append(this.expiryMonthYearInput),t.append(this.expiryMonthInput),t.append(this.expiryYearInput)}e.append(t),e.append("<div class='icon'></div>"),e.find(".icon").append(r.CALENDAR_SVG)},r.prototype.setupCvcInput=function(){this.stripe&&this.cvcInput.attr("data-stripe","cvc"),this.elem.append("<div class='cvc-container'><div class='cvc-wrapper'></div></div>");var t=this.elem.find(".cvc-wrapper");t.append(this.cvcInput),t.append("<div class='icon'></div>"),t.find(".icon").append(r.LOCK_SVG)},r.prototype.expiryMonth=function(){if(!this.EXPIRY_USE_DROPDOWNS&&null!=this.expiryMonthYearInput){var t=this.expiryMonthYearInput.val();return t.length>=2?parseInt(t.substr(0,2)):null}return null},r.isValidMonth=function(t){return t>=1&&12>=t},r.isExpiryValid=function(t,e){var n=new Date,i=n.getMonth()+1,a=""+n.getFullYear();return 2==(""+e).length&&(e=a.substring(0,2)+""+e),i=parseInt(i),a=parseInt(a),t=parseInt(t),e=parseInt(e),r.isValidMonth(t)&&(e>a||e==a&&t>=i)},r.prototype.refreshExpiryMonthValidation=function(){r.isExpiryValid(this.getExpiryMonth(),this.getExpiryYear())?this.setExpiryMonthAsValid():this.setExpiryMonthAsInvalid()},r.prototype.setExpiryMonthAsValid=function(){this.EXPIRY_USE_DROPDOWNS||this.expiryMonthYearInput.parent().removeClass("has-error")},r.prototype.setExpiryMonthAsInvalid=function(){this.EXPIRY_USE_DROPDOWNS||this.expiryMonthYearInput.parent().addClass("has-error")}}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 13);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./node_modules/card-js/card-js.min.js":
+/*!*********************************************!*\
+  !*** ./node_modules/card-js/card-js.min.js ***!
+  \*********************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function CardJs(elem){this.elem=jQuery(elem),this.captureName=this.elem.data("capture-name")?this.elem.data("capture-name"):!1,this.iconColour=this.elem.data("icon-colour")?this.elem.data("icon-colour"):!1,this.stripe=this.elem.data("stripe")?this.elem.data("stripe"):!1,this.stripe&&(this.captureName=!1),this.initCardNumberInput(),this.initNameInput(),this.initExpiryMonthInput(),this.initExpiryYearInput(),this.initCvcInput(),this.elem.empty(),this.setupCardNumberInput(),this.setupNameInput(),this.setupExpiryInput(),this.setupCvcInput(),this.iconColour&&this.setIconColour(this.iconColour),this.refreshCreditCardTypeIcon()}!function($){var methods={init:function(){return this.data("cardjs",new CardJs(this)),this},cardNumber:function(){return this.data("cardjs").getCardNumber()},cardType:function(){return this.data("cardjs").getCardType()},name:function(){return this.data("cardjs").getName()},expiryMonth:function(){return this.data("cardjs").getExpiryMonth()},expiryYear:function(){return this.data("cardjs").getExpiryYear()},cvc:function(){return this.data("cardjs").getCvc()}};$.fn.CardJs=function(methodOrOptions){return methods[methodOrOptions]?methods[methodOrOptions].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof methodOrOptions&&methodOrOptions?void $.error("Method "+methodOrOptions+" does not exist on jQuery.CardJs"):methods.init.apply(this,arguments)}}(jQuery),$(function(){$(".card-js").each(function(i,obj){$(obj).CardJs()})}),CardJs.prototype.constructor=CardJs,CardJs.KEYS={0:48,9:57,NUMPAD_0:96,NUMPAD_9:105,DELETE:46,BACKSPACE:8,ARROW_LEFT:37,ARROW_RIGHT:39,ARROW_UP:38,ARROW_DOWN:40,HOME:36,END:35,TAB:9,A:65,X:88,C:67,V:86},CardJs.CREDIT_CARD_NUMBER_DEFAULT_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_VISA_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_MASTERCARD_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_DISCOVER_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_JCB_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_AMEX_MASK="XXXX XXXXXX XXXXX",CardJs.CREDIT_CARD_NUMBER_DINERS_MASK="XXXX XXXX XXXX XX",CardJs.prototype.creditCardNumberMask=CardJs.CREDIT_CARD_NUMBER_DEFAULT_MASK,CardJs.CREDIT_CARD_NUMBER_PLACEHOLDER="Card number",CardJs.NAME_PLACEHOLDER="Name on card",CardJs.EXPIRY_MASK="XX / XX",CardJs.EXPIRY_PLACEHOLDER="MM / YY",CardJs.EXPIRY_USE_DROPDOWNS=!1,CardJs.EXPIRY_NUMBER_OF_YEARS=10,CardJs.CVC_MASK_3="XXX",CardJs.CVC_MASK_4="XXXX",CardJs.CVC_PLACEHOLDER="CVC",CardJs.CREDIT_CARD_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="3px" width="24px" height="17px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M182.385,14.258c-2.553-2.553-5.621-3.829-9.205-3.829H42.821c-3.585,0-6.653,1.276-9.207,3.829c-2.553,2.553-3.829,5.621-3.829,9.206v99.071c0,3.585,1.276,6.654,3.829,9.207c2.554,2.553,5.622,3.829,9.207,3.829H173.18c3.584,0,6.652-1.276,9.205-3.829s3.83-5.622,3.83-9.207V23.464C186.215,19.879,184.938,16.811,182.385,14.258z M175.785,122.536c0,0.707-0.258,1.317-0.773,1.834c-0.516,0.515-1.127,0.772-1.832,0.772H42.821c-0.706,0-1.317-0.258-1.833-0.773c-0.516-0.518-0.774-1.127-0.774-1.834V73h135.571V122.536z M175.785,41.713H40.214v-18.25c0-0.706,0.257-1.316,0.774-1.833c0.516-0.515,1.127-0.773,1.833-0.773H173.18c0.705,0,1.316,0.257,1.832,0.773c0.516,0.517,0.773,1.127,0.773,1.833V41.713z"/><rect class="svg" x="50.643" y="104.285" width="20.857" height="10.429"/><rect class="svg" x="81.929" y="104.285" width="31.286" height="10.429"/></g></svg>',CardJs.LOCK_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="3px" width="24px" height="17px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M152.646,70.067c-1.521-1.521-3.367-2.281-5.541-2.281H144.5V52.142c0-9.994-3.585-18.575-10.754-25.745c-7.17-7.17-15.751-10.755-25.746-10.755s-18.577,3.585-25.746,10.755C75.084,33.567,71.5,42.148,71.5,52.142v15.644h-2.607c-2.172,0-4.019,0.76-5.54,2.281c-1.521,1.52-2.281,3.367-2.281,5.541v46.929c0,2.172,0.76,4.019,2.281,5.54c1.521,1.52,3.368,2.281,5.54,2.281h78.214c2.174,0,4.02-0.76,5.541-2.281c1.52-1.521,2.281-3.368,2.281-5.54V75.607C154.93,73.435,154.168,71.588,152.646,70.067z M128.857,67.786H87.143V52.142c0-5.757,2.037-10.673,6.111-14.746c4.074-4.074,8.989-6.11,14.747-6.11s10.673,2.036,14.746,6.11c4.073,4.073,6.11,8.989,6.11,14.746V67.786z"/></svg>',CardJs.CALENDAR_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M172.691,23.953c-2.062-2.064-4.508-3.096-7.332-3.096h-10.428v-7.822c0-3.584-1.277-6.653-3.83-9.206c-2.554-2.553-5.621-3.83-9.207-3.83h-5.213c-3.586,0-6.654,1.277-9.207,3.83c-2.554,2.553-3.83,5.622-3.83,9.206v7.822H92.359v-7.822c0-3.584-1.277-6.653-3.83-9.206c-2.553-2.553-5.622-3.83-9.207-3.83h-5.214c-3.585,0-6.654,1.277-9.207,3.83c-2.553,2.553-3.83,5.622-3.83,9.206v7.822H50.643c-2.825,0-5.269,1.032-7.333,3.096s-3.096,4.509-3.096,7.333v104.287c0,2.823,1.032,5.267,3.096,7.332c2.064,2.064,4.508,3.096,7.333,3.096h114.714c2.824,0,5.27-1.032,7.332-3.096c2.064-2.064,3.096-4.509,3.096-7.332V31.286C175.785,28.461,174.754,26.017,172.691,23.953z M134.073,13.036c0-0.761,0.243-1.386,0.731-1.874c0.488-0.488,1.113-0.733,1.875-0.733h5.213c0.762,0,1.385,0.244,1.875,0.733c0.488,0.489,0.732,1.114,0.732,1.874V36.5c0,0.761-0.244,1.385-0.732,1.874c-0.49,0.488-1.113,0.733-1.875,0.733h-5.213c-0.762,0-1.387-0.244-1.875-0.733s-0.731-1.113-0.731-1.874V13.036z M71.501,13.036c0-0.761,0.244-1.386,0.733-1.874c0.489-0.488,1.113-0.733,1.874-0.733h5.214c0.761,0,1.386,0.244,1.874,0.733c0.488,0.489,0.733,1.114,0.733,1.874V36.5c0,0.761-0.244,1.386-0.733,1.874c-0.489,0.488-1.113,0.733-1.874,0.733h-5.214c-0.761,0-1.386-0.244-1.874-0.733c-0.488-0.489-0.733-1.113-0.733-1.874V13.036z M165.357,135.572H50.643V52.143h114.714V135.572z"/></svg>',CardJs.USER_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M107.999,73c8.638,0,16.011-3.056,22.12-9.166c6.111-6.11,9.166-13.483,9.166-22.12c0-8.636-3.055-16.009-9.166-22.12c-6.11-6.11-13.484-9.165-22.12-9.165c-8.636,0-16.01,3.055-22.12,9.165c-6.111,6.111-9.166,13.484-9.166,22.12c0,8.637,3.055,16.01,9.166,22.12C91.99,69.944,99.363,73,107.999,73z"/><path class="svg" d="M165.07,106.037c-0.191-2.743-0.571-5.703-1.141-8.881c-0.57-3.178-1.291-6.124-2.16-8.84c-0.869-2.715-2.037-5.363-3.504-7.943c-1.466-2.58-3.15-4.78-5.052-6.6s-4.223-3.272-6.965-4.358c-2.744-1.086-5.772-1.63-9.085-1.63c-0.489,0-1.63,0.584-3.422,1.752s-3.815,2.472-6.069,3.911c-2.254,1.438-5.188,2.743-8.799,3.909c-3.612,1.168-7.237,1.752-10.877,1.752c-3.639,0-7.264-0.584-10.876-1.752c-3.611-1.166-6.545-2.471-8.799-3.909c-2.254-1.439-4.277-2.743-6.069-3.911c-1.793-1.168-2.933-1.752-3.422-1.752c-3.313,0-6.341,0.544-9.084,1.63s-5.065,2.539-6.966,4.358c-1.901,1.82-3.585,4.02-5.051,6.6s-2.634,5.229-3.503,7.943c-0.869,2.716-1.589,5.662-2.159,8.84c-0.571,3.178-0.951,6.137-1.141,8.881c-0.19,2.744-0.285,5.554-0.285,8.433c0,6.517,1.983,11.664,5.948,15.439c3.965,3.774,9.234,5.661,15.806,5.661h71.208c6.572,0,11.84-1.887,15.806-5.661c3.966-3.775,5.948-8.921,5.948-15.439C165.357,111.591,165.262,108.78,165.07,106.037z"/></g></svg>',CardJs.MAIL_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M177.171,19.472c-2.553-2.553-5.622-3.829-9.206-3.829H48.036c-3.585,0-6.654,1.276-9.207,3.829C36.276,22.025,35,25.094,35,28.679v88.644c0,3.585,1.276,6.652,3.829,9.205c2.553,2.555,5.622,3.83,9.207,3.83h119.929c3.584,0,6.653-1.275,9.206-3.83c2.554-2.553,3.829-5.621,3.829-9.205V28.679C181,25.094,179.725,22.025,177.171,19.472zM170.57,117.321c0,0.706-0.258,1.317-0.774,1.833s-1.127,0.773-1.832,0.773H48.035c-0.706,0-1.317-0.257-1.833-0.773c-0.516-0.516-0.774-1.127-0.774-1.833V54.75c1.738,1.955,3.612,3.748,5.622,5.377c14.557,11.189,26.126,20.368,34.708,27.538c2.77,2.336,5.024,4.155,6.762,5.459s4.087,2.62,7.047,3.951s5.744,1.995,8.351,1.995H108h0.081c2.606,0,5.392-0.664,8.351-1.995c2.961-1.331,5.311-2.647,7.049-3.951c1.737-1.304,3.992-3.123,6.762-5.459c8.582-7.17,20.15-16.349,34.707-27.538c2.01-1.629,3.885-3.422,5.621-5.377V117.321z M170.57,30.797v0.896c0,3.204-1.262,6.776-3.787,10.713c-2.525,3.938-5.256,7.075-8.188,9.41c-10.484,8.257-21.373,16.865-32.672,25.827c-0.326,0.271-1.277,1.073-2.852,2.403c-1.574,1.331-2.824,2.351-3.748,3.056c-0.924,0.707-2.131,1.562-3.625,2.566s-2.865,1.752-4.114,2.24s-2.417,0.732-3.503,0.732H108h-0.082c-1.086,0-2.253-0.244-3.503-0.732c-1.249-0.488-2.621-1.236-4.114-2.24c-1.493-1.004-2.702-1.859-3.625-2.566c-0.923-0.705-2.173-1.725-3.748-3.056c-1.575-1.33-2.526-2.132-2.852-2.403c-11.297-8.962-22.187-17.57-32.67-25.827c-7.985-6.3-11.977-14.013-11.977-23.138c0-0.706,0.258-1.317,0.774-1.833c0.516-0.516,1.127-0.774,1.833-0.774h119.929c0.434,0.244,0.814,0.312,1.141,0.204c0.326-0.11,0.57,0.094,0.732,0.61c0.163,0.516,0.312,0.76,0.448,0.733c0.136-0.027,0.218,0.312,0.245,1.019c0.025,0.706,0.039,1.061,0.039,1.061V30.797z"/></svg>',CardJs.INFORMATION_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M97.571,41.714h20.859c1.411,0,2.633-0.516,3.666-1.548c1.031-1.031,1.547-2.254,1.547-3.666V20.857c0-1.412-0.516-2.634-1.549-3.667c-1.031-1.031-2.254-1.548-3.666-1.548H97.571c-1.412,0-2.634,0.517-3.666,1.548c-1.032,1.032-1.548,2.255-1.548,3.667V36.5c0,1.412,0.516,2.635,1.548,3.666C94.937,41.198,96.159,41.714,97.571,41.714z"/><path class="svg" d="M132.523,111.048c-1.031-1.032-2.254-1.548-3.666-1.548h-5.215V62.571c0-1.412-0.516-2.634-1.547-3.666c-1.033-1.032-2.255-1.548-3.666-1.548H87.143c-1.412,0-2.634,0.516-3.666,1.548c-1.032,1.032-1.548,2.254-1.548,3.666V73c0,1.412,0.516,2.635,1.548,3.666c1.032,1.032,2.254,1.548,3.666,1.548h5.215V109.5h-5.215c-1.412,0-2.634,0.516-3.666,1.548c-1.032,1.032-1.548,2.254-1.548,3.666v10.429c0,1.412,0.516,2.635,1.548,3.668c1.032,1.03,2.254,1.547,3.666,1.547h41.714c1.412,0,2.634-0.517,3.666-1.547c1.031-1.033,1.547-2.256,1.547-3.668v-10.429C134.07,113.302,133.557,112.08,132.523,111.048z"/></g></svg>',CardJs.keyCodeFromEvent=function(e){return e.which||e.keyCode},CardJs.keyIsCommandFromEvent=function(e){return e.ctrlKey||e.metaKey},CardJs.keyIsNumber=function(e){return CardJs.keyIsTopNumber(e)||CardJs.keyIsKeypadNumber(e)},CardJs.keyIsTopNumber=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return keyCode>=CardJs.KEYS[0]&&keyCode<=CardJs.KEYS[9]},CardJs.keyIsKeypadNumber=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return keyCode>=CardJs.KEYS.NUMPAD_0&&keyCode<=CardJs.KEYS.NUMPAD_9},CardJs.keyIsDelete=function(e){return CardJs.keyCodeFromEvent(e)==CardJs.KEYS.DELETE},CardJs.keyIsBackspace=function(e){return CardJs.keyCodeFromEvent(e)==CardJs.KEYS.BACKSPACE},CardJs.keyIsDeletion=function(e){return CardJs.keyIsDelete(e)||CardJs.keyIsBackspace(e)},CardJs.keyIsArrow=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return keyCode>=CardJs.KEYS.ARROW_LEFT&&keyCode<=CardJs.KEYS.ARROW_DOWN},CardJs.keyIsNavigation=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return keyCode==CardJs.KEYS.HOME||keyCode==CardJs.KEYS.END},CardJs.keyIsKeyboardCommand=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return CardJs.keyIsCommandFromEvent(e)&&(keyCode==CardJs.KEYS.A||keyCode==CardJs.KEYS.X||keyCode==CardJs.KEYS.C||keyCode==CardJs.KEYS.V)},CardJs.keyIsTab=function(e){return CardJs.keyCodeFromEvent(e)==CardJs.KEYS.TAB},CardJs.copyAllElementAttributes=function(source,destination){$.each(source[0].attributes,function(idx,attr){destination.attr(attr.nodeName,attr.nodeValue)})},CardJs.numbersOnlyString=function(string){for(var numbersOnlyString="",i=0;i<string.length;i++){var currentChar=string.charAt(i),isValid=!isNaN(parseInt(currentChar));isValid&&(numbersOnlyString+=currentChar)}return numbersOnlyString},CardJs.applyFormatMask=function(string,mask){for(var formattedString="",numberPos=0,j=0;j<mask.length;j++){var currentMaskChar=mask[j];if("X"==currentMaskChar){var digit=string.charAt(numberPos);if(!digit)break;formattedString+=string.charAt(numberPos),numberPos++}else formattedString+=currentMaskChar}return formattedString},CardJs.cardTypeFromNumber=function(number){if(re=new RegExp("^30[0-5]"),null!=number.match(re))return"Diners - Carte Blanche";if(re=new RegExp("^(30[6-9]|36|38)"),null!=number.match(re))return"Diners";if(re=new RegExp("^35(2[89]|[3-8][0-9])"),null!=number.match(re))return"JCB";if(re=new RegExp("^3[47]"),null!=number.match(re))return"AMEX";if(re=new RegExp("^(4026|417500|4508|4844|491(3|7))"),null!=number.match(re))return"Visa Electron";var re=new RegExp("^4");return null!=number.match(re)?"Visa":(re=new RegExp("^5[1-5]"),null!=number.match(re)?"Mastercard":(re=new RegExp("^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)"),null!=number.match(re)?"Discover":""))},CardJs.caretStartPosition=function(element){return"number"==typeof element.selectionStart?element.selectionStart:!1},CardJs.caretEndPosition=function(element){return"number"==typeof element.selectionEnd?element.selectionEnd:!1},CardJs.setCaretPosition=function(element,caretPos){if(null!=element)if(element.createTextRange){var range=element.createTextRange();range.move("character",caretPos),range.select()}else element.selectionStart?(element.focus(),element.setSelectionRange(caretPos,caretPos)):element.focus()},CardJs.normaliseCaretPosition=function(mask,caretPosition){var numberPos=0;if(0>caretPosition||caretPosition>mask.length)return 0;for(var i=0;i<mask.length;i++){if(i==caretPosition)return numberPos;"X"==mask[i]&&numberPos++}return numberPos},CardJs.denormaliseCaretPosition=function(mask,caretPosition){var numberPos=0;if(0>caretPosition||caretPosition>mask.length)return 0;for(var i=0;i<mask.length;i++){if(numberPos==caretPosition)return i;"X"==mask[i]&&numberPos++}return mask.length},CardJs.filterNumberOnlyKey=function(e){var isNumber=CardJs.keyIsNumber(e),isDeletion=CardJs.keyIsDeletion(e),isArrow=CardJs.keyIsArrow(e),isNavigation=CardJs.keyIsNavigation(e),isKeyboardCommand=CardJs.keyIsKeyboardCommand(e),isTab=CardJs.keyIsTab(e);isNumber||isDeletion||isArrow||isNavigation||isKeyboardCommand||isTab||e.preventDefault()},CardJs.digitFromKeyCode=function(keyCode){return keyCode>=CardJs.KEYS[0]&&keyCode<=CardJs.KEYS[9]?keyCode-CardJs.KEYS[0]:keyCode>=CardJs.KEYS.NUMPAD_0&&keyCode<=CardJs.KEYS.NUMPAD_9?keyCode-CardJs.KEYS.NUMPAD_0:null},CardJs.handleMaskedNumberInputKey=function(e,mask){CardJs.filterNumberOnlyKey(e);var keyCode=e.which||e.keyCode,element=e.target,caretStart=CardJs.caretStartPosition(element),caretEnd=CardJs.caretEndPosition(element),normalisedStartCaretPosition=CardJs.normaliseCaretPosition(mask,caretStart),normalisedEndCaretPosition=CardJs.normaliseCaretPosition(mask,caretEnd),newCaretPosition=caretStart,isNumber=CardJs.keyIsNumber(e),isDelete=CardJs.keyIsDelete(e),isBackspace=CardJs.keyIsBackspace(e);if(isNumber||isDelete||isBackspace){e.preventDefault();var rawText=$(element).val(),numbersOnly=CardJs.numbersOnlyString(rawText),digit=CardJs.digitFromKeyCode(keyCode),rangeHighlighted=normalisedEndCaretPosition>normalisedStartCaretPosition;rangeHighlighted&&(numbersOnly=numbersOnly.slice(0,normalisedStartCaretPosition)+numbersOnly.slice(normalisedEndCaretPosition)),caretStart!=mask.length&&(isNumber&&rawText.length<=mask.length&&(numbersOnly=numbersOnly.slice(0,normalisedStartCaretPosition)+digit+numbersOnly.slice(normalisedStartCaretPosition),newCaretPosition=Math.max(CardJs.denormaliseCaretPosition(mask,normalisedStartCaretPosition+1),CardJs.denormaliseCaretPosition(mask,normalisedStartCaretPosition+2)-1)),isDelete&&(numbersOnly=numbersOnly.slice(0,normalisedStartCaretPosition)+numbersOnly.slice(normalisedStartCaretPosition+1))),0!=caretStart&&isBackspace&&!rangeHighlighted&&(numbersOnly=numbersOnly.slice(0,normalisedStartCaretPosition-1)+numbersOnly.slice(normalisedStartCaretPosition),newCaretPosition=CardJs.denormaliseCaretPosition(mask,normalisedStartCaretPosition-1)),$(element).val(CardJs.applyFormatMask(numbersOnly,mask)),CardJs.setCaretPosition(element,newCaretPosition)}},CardJs.handleCreditCardNumberKey=function(e,cardMask){CardJs.handleMaskedNumberInputKey(e,cardMask)},CardJs.handleCreditCardNumberChange=function(e){},CardJs.handleExpiryKey=function(e){CardJs.handleMaskedNumberInputKey(e,CardJs.EXPIRY_MASK)},CardJs.prototype.getCardNumber=function(){return this.cardNumberInput.val()},CardJs.prototype.getCardType=function(){return CardJs.cardTypeFromNumber(this.getCardNumber())},CardJs.prototype.getName=function(){return this.nameInput.val()},CardJs.prototype.getExpiryMonth=function(){return this.expiryMonthInput.val()},CardJs.prototype.getExpiryYear=function(){return this.expiryYearInput.val()},CardJs.prototype.getCvc=function(){return this.cvcInput.val()},CardJs.prototype.setIconColour=function(colour){this.elem.find(".icon .svg").css({fill:colour})},CardJs.prototype.setIconColour=function(colour){this.elem.find(".icon .svg").css({fill:colour})},CardJs.prototype.refreshCreditCardTypeIcon=function(){this.setCardTypeIconFromNumber(CardJs.numbersOnlyString(this.cardNumberInput.val()))},CardJs.prototype.clearCardTypeIcon=function(){this.elem.find(".card-number-wrapper .card-type-icon").removeClass("show")},CardJs.prototype.setCardTypeIconAsVisa=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show visa")},CardJs.prototype.setCardTypeIconAsMasterCard=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show master-card")},CardJs.prototype.setCardTypeIconAsAmericanExpress=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show american-express")},CardJs.prototype.setCardTypeIconAsDiscover=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show discover")},CardJs.prototype.setCardTypeIconAsDiners=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show diners")},CardJs.prototype.setCardTypeIconAsJcb=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show jcb")},CardJs.prototype.setCardTypeIconFromNumber=function(number){switch(CardJs.cardTypeFromNumber(number)){case"Visa Electron":case"Visa":this.setCardTypeAsVisa();break;case"Mastercard":this.setCardTypeAsMasterCard();break;case"AMEX":this.setCardTypeAsAmericanExpress();break;case"Discover":this.setCardTypeAsDiscover();break;case"Diners - Carte Blanche":case"Diners":this.setCardTypeAsDiners();break;case"JCB":this.setCardTypeAsJcb();break;default:this.clearCardType()}},CardJs.prototype.setCardMask=function(cardMask){this.creditCardNumberMask=cardMask,this.cardNumberInput.attr("maxlength",cardMask.length)},CardJs.prototype.setCvc3=function(){this.cvcInput.attr("maxlength",CardJs.CVC_MASK_3.length)},CardJs.prototype.setCvc4=function(){this.cvcInput.attr("maxlength",CardJs.CVC_MASK_4.length)},CardJs.prototype.clearCardType=function(){this.clearCardTypeIcon(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_DEFAULT_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsVisa=function(){this.setCardTypeIconAsVisa(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_VISA_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsMasterCard=function(){this.setCardTypeIconAsMasterCard(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_MASTERCARD_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsAmericanExpress=function(){this.setCardTypeIconAsAmericanExpress(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_AMEX_MASK),this.setCvc4()},CardJs.prototype.setCardTypeAsDiscover=function(){this.setCardTypeIconAsDiscover(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_DISCOVER_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsDiners=function(){this.setCardTypeIconAsDiners(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_DINERS_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsJcb=function(){this.setCardTypeIconAsJcb(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_JCB_MASK),this.setCvc3()},CardJs.prototype.initCardNumberInput=function(){var $this=this;this.cardNumberInput=this.elem.find(".card-number"),this.cardNumberInput[0]?this.cardNumberInput.detach():this.cardNumberInput=$("<input class='card-number' />"),this.cardNumberInput.attr("type","tel"),this.cardNumberInput.attr("placeholder")||this.cardNumberInput.attr("placeholder",CardJs.CREDIT_CARD_NUMBER_PLACEHOLDER),this.cardNumberInput.attr("maxlength",this.creditCardNumberMask.length),this.cardNumberInput.attr("x-autocompletetype","cc-number"),this.cardNumberInput.attr("autocompletetype","cc-number"),this.cardNumberInput.attr("autocorrect","off"),this.cardNumberInput.attr("spellcheck","off"),this.cardNumberInput.attr("autocapitalize","off"),this.cardNumberInput.keydown(function(e){CardJs.handleCreditCardNumberKey(e,$this.creditCardNumberMask)}),this.cardNumberInput.keyup(function(e){$this.refreshCreditCardTypeIcon()}),this.cardNumberInput.change(CardJs.handleCreditCardNumberChange)},CardJs.prototype.initNameInput=function(){this.nameInput=this.elem.find(".name"),this.nameInput[0]?(this.captureName=!0,this.nameInput.detach()):this.nameInput=$("<input class='name' />"),this.nameInput.attr("placeholder")||this.nameInput.attr("placeholder",CardJs.NAME_PLACEHOLDER)},CardJs.prototype.initExpiryMonthInput=function(){this.expiryMonthInput=this.elem.find(".expiry-month"),this.expiryMonthInput[0]?this.expiryMonthInput.detach():this.expiryMonthInput=$("<input class='expiry-month' />")},CardJs.prototype.initExpiryYearInput=function(){this.expiryYearInput=this.elem.find(".expiry-year"),this.expiryYearInput[0]?this.expiryYearInput.detach():this.expiryYearInput=$("<input class='expiry-year' />")},CardJs.prototype.initCvcInput=function(){this.cvcInput=this.elem.find(".cvc"),this.cvcInput[0]?this.cvcInput.detach():this.cvcInput=$("<input class='cvc' />"),this.cvcInput.attr("type","tel"),this.cvcInput.attr("placeholder")||this.cvcInput.attr("placeholder",CardJs.CVC_PLACEHOLDER),this.cvcInput.attr("maxlength",CardJs.CVC_MASK_3.length),this.cvcInput.attr("x-autocompletetype","cc-csc"),this.cvcInput.attr("autocompletetype","cc-csc"),this.cvcInput.attr("autocorrect","off"),this.cvcInput.attr("spellcheck","off"),this.cvcInput.attr("autocapitalize","off"),this.cvcInput.keydown(CardJs.filterNumberOnlyKey)},CardJs.prototype.setupCardNumberInput=function(){this.stripe&&this.cardNumberInput.attr("data-stripe","number"),this.elem.append("<div class='card-number-wrapper'></div>");var wrapper=this.elem.find(".card-number-wrapper");wrapper.append(this.cardNumberInput),wrapper.append("<div class='card-type-icon'></div>"),wrapper.append("<div class='icon'></div>"),wrapper.find(".icon").append(CardJs.CREDIT_CARD_SVG)},CardJs.prototype.setupNameInput=function(){if(this.captureName){this.elem.append("<div class='name-wrapper'></div>");var wrapper=this.elem.find(".name-wrapper");wrapper.append(this.nameInput),wrapper.append("<div class='icon'></div>"),wrapper.find(".icon").append(CardJs.USER_SVG)}},CardJs.prototype.setupExpiryInput=function(){this.elem.append("<div class='expiry-container'><div class='expiry-wrapper'></div></div>");var expiryInput,wrapper=this.elem.find(".expiry-wrapper");if(this.EXPIRY_USE_DROPDOWNS){expiryInput=$("<div></div>");var expiryMonthNew=$("<select><option value='any' selected='' hidden=''>MM</option><option value='1'>01</option><option value='2'>02</option><option value='3'>03</option><option value='4'>04</option><option value='5'>05</option><option value='6'>06</option><option value='7'>07</option><option value='8'>08</option><option value='9'>09</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option></select>"),expiryMonthOld=this.expiryMonthInput;CardJs.copyAllElementAttributes(expiryMonthOld,expiryMonthNew),this.expiryMonthInput.remove(),this.expiryMonthInput=expiryMonthNew;for(var expiryYearNew=$("<select><option value='any' selected='' hidden=''>YY</option></select>"),currentYear=parseInt((new Date).getFullYear().toString().substring(2,4)),i=0;i<CardJs.EXPIRY_NUMBER_OF_YEARS;i++)expiryYearNew.append("<option value='"+currentYear+"'>"+currentYear+"</option>"),currentYear=(currentYear+1)%100;var expiryYearOld=this.expiryYearInput;CardJs.copyAllElementAttributes(expiryYearOld,expiryYearNew),this.expiryYearInput.remove(),this.expiryYearInput=expiryYearNew,expiryInput.append(this.expiryMonthInput),expiryInput.append(this.expiryYearInput)}else{expiryInput=$("<div></div>"),this.expiryMonthInput=$("<input type='hidden' name='expiry-month' />"),this.expiryYearInput=$("<input type='hidden' name='expiry-year' />"),this.stripe&&(this.expiryMonthInput.attr("data-stripe","exp-month"),this.expiryYearInput.attr("data-stripe","exp-year")),this.expiryMonthYearInput=$("<input class='expiry' />"),this.expiryMonthYearInput.attr("type","tel"),this.expiryMonthYearInput.attr("placeholder")||this.expiryMonthYearInput.attr("placeholder",CardJs.EXPIRY_PLACEHOLDER),this.expiryMonthYearInput.attr("maxlength",CardJs.EXPIRY_MASK.length),this.expiryMonthYearInput.attr("x-autocompletetype","cc-exp"),this.expiryMonthYearInput.attr("autocompletetype","cc-exp"),this.expiryMonthYearInput.attr("autocorrect","off"),this.expiryMonthYearInput.attr("spellcheck","off"),this.expiryMonthYearInput.attr("autocapitalize","off");var $this=this;this.expiryMonthYearInput.keydown(function(e){CardJs.handleExpiryKey(e);var val=$this.expiryMonthYearInput.val();1==val.length&&parseInt(val)>1&&CardJs.keyIsNumber(e)&&$this.expiryMonthYearInput.val(CardJs.applyFormatMask("0"+val,CardJs.EXPIRY_MASK)),$this.EXPIRY_USE_DROPDOWNS||null==$this.expiryMonthYearInput||($this.expiryMonthInput.val($this.expiryMonth()),$this.expiryYearInput.val(7==val.length?val.substr(5,2):null))}),this.expiryMonthYearInput.blur(function(e){$this.refreshExpiryMonthValidation()}),expiryInput.append(this.expiryMonthYearInput),expiryInput.append(this.expiryMonthInput),expiryInput.append(this.expiryYearInput)}wrapper.append(expiryInput),wrapper.append("<div class='icon'></div>"),wrapper.find(".icon").append(CardJs.CALENDAR_SVG)},CardJs.prototype.setupCvcInput=function(){this.stripe&&this.cvcInput.attr("data-stripe","cvc"),this.elem.append("<div class='cvc-container'><div class='cvc-wrapper'></div></div>");var wrapper=this.elem.find(".cvc-wrapper");wrapper.append(this.cvcInput),wrapper.append("<div class='icon'></div>"),wrapper.find(".icon").append(CardJs.LOCK_SVG)},CardJs.prototype.expiryMonth=function(){if(!this.EXPIRY_USE_DROPDOWNS&&null!=this.expiryMonthYearInput){var val=this.expiryMonthYearInput.val();return val.length>=2?parseInt(val.substr(0,2)):null}return null},CardJs.isValidMonth=function(expiryMonth){return expiryMonth>=1&&12>=expiryMonth},CardJs.isExpiryValid=function(month,year){var today=new Date,currentMonth=today.getMonth()+1,currentYear=""+today.getFullYear();return 2==(""+year).length&&(year=currentYear.substring(0,2)+""+year),currentMonth=parseInt(currentMonth),currentYear=parseInt(currentYear),month=parseInt(month),year=parseInt(year),CardJs.isValidMonth(month)&&(year>currentYear||year==currentYear&&month>=currentMonth)},CardJs.prototype.refreshExpiryMonthValidation=function(){CardJs.isExpiryValid(this.getExpiryMonth(),this.getExpiryYear())?this.setExpiryMonthAsValid():this.setExpiryMonthAsInvalid()},CardJs.prototype.setExpiryMonthAsValid=function(){this.EXPIRY_USE_DROPDOWNS||this.expiryMonthYearInput.parent().removeClass("has-error")},CardJs.prototype.setExpiryMonthAsInvalid=function(){this.EXPIRY_USE_DROPDOWNS||this.expiryMonthYearInput.parent().addClass("has-error")};
+
+/***/ }),
+
+/***/ 13:
+/*!***************************************************!*\
+  !*** multi ./node_modules/card-js/card-js.min.js ***!
+  \***************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/node_modules/card-js/card-js.min.js */"./node_modules/card-js/card-js.min.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/checkout-credit-card.js b/public/js/clients/payments/checkout-credit-card.js
index 58463b0225..e6bc6dd202 100644
--- a/public/js/clients/payments/checkout-credit-card.js
+++ b/public/js/clients/payments/checkout-credit-card.js
@@ -1,2 +1,203 @@
-/*! For license information please see checkout-credit-card.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=8)}({8:function(e,t,n){e.exports=n("fQHp")},fQHp:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.tokens=[]}var t,r,o;return t=e,(r=[{key:"mountFrames",value:function(){console.log("Mount checkout frames..")}},{key:"handlePaymentUsingToken",value:function(e){document.getElementById("checkout--container").classList.add("hidden"),document.getElementById("pay-now-with-token--container").classList.remove("hidden"),document.getElementById("save-card--container").style.display="none",document.querySelector("input[name=token]").value=e.target.dataset.token}},{key:"handlePaymentUsingCreditCard",value:function(e){var t;document.getElementById("checkout--container").classList.remove("hidden"),document.getElementById("pay-now-with-token--container").classList.add("hidden"),document.getElementById("save-card--container").style.display="grid",document.querySelector("input[name=token]").value="";var n=document.getElementById("pay-button"),r=null!==(t=document.querySelector('meta[name="public-key"]').content)&&void 0!==t?t:"",o=document.getElementById("payment-form");Frames.init(r),Frames.addEventHandler(Frames.Events.CARD_VALIDATION_CHANGED,(function(e){n.disabled=!Frames.isCardValid()})),Frames.addEventHandler(Frames.Events.CARD_TOKENIZATION_FAILED,(function(e){pay.button.disabled=!1})),Frames.addEventHandler(Frames.Events.CARD_TOKENIZED,(function(e){n.disabled=!0,document.querySelector('input[name="gateway_response"]').value=JSON.stringify(e),document.querySelector('input[name="store_card"]').value=document.querySelector("input[name=token-billing-checkbox]:checked").value,document.getElementById("server-response").submit()})),o.addEventListener("submit",(function(e){e.preventDefault(),Frames.submitCard()}))}},{key:"completePaymentUsingToken",value:function(e){var t=document.getElementById("pay-now-with-token");t.disabled=!0,t.querySelector("svg").classList.remove("hidden"),t.querySelector("span").classList.add("hidden"),document.getElementById("server-response").submit()}},{key:"handle",value:function(){var e=this;this.handlePaymentUsingCreditCard(),Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(t){return t.addEventListener("click",e.handlePaymentUsingToken)})),document.getElementById("toggle-payment-with-credit-card").addEventListener("click",this.handlePaymentUsingCreditCard),document.getElementById("pay-now-with-token").addEventListener("click",this.completePaymentUsingToken)}}])&&n(t.prototype,r),o&&n(t,o),e}())).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 8);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/checkout-credit-card.js":
+/*!***************************************************************!*\
+  !*** ./resources/js/clients/payments/checkout-credit-card.js ***!
+  \***************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var CheckoutCreditCard = /*#__PURE__*/function () {
+  function CheckoutCreditCard() {
+    _classCallCheck(this, CheckoutCreditCard);
+
+    this.tokens = [];
+  }
+
+  _createClass(CheckoutCreditCard, [{
+    key: "mountFrames",
+    value: function mountFrames() {
+      console.log('Mount checkout frames..');
+    }
+  }, {
+    key: "handlePaymentUsingToken",
+    value: function handlePaymentUsingToken(e) {
+      document.getElementById('checkout--container').classList.add('hidden');
+      document.getElementById('pay-now-with-token--container').classList.remove('hidden');
+      document.getElementById('save-card--container').style.display = 'none';
+      document.querySelector('input[name=token]').value = e.target.dataset.token;
+    }
+  }, {
+    key: "handlePaymentUsingCreditCard",
+    value: function handlePaymentUsingCreditCard(e) {
+      var _document$querySelect;
+
+      document.getElementById('checkout--container').classList.remove('hidden');
+      document.getElementById('pay-now-with-token--container').classList.add('hidden');
+      document.getElementById('save-card--container').style.display = 'grid';
+      document.querySelector('input[name=token]').value = '';
+      var payButton = document.getElementById('pay-button');
+      var publicKey = (_document$querySelect = document.querySelector('meta[name="public-key"]').content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
+      var form = document.getElementById('payment-form');
+      Frames.init(publicKey);
+      Frames.addEventHandler(Frames.Events.CARD_VALIDATION_CHANGED, function (event) {
+        payButton.disabled = !Frames.isCardValid();
+      });
+      Frames.addEventHandler(Frames.Events.CARD_TOKENIZATION_FAILED, function (event) {
+        pay.button.disabled = false;
+      });
+      Frames.addEventHandler(Frames.Events.CARD_TOKENIZED, function (event) {
+        payButton.disabled = true;
+        document.querySelector('input[name="gateway_response"]').value = JSON.stringify(event);
+        document.querySelector('input[name="store_card"]').value = document.querySelector('input[name=token-billing-checkbox]:checked').value;
+        document.getElementById('server-response').submit();
+      });
+      form.addEventListener('submit', function (event) {
+        event.preventDefault();
+        Frames.submitCard();
+      });
+    }
+  }, {
+    key: "completePaymentUsingToken",
+    value: function completePaymentUsingToken(e) {
+      var btn = document.getElementById('pay-now-with-token');
+      btn.disabled = true;
+      btn.querySelector('svg').classList.remove('hidden');
+      btn.querySelector('span').classList.add('hidden');
+      document.getElementById('server-response').submit();
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this = this;
+
+      this.handlePaymentUsingCreditCard();
+      Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
+        return element.addEventListener('click', _this.handlePaymentUsingToken);
+      });
+      document.getElementById('toggle-payment-with-credit-card').addEventListener('click', this.handlePaymentUsingCreditCard);
+      document.getElementById('pay-now-with-token').addEventListener('click', this.completePaymentUsingToken);
+    }
+  }]);
+
+  return CheckoutCreditCard;
+}();
+
+new CheckoutCreditCard().handle();
+
+/***/ }),
+
+/***/ 8:
+/*!*********************************************************************!*\
+  !*** multi ./resources/js/clients/payments/checkout-credit-card.js ***!
+  \*********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/checkout-credit-card.js */"./resources/js/clients/payments/checkout-credit-card.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/eway-credit-card.js b/public/js/clients/payments/eway-credit-card.js
index 2edf1ead47..fc89757b77 100644
--- a/public/js/clients/payments/eway-credit-card.js
+++ b/public/js/clients/payments/eway-credit-card.js
@@ -1,2 +1,482 @@
-/*! For license information please see eway-credit-card.js.LICENSE.txt */
-!function(e){var r={};function t(s){if(r[s])return r[s].exports;var o=r[s]={i:s,l:!1,exports:{}};return e[s].call(o.exports,o,o.exports,t),o.l=!0,o.exports}t.m=e,t.c=r,t.d=function(e,r,s){t.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:s})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,r){if(1&r&&(e=t(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(t.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var o in e)t.d(s,o,function(r){return e[r]}.bind(null,o));return s},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},t.p="/",t(t.s=23)}({23:function(e,r,t){e.exports=t("7VQy")},"7VQy":function(e,r){function t(e,r){for(var t=0;t<r.length;t++){var s=r[t];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,s.key,s)}}(new(function(){function e(){!function(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}(this,e),this.cardStyles="padding: 2px; border: 1px solid #AAA; border-radius: 3px; height: 34px; width: 100%;",this.errorCodes=new Map,this.errorCodes.set("V6000","Validation error"),this.errorCodes.set("V6001","Invalid CustomerIP"),this.errorCodes.set("V6002","Invalid DeviceID"),this.errorCodes.set("V6003","Invalid Request PartnerID"),this.errorCodes.set("V6004","Invalid Request Method"),this.errorCodes.set("V6010","Invalid TransactionType, account not certified for eCome only MOTO or Recurring available"),this.errorCodes.set("V6011","Invalid Payment TotalAmount"),this.errorCodes.set("V6012","Invalid Payment InvoiceDescription"),this.errorCodes.set("V6013","Invalid Payment InvoiceNumber"),this.errorCodes.set("V6014","Invalid Payment InvoiceReference"),this.errorCodes.set("V6015","Invalid Payment CurrencyCode"),this.errorCodes.set("V6016","Payment Required"),this.errorCodes.set("V6017","Payment CurrencyCode Required"),this.errorCodes.set("V6018","Unknown Payment CurrencyCode"),this.errorCodes.set("V6019","Cardholder identity authentication required"),this.errorCodes.set("V6020","Cardholder Input Required"),this.errorCodes.set("V6021","EWAY_CARDHOLDERNAME Required"),this.errorCodes.set("V6022","EWAY_CARDNUMBER Required"),this.errorCodes.set("V6023","EWAY_CARDCVN Required"),this.errorCodes.set("V6024","Cardholder Identity Authentication One Time Password Not Active Yet"),this.errorCodes.set("V6025","PIN Required"),this.errorCodes.set("V6033","Invalid Expiry Date"),this.errorCodes.set("V6034","Invalid Issue Number"),this.errorCodes.set("V6035","Invalid Valid From Date"),this.errorCodes.set("V6039","Invalid Network Token Status"),this.errorCodes.set("V6040","Invalid TokenCustomerID"),this.errorCodes.set("V6041","Customer Required"),this.errorCodes.set("V6042","Customer FirstName Required"),this.errorCodes.set("V6043","Customer LastName Required"),this.errorCodes.set("V6044","Customer CountryCode Required"),this.errorCodes.set("V6045","Customer Title Required"),this.errorCodes.set("V6046","TokenCustomerID Required"),this.errorCodes.set("V6047","RedirectURL Required"),this.errorCodes.set("V6048","CheckoutURL Required when CheckoutPayment specified"),this.errorCodes.set("V6049","nvalid Checkout URL"),this.errorCodes.set("V6051","Invalid Customer FirstName"),this.errorCodes.set("V6052","Invalid Customer LastName"),this.errorCodes.set("V6053","Invalid Customer CountryCode"),this.errorCodes.set("V6058","Invalid Customer Title"),this.errorCodes.set("V6059","Invalid RedirectURL"),this.errorCodes.set("V6060","Invalid TokenCustomerID"),this.errorCodes.set("V6061","Invalid Customer Reference"),this.errorCodes.set("V6062","Invalid Customer CompanyName"),this.errorCodes.set("V6063","Invalid Customer JobDescription"),this.errorCodes.set("V6064","Invalid Customer Street1"),this.errorCodes.set("V6065","Invalid Customer Street2"),this.errorCodes.set("V6066","Invalid Customer City"),this.errorCodes.set("V6067","Invalid Customer State"),this.errorCodes.set("V6068","Invalid Customer PostalCode"),this.errorCodes.set("V6069","Invalid Customer Email"),this.errorCodes.set("V6070","Invalid Customer Phone"),this.errorCodes.set("V6071","Invalid Customer Mobile"),this.errorCodes.set("V6072","Invalid Customer Comments"),this.errorCodes.set("V6073","Invalid Customer Fax"),this.errorCodes.set("V6074","Invalid Customer URL"),this.errorCodes.set("V6075","Invalid ShippingAddress FirstName"),this.errorCodes.set("V6076","Invalid ShippingAddress LastName"),this.errorCodes.set("V6077","Invalid ShippingAddress Street1"),this.errorCodes.set("V6078","Invalid ShippingAddress Street2"),this.errorCodes.set("V6079","Invalid ShippingAddress City"),this.errorCodes.set("V6080","Invalid ShippingAddress State"),this.errorCodes.set("V6081","Invalid ShippingAddress PostalCode"),this.errorCodes.set("V6082","Invalid ShippingAddress Email"),this.errorCodes.set("V6083","Invalid ShippingAddress Phone"),this.errorCodes.set("V6084","Invalid ShippingAddress Country"),this.errorCodes.set("V6085","Invalid ShippingAddress ShippingMethod"),this.errorCodes.set("V6086","Invalid ShippingAddress Fax"),this.errorCodes.set("V6091","Unknown Customer CountryCode"),this.errorCodes.set("V6092","Unknown ShippingAddress CountryCode"),this.errorCodes.set("V6093","Insufficient Address Information"),this.errorCodes.set("V6100","Invalid EWAY_CARDNAME"),this.errorCodes.set("V6101","Invalid EWAY_CARDEXPIRYMONTH"),this.errorCodes.set("V6102","Invalid EWAY_CARDEXPIRYYEAR"),this.errorCodes.set("V6103","Invalid EWAY_CARDSTARTMONTH"),this.errorCodes.set("V6104","Invalid EWAY_CARDSTARTYEAR"),this.errorCodes.set("V6105","Invalid EWAY_CARDISSUENUMBER"),this.errorCodes.set("V6106","Invalid EWAY_CARDCVN"),this.errorCodes.set("V6107","Invalid EWAY_ACCESSCODE"),this.errorCodes.set("V6108","Invalid CustomerHostAddress"),this.errorCodes.set("V6109","Invalid UserAgent"),this.errorCodes.set("V6110","Invalid EWAY_CARDNUMBER"),this.errorCodes.set("V6111","Unauthorised API Access, Account Not PCI Certified"),this.errorCodes.set("V6112","Redundant card details other than expiry year and month"),this.errorCodes.set("V6113","Invalid transaction for refund"),this.errorCodes.set("V6114","Gateway validation error"),this.errorCodes.set("V6115","Invalid DirectRefundRequest, Transaction ID"),this.errorCodes.set("V6116","Invalid card data on original TransactionID"),this.errorCodes.set("V6117","Invalid CreateAccessCodeSharedRequest, FooterText"),this.errorCodes.set("V6118","Invalid CreateAccessCodeSharedRequest, HeaderText"),this.errorCodes.set("V6119","Invalid CreateAccessCodeSharedRequest, Language"),this.errorCodes.set("V6120","Invalid CreateAccessCodeSharedRequest, LogoUrl"),this.errorCodes.set("V6121","Invalid TransactionSearch, Filter Match Type"),this.errorCodes.set("V6122","Invalid TransactionSearch, Non numeric Transaction ID"),this.errorCodes.set("V6123","Invalid TransactionSearch,no TransactionID or AccessCode specified"),this.errorCodes.set("V6124","Invalid Line Items. The line items have been provided however the totals do not match the TotalAmount field"),this.errorCodes.set("V6125","Selected Payment Type not enabled"),this.errorCodes.set("V6126","Invalid encrypted card number, decryption failed"),this.errorCodes.set("V6127","Invalid encrypted cvn, decryption failed"),this.errorCodes.set("V6128","Invalid Method for Payment Type"),this.errorCodes.set("V6129","Transaction has not been authorised for Capture/Cancellation"),this.errorCodes.set("V6130","Generic customer information error"),this.errorCodes.set("V6131","Generic shipping information error"),this.errorCodes.set("V6132","Transaction has already been completed or voided, operation not permitted"),this.errorCodes.set("V6133","Checkout not available for Payment Type"),this.errorCodes.set("V6134","Invalid Auth Transaction ID for Capture/Void"),this.errorCodes.set("V6135","PayPal Error Processing Refund"),this.errorCodes.set("V6136","Original transaction does not exist or state is incorrect"),this.errorCodes.set("V6140","Merchant account is suspended"),this.errorCodes.set("V6141","Invalid PayPal account details or API signature"),this.errorCodes.set("V6142","Authorise not available for Bank/Branch"),this.errorCodes.set("V6143","Invalid Public Key"),this.errorCodes.set("V6144","Method not available with Public API Key Authentication"),this.errorCodes.set("V6145","Credit Card not allow if Token Customer ID is provided with Public API Key Authentication"),this.errorCodes.set("V6146","Client Side Encryption Key Missing or Invalid"),this.errorCodes.set("V6147","Unable to Create One Time Code for Secure Field"),this.errorCodes.set("V6148","Secure Field has Expired"),this.errorCodes.set("V6149","Invalid Secure Field One Time Code"),this.errorCodes.set("V6150","Invalid Refund Amount"),this.errorCodes.set("V6151","Refund amount greater than original transaction"),this.errorCodes.set("V6152","Original transaction already refunded for total amount"),this.errorCodes.set("V6153","Card type not support by merchant"),this.errorCodes.set("V6154","Insufficent Funds Available For Refund"),this.errorCodes.set("V6155","Missing one or more fields in request"),this.errorCodes.set("V6160","Encryption Method Not Supported"),this.errorCodes.set("V6161","Encryption failed, missing or invalid key"),this.errorCodes.set("V6165","Invalid Click-to-Pay (Visa Checkout) data or decryption failed"),this.errorCodes.set("V6170","Invalid TransactionSearch, Invoice Number is not unique"),this.errorCodes.set("V6171","Invalid TransactionSearch, Invoice Number not found"),this.errorCodes.set("V6220","Three domain secure XID invalid"),this.errorCodes.set("V6221","Three domain secure ECI invalid"),this.errorCodes.set("V6222","Three domain secure AVV invalid"),this.errorCodes.set("V6223","Three domain secure XID is required"),this.errorCodes.set("V6224","Three Domain Secure ECI is required"),this.errorCodes.set("V6225","Three Domain Secure AVV is required"),this.errorCodes.set("V6226","Three Domain Secure AuthStatus is required"),this.errorCodes.set("V6227","Three Domain Secure AuthStatus invalid"),this.errorCodes.set("V6228","Three domain secure Version is required"),this.errorCodes.set("V6230","Three domain secure Directory Server Txn ID invalid"),this.errorCodes.set("V6231","Three domain secure Directory Server Txn ID is required"),this.errorCodes.set("V6232","Three domain secure Version is invalid"),this.errorCodes.set("V6501","Invalid Amex InstallementPlan"),this.errorCodes.set("V6502","Invalid Number Of Installements for Amex. Valid values are from 0 to 99 inclusive"),this.errorCodes.set("V6503","Merchant Amex ID required"),this.errorCodes.set("V6504","Invalid Merchant Amex ID"),this.errorCodes.set("V6505","Merchant Terminal ID required"),this.errorCodes.set("V6506","Merchant category code required"),this.errorCodes.set("V6507","Invalid merchant category code"),this.errorCodes.set("V6508","Amex 3D ECI required"),this.errorCodes.set("V6509","Invalid Amex 3D ECI"),this.errorCodes.set("V6510","Invalid Amex 3D verification value"),this.errorCodes.set("V6511","Invalid merchant location data"),this.errorCodes.set("V6512","Invalid merchant street address"),this.errorCodes.set("V6513","Invalid merchant city"),this.errorCodes.set("V6514","Invalid merchant country"),this.errorCodes.set("V6515","Invalid merchant phone"),this.errorCodes.set("V6516","Invalid merchant postcode"),this.errorCodes.set("V6517","Amex connection error"),this.errorCodes.set("V6518","Amex EC Card Details API returned invalid data"),this.errorCodes.set("V6520","Invalid or missing Amex Point Of Sale Data"),this.errorCodes.set("V6521","Invalid or missing Amex transaction date time"),this.errorCodes.set("V6522","Invalid or missing Amex Original transaction date time"),this.errorCodes.set("V6530","Credit Card Number in non Credit Card Field")}var r,s,o;return r=e,(s=[{key:"groupFieldConfig",get:function(){var e,r,t,s,o;return{publicApiKey:null===(e=document.querySelector("meta[name=public-api-key]"))||void 0===e?void 0:e.content,fieldDivId:"eway-secure-panel",fieldType:"group",styles:"",layout:{fonts:["Lobster"],rows:[{styles:"",cells:[{colSpan:12,styles:"margin-top: 15px;",label:{fieldColSpan:4,text:null===(r=document.querySelector("meta[name=translation-card-name]"))||void 0===r?void 0:r.content,styles:""},field:{fieldColSpan:8,fieldType:"name",styles:this.cardStyles,divStyles:"padding-left: 10px;"}},{colSpan:12,styles:"margin-top: 15px;",label:{fieldColSpan:4,text:null===(t=document.querySelector("meta[name=translation-expiry_date]"))||void 0===t?void 0:t.content,styles:""},field:{fieldColSpan:8,fieldType:"expirytext",styles:this.cardStyles,divStyles:"padding-left: 10px;"}}]},{styles:"",cells:[{colSpan:12,styles:"margin-top: 15px;",label:{fieldColSpan:4,text:null===(s=document.querySelector("meta[name=translation-card_number]"))||void 0===s?void 0:s.content,styles:""},field:{fieldColSpan:8,fieldType:"card",styles:this.cardStyles}},{colSpan:12,styles:"margin-top: 15px;",label:{fieldColSpan:4,text:null===(o=document.querySelector("meta[name=translation-cvv]"))||void 0===o?void 0:o.content,styles:""},field:{fieldColSpan:8,fieldType:"cvn",styles:this.cardStyles}}]}]}}}},{key:"securePanelCallback",value:function(e){if(document.getElementById("errors").hidden=!0,e.errors)return this.handleErrors(e.errors);document.getElementById("authorize-card")&&(document.getElementById("authorize-card").disabled=!1),document.getElementById("pay-now")&&(document.getElementById("pay-now").disabled=!1),document.querySelector("input[name=securefieldcode]").value=e.secureFieldCode}},{key:"handleErrors",value:function(e){var r=this,t=e.split(" "),s="";t.forEach((function(e){s=s.concat(r.errorCodes.get(e)+"<br>")})),document.getElementById("errors").innerHTML=s,document.getElementById("errors").hidden=!1}},{key:"completeAuthorization",value:function(e){e.target.parentElement.disabled=!0,document.getElementById("server-response").submit()}},{key:"completePaymentUsingToken",value:function(e){e.target.parentElement.disabled=!0,document.getElementById("server-response").submit()}},{key:"completePaymentWithoutToken",value:function(e){e.target.parentElement.disabled=!0;var r=document.querySelector('input[name="token-billing-checkbox"]:checked');r&&(document.querySelector('input[name="store_card"]').value=r.value),document.getElementById("server-response").submit()}},{key:"initialize",value:function(){var e=this;this.eWAY=eWAY.setupSecureField(this.groupFieldConfig,(function(r){return e.securePanelCallback(r)}))}},{key:"handle",value:function(){var e,r,t=this;this.initialize(),null===(e=document.getElementById("authorize-card"))||void 0===e||e.addEventListener("click",(function(e){return t.completeAuthorization(e)})),Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(e){return e.addEventListener("click",(function(e){document.getElementById("eway-secure-panel").classList.add("hidden"),document.getElementById("save-card--container").style.display="none",document.querySelector("input[name=token]").value=e.target.dataset.token,document.getElementById("pay-now").disabled=!1}))})),document.getElementById("toggle-payment-with-credit-card").addEventListener("click",(function(e){document.getElementById("eway-secure-panel").classList.remove("hidden"),document.getElementById("save-card--container").style.display="grid",document.querySelector("input[name=token]").value="",document.getElementById("pay-now").disabled=!0})),null===(r=document.getElementById("pay-now"))||void 0===r||r.addEventListener("click",(function(e){return document.querySelector("input[name=token]").value?t.completePaymentUsingToken(e):t.completePaymentWithoutToken(e)}))}}])&&t(r.prototype,s),o&&t(r,o),e}())).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 23);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/eway-credit-card.js":
+/*!***********************************************************!*\
+  !*** ./resources/js/clients/payments/eway-credit-card.js ***!
+  \***********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com).
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://www.elastic.co/licensing/elastic-license
+ */
+var EwayRapid = /*#__PURE__*/function () {
+  function EwayRapid() {
+    _classCallCheck(this, EwayRapid);
+
+    this.cardStyles = 'padding: 2px; border: 1px solid #AAA; border-radius: 3px; height: 34px; width: 100%;';
+    this.errorCodes = new Map();
+    this.errorCodes.set('V6000', 'Validation error');
+    this.errorCodes.set('V6001', 'Invalid CustomerIP');
+    this.errorCodes.set('V6002', 'Invalid DeviceID');
+    this.errorCodes.set('V6003', 'Invalid Request PartnerID');
+    this.errorCodes.set('V6004', 'Invalid Request Method');
+    this.errorCodes.set('V6010', 'Invalid TransactionType, account not certified for eCome only MOTO or Recurring available');
+    this.errorCodes.set('V6011', 'Invalid Payment TotalAmount');
+    this.errorCodes.set('V6012', 'Invalid Payment InvoiceDescription');
+    this.errorCodes.set('V6013', 'Invalid Payment InvoiceNumber');
+    this.errorCodes.set('V6014', 'Invalid Payment InvoiceReference');
+    this.errorCodes.set('V6015', 'Invalid Payment CurrencyCode');
+    this.errorCodes.set('V6016', 'Payment Required');
+    this.errorCodes.set('V6017', 'Payment CurrencyCode Required');
+    this.errorCodes.set('V6018', 'Unknown Payment CurrencyCode');
+    this.errorCodes.set('V6019', 'Cardholder identity authentication required');
+    this.errorCodes.set('V6020', 'Cardholder Input Required');
+    this.errorCodes.set('V6021', 'EWAY_CARDHOLDERNAME Required');
+    this.errorCodes.set('V6022', 'EWAY_CARDNUMBER Required');
+    this.errorCodes.set('V6023', 'EWAY_CARDCVN Required');
+    this.errorCodes.set('V6024', 'Cardholder Identity Authentication One Time Password Not Active Yet');
+    this.errorCodes.set('V6025', 'PIN Required');
+    this.errorCodes.set('V6033', 'Invalid Expiry Date');
+    this.errorCodes.set('V6034', 'Invalid Issue Number');
+    this.errorCodes.set('V6035', 'Invalid Valid From Date');
+    this.errorCodes.set('V6039', 'Invalid Network Token Status');
+    this.errorCodes.set('V6040', 'Invalid TokenCustomerID');
+    this.errorCodes.set('V6041', 'Customer Required');
+    this.errorCodes.set('V6042', 'Customer FirstName Required');
+    this.errorCodes.set('V6043', 'Customer LastName Required');
+    this.errorCodes.set('V6044', 'Customer CountryCode Required');
+    this.errorCodes.set('V6045', 'Customer Title Required');
+    this.errorCodes.set('V6046', 'TokenCustomerID Required');
+    this.errorCodes.set('V6047', 'RedirectURL Required');
+    this.errorCodes.set('V6048', 'CheckoutURL Required when CheckoutPayment specified');
+    this.errorCodes.set('V6049', 'nvalid Checkout URL');
+    this.errorCodes.set('V6051', 'Invalid Customer FirstName');
+    this.errorCodes.set('V6052', 'Invalid Customer LastName');
+    this.errorCodes.set('V6053', 'Invalid Customer CountryCode');
+    this.errorCodes.set('V6058', 'Invalid Customer Title');
+    this.errorCodes.set('V6059', 'Invalid RedirectURL');
+    this.errorCodes.set('V6060', 'Invalid TokenCustomerID');
+    this.errorCodes.set('V6061', 'Invalid Customer Reference');
+    this.errorCodes.set('V6062', 'Invalid Customer CompanyName');
+    this.errorCodes.set('V6063', 'Invalid Customer JobDescription');
+    this.errorCodes.set('V6064', 'Invalid Customer Street1');
+    this.errorCodes.set('V6065', 'Invalid Customer Street2');
+    this.errorCodes.set('V6066', 'Invalid Customer City');
+    this.errorCodes.set('V6067', 'Invalid Customer State');
+    this.errorCodes.set('V6068', 'Invalid Customer PostalCode');
+    this.errorCodes.set('V6069', 'Invalid Customer Email');
+    this.errorCodes.set('V6070', 'Invalid Customer Phone');
+    this.errorCodes.set('V6071', 'Invalid Customer Mobile');
+    this.errorCodes.set('V6072', 'Invalid Customer Comments');
+    this.errorCodes.set('V6073', 'Invalid Customer Fax');
+    this.errorCodes.set('V6074', 'Invalid Customer URL');
+    this.errorCodes.set('V6075', 'Invalid ShippingAddress FirstName');
+    this.errorCodes.set('V6076', 'Invalid ShippingAddress LastName');
+    this.errorCodes.set('V6077', 'Invalid ShippingAddress Street1');
+    this.errorCodes.set('V6078', 'Invalid ShippingAddress Street2');
+    this.errorCodes.set('V6079', 'Invalid ShippingAddress City');
+    this.errorCodes.set('V6080', 'Invalid ShippingAddress State');
+    this.errorCodes.set('V6081', 'Invalid ShippingAddress PostalCode');
+    this.errorCodes.set('V6082', 'Invalid ShippingAddress Email');
+    this.errorCodes.set('V6083', 'Invalid ShippingAddress Phone');
+    this.errorCodes.set('V6084', 'Invalid ShippingAddress Country');
+    this.errorCodes.set('V6085', 'Invalid ShippingAddress ShippingMethod');
+    this.errorCodes.set('V6086', 'Invalid ShippingAddress Fax');
+    this.errorCodes.set('V6091', 'Unknown Customer CountryCode');
+    this.errorCodes.set('V6092', 'Unknown ShippingAddress CountryCode');
+    this.errorCodes.set('V6093', 'Insufficient Address Information');
+    this.errorCodes.set('V6100', 'Invalid EWAY_CARDNAME');
+    this.errorCodes.set('V6101', 'Invalid EWAY_CARDEXPIRYMONTH');
+    this.errorCodes.set('V6102', 'Invalid EWAY_CARDEXPIRYYEAR');
+    this.errorCodes.set('V6103', 'Invalid EWAY_CARDSTARTMONTH');
+    this.errorCodes.set('V6104', 'Invalid EWAY_CARDSTARTYEAR');
+    this.errorCodes.set('V6105', 'Invalid EWAY_CARDISSUENUMBER');
+    this.errorCodes.set('V6106', 'Invalid EWAY_CARDCVN');
+    this.errorCodes.set('V6107', 'Invalid EWAY_ACCESSCODE');
+    this.errorCodes.set('V6108', 'Invalid CustomerHostAddress');
+    this.errorCodes.set('V6109', 'Invalid UserAgent');
+    this.errorCodes.set('V6110', 'Invalid EWAY_CARDNUMBER');
+    this.errorCodes.set('V6111', 'Unauthorised API Access, Account Not PCI Certified');
+    this.errorCodes.set('V6112', 'Redundant card details other than expiry year and month');
+    this.errorCodes.set('V6113', 'Invalid transaction for refund');
+    this.errorCodes.set('V6114', 'Gateway validation error');
+    this.errorCodes.set('V6115', 'Invalid DirectRefundRequest, Transaction ID');
+    this.errorCodes.set('V6116', 'Invalid card data on original TransactionID');
+    this.errorCodes.set('V6117', 'Invalid CreateAccessCodeSharedRequest, FooterText');
+    this.errorCodes.set('V6118', 'Invalid CreateAccessCodeSharedRequest, HeaderText');
+    this.errorCodes.set('V6119', 'Invalid CreateAccessCodeSharedRequest, Language');
+    this.errorCodes.set('V6120', 'Invalid CreateAccessCodeSharedRequest, LogoUrl');
+    this.errorCodes.set('V6121', 'Invalid TransactionSearch, Filter Match Type');
+    this.errorCodes.set('V6122', 'Invalid TransactionSearch, Non numeric Transaction ID');
+    this.errorCodes.set('V6123', 'Invalid TransactionSearch,no TransactionID or AccessCode specified');
+    this.errorCodes.set('V6124', 'Invalid Line Items. The line items have been provided however the totals do not match the TotalAmount field');
+    this.errorCodes.set('V6125', 'Selected Payment Type not enabled');
+    this.errorCodes.set('V6126', 'Invalid encrypted card number, decryption failed');
+    this.errorCodes.set('V6127', 'Invalid encrypted cvn, decryption failed');
+    this.errorCodes.set('V6128', 'Invalid Method for Payment Type');
+    this.errorCodes.set('V6129', 'Transaction has not been authorised for Capture/Cancellation');
+    this.errorCodes.set('V6130', 'Generic customer information error');
+    this.errorCodes.set('V6131', 'Generic shipping information error');
+    this.errorCodes.set('V6132', 'Transaction has already been completed or voided, operation not permitted');
+    this.errorCodes.set('V6133', 'Checkout not available for Payment Type');
+    this.errorCodes.set('V6134', 'Invalid Auth Transaction ID for Capture/Void');
+    this.errorCodes.set('V6135', 'PayPal Error Processing Refund');
+    this.errorCodes.set('V6136', 'Original transaction does not exist or state is incorrect');
+    this.errorCodes.set('V6140', 'Merchant account is suspended');
+    this.errorCodes.set('V6141', 'Invalid PayPal account details or API signature');
+    this.errorCodes.set('V6142', 'Authorise not available for Bank/Branch');
+    this.errorCodes.set('V6143', 'Invalid Public Key');
+    this.errorCodes.set('V6144', 'Method not available with Public API Key Authentication');
+    this.errorCodes.set('V6145', 'Credit Card not allow if Token Customer ID is provided with Public API Key Authentication');
+    this.errorCodes.set('V6146', 'Client Side Encryption Key Missing or Invalid');
+    this.errorCodes.set('V6147', 'Unable to Create One Time Code for Secure Field');
+    this.errorCodes.set('V6148', 'Secure Field has Expired');
+    this.errorCodes.set('V6149', 'Invalid Secure Field One Time Code');
+    this.errorCodes.set('V6150', 'Invalid Refund Amount');
+    this.errorCodes.set('V6151', 'Refund amount greater than original transaction');
+    this.errorCodes.set('V6152', 'Original transaction already refunded for total amount');
+    this.errorCodes.set('V6153', 'Card type not support by merchant');
+    this.errorCodes.set('V6154', 'Insufficent Funds Available For Refund');
+    this.errorCodes.set('V6155', 'Missing one or more fields in request');
+    this.errorCodes.set('V6160', 'Encryption Method Not Supported');
+    this.errorCodes.set('V6161', 'Encryption failed, missing or invalid key');
+    this.errorCodes.set('V6165', 'Invalid Click-to-Pay (Visa Checkout) data or decryption failed');
+    this.errorCodes.set('V6170', 'Invalid TransactionSearch, Invoice Number is not unique');
+    this.errorCodes.set('V6171', 'Invalid TransactionSearch, Invoice Number not found');
+    this.errorCodes.set('V6220', 'Three domain secure XID invalid');
+    this.errorCodes.set('V6221', 'Three domain secure ECI invalid');
+    this.errorCodes.set('V6222', 'Three domain secure AVV invalid');
+    this.errorCodes.set('V6223', 'Three domain secure XID is required');
+    this.errorCodes.set('V6224', 'Three Domain Secure ECI is required');
+    this.errorCodes.set('V6225', 'Three Domain Secure AVV is required');
+    this.errorCodes.set('V6226', 'Three Domain Secure AuthStatus is required');
+    this.errorCodes.set('V6227', 'Three Domain Secure AuthStatus invalid');
+    this.errorCodes.set('V6228', 'Three domain secure Version is required');
+    this.errorCodes.set('V6230', 'Three domain secure Directory Server Txn ID invalid');
+    this.errorCodes.set('V6231', 'Three domain secure Directory Server Txn ID is required');
+    this.errorCodes.set('V6232', 'Three domain secure Version is invalid');
+    this.errorCodes.set('V6501', 'Invalid Amex InstallementPlan');
+    this.errorCodes.set('V6502', 'Invalid Number Of Installements for Amex. Valid values are from 0 to 99 inclusive');
+    this.errorCodes.set('V6503', 'Merchant Amex ID required');
+    this.errorCodes.set('V6504', 'Invalid Merchant Amex ID');
+    this.errorCodes.set('V6505', 'Merchant Terminal ID required');
+    this.errorCodes.set('V6506', 'Merchant category code required');
+    this.errorCodes.set('V6507', 'Invalid merchant category code');
+    this.errorCodes.set('V6508', 'Amex 3D ECI required');
+    this.errorCodes.set('V6509', 'Invalid Amex 3D ECI');
+    this.errorCodes.set('V6510', 'Invalid Amex 3D verification value');
+    this.errorCodes.set('V6511', 'Invalid merchant location data');
+    this.errorCodes.set('V6512', 'Invalid merchant street address');
+    this.errorCodes.set('V6513', 'Invalid merchant city');
+    this.errorCodes.set('V6514', 'Invalid merchant country');
+    this.errorCodes.set('V6515', 'Invalid merchant phone');
+    this.errorCodes.set('V6516', 'Invalid merchant postcode');
+    this.errorCodes.set('V6517', 'Amex connection error');
+    this.errorCodes.set('V6518', 'Amex EC Card Details API returned invalid data');
+    this.errorCodes.set('V6520', 'Invalid or missing Amex Point Of Sale Data');
+    this.errorCodes.set('V6521', 'Invalid or missing Amex transaction date time');
+    this.errorCodes.set('V6522', 'Invalid or missing Amex Original transaction date time');
+    this.errorCodes.set('V6530', 'Credit Card Number in non Credit Card Field');
+  }
+
+  _createClass(EwayRapid, [{
+    key: "groupFieldConfig",
+    get: function get() {
+      var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4, _document$querySelect5;
+
+      return {
+        publicApiKey: (_document$querySelect = document.querySelector('meta[name=public-api-key]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.content,
+        fieldDivId: 'eway-secure-panel',
+        fieldType: 'group',
+        styles: '',
+        layout: {
+          fonts: ['Lobster'],
+          rows: [{
+            styles: '',
+            cells: [{
+              colSpan: 12,
+              styles: 'margin-top: 15px;',
+              label: {
+                fieldColSpan: 4,
+                text: (_document$querySelect2 = document.querySelector('meta[name=translation-card-name]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content,
+                styles: ''
+              },
+              field: {
+                fieldColSpan: 8,
+                fieldType: 'name',
+                styles: this.cardStyles,
+                divStyles: 'padding-left: 10px;'
+              }
+            }, {
+              colSpan: 12,
+              styles: 'margin-top: 15px;',
+              label: {
+                fieldColSpan: 4,
+                text: (_document$querySelect3 = document.querySelector('meta[name=translation-expiry_date]')) === null || _document$querySelect3 === void 0 ? void 0 : _document$querySelect3.content,
+                styles: ''
+              },
+              field: {
+                fieldColSpan: 8,
+                fieldType: 'expirytext',
+                styles: this.cardStyles,
+                divStyles: 'padding-left: 10px;'
+              }
+            }]
+          }, {
+            styles: '',
+            cells: [{
+              colSpan: 12,
+              styles: 'margin-top: 15px;',
+              label: {
+                fieldColSpan: 4,
+                text: (_document$querySelect4 = document.querySelector('meta[name=translation-card_number]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content,
+                styles: ''
+              },
+              field: {
+                fieldColSpan: 8,
+                fieldType: 'card',
+                styles: this.cardStyles
+              }
+            }, {
+              colSpan: 12,
+              styles: 'margin-top: 15px;',
+              label: {
+                fieldColSpan: 4,
+                text: (_document$querySelect5 = document.querySelector('meta[name=translation-cvv]')) === null || _document$querySelect5 === void 0 ? void 0 : _document$querySelect5.content,
+                styles: ''
+              },
+              field: {
+                fieldColSpan: 8,
+                fieldType: 'cvn',
+                styles: this.cardStyles
+              }
+            }]
+          }]
+        }
+      };
+    }
+  }, {
+    key: "securePanelCallback",
+    value: function securePanelCallback(event) {
+      document.getElementById('errors').hidden = true;
+
+      if (event.errors) {
+        return this.handleErrors(event.errors);
+      }
+
+      if (document.getElementById('authorize-card')) {
+        document.getElementById('authorize-card').disabled = false;
+      }
+
+      if (document.getElementById('pay-now')) {
+        document.getElementById('pay-now').disabled = false;
+      }
+
+      document.querySelector('input[name=securefieldcode]').value = event.secureFieldCode;
+    }
+  }, {
+    key: "handleErrors",
+    value: function handleErrors(errors) {
+      var _this = this;
+
+      var _errors = errors.split(' ');
+
+      var shouldShowGenericError = false;
+      var message = '';
+
+      _errors.forEach(function (error) {
+        message = message.concat(_this.errorCodes.get(error) + '<br>');
+      });
+
+      document.getElementById('errors').innerHTML = message;
+      document.getElementById('errors').hidden = false;
+    }
+  }, {
+    key: "completeAuthorization",
+    value: function completeAuthorization(event) {
+      event.target.parentElement.disabled = true;
+      document.getElementById('server-response').submit();
+    }
+  }, {
+    key: "completePaymentUsingToken",
+    value: function completePaymentUsingToken(event) {
+      event.target.parentElement.disabled = true;
+      document.getElementById('server-response').submit();
+    }
+  }, {
+    key: "completePaymentWithoutToken",
+    value: function completePaymentWithoutToken(event) {
+      event.target.parentElement.disabled = true;
+      var tokenBillingCheckbox = document.querySelector('input[name="token-billing-checkbox"]:checked');
+
+      if (tokenBillingCheckbox) {
+        document.querySelector('input[name="store_card"]').value = tokenBillingCheckbox.value;
+      }
+
+      document.getElementById('server-response').submit();
+    }
+  }, {
+    key: "initialize",
+    value: function initialize() {
+      var _this2 = this;
+
+      this.eWAY = eWAY.setupSecureField(this.groupFieldConfig, function (event) {
+        return _this2.securePanelCallback(event);
+      });
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _document$getElementB,
+          _this3 = this,
+          _document$getElementB2;
+
+      this.initialize();
+      (_document$getElementB = document.getElementById('authorize-card')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.addEventListener('click', function (e) {
+        return _this3.completeAuthorization(e);
+      });
+      Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
+        return element.addEventListener('click', function (element) {
+          document.getElementById('eway-secure-panel').classList.add('hidden');
+          document.getElementById('save-card--container').style.display = 'none';
+          document.querySelector('input[name=token]').value = element.target.dataset.token;
+          document.getElementById('pay-now').disabled = false;
+        });
+      });
+      document.getElementById('toggle-payment-with-credit-card').addEventListener('click', function (element) {
+        document.getElementById('eway-secure-panel').classList.remove('hidden');
+        document.getElementById('save-card--container').style.display = 'grid';
+        document.querySelector('input[name=token]').value = '';
+        document.getElementById('pay-now').disabled = true;
+      });
+      (_document$getElementB2 = document.getElementById('pay-now')) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.addEventListener('click', function (e) {
+        var tokenInput = document.querySelector('input[name=token]');
+
+        if (tokenInput.value) {
+          return _this3.completePaymentUsingToken(e);
+        }
+
+        return _this3.completePaymentWithoutToken(e);
+      });
+    }
+  }]);
+
+  return EwayRapid;
+}();
+
+new EwayRapid().handle();
+
+/***/ }),
+
+/***/ 23:
+/*!*****************************************************************!*\
+  !*** multi ./resources/js/clients/payments/eway-credit-card.js ***!
+  \*****************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/eway-credit-card.js */"./resources/js/clients/payments/eway-credit-card.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/mollie-credit-card.js b/public/js/clients/payments/mollie-credit-card.js
index e1d239e9cb..e74e101cef 100644
--- a/public/js/clients/payments/mollie-credit-card.js
+++ b/public/js/clients/payments/mollie-credit-card.js
@@ -1,2 +1,259 @@
-/*! For license information please see mollie-credit-card.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=22)}({22:function(e,t,n){e.exports=n("i12I")},i12I:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){var t,n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.mollie=Mollie(null===(t=document.querySelector("meta[name=mollie-profileId]"))||void 0===t?void 0:t.content,{testmode:null===(n=document.querySelector("meta[name=mollie-testmode]"))||void 0===n?void 0:n.content,locale:"en_US"})}var t,r,o;return t=e,(r=[{key:"createCardHolderInput",value:function(){var e=this.mollie.createComponent("cardHolder");e.mount("#card-holder");var t=document.getElementById("card-holder-error");return e.addEventListener("change",(function(e){e.error&&e.touched?t.textContent=e.error:t.textContent=""})),this}},{key:"createCardNumberInput",value:function(){var e=this.mollie.createComponent("cardNumber");e.mount("#card-number");var t=document.getElementById("card-number-error");return e.addEventListener("change",(function(e){e.error&&e.touched?t.textContent=e.error:t.textContent=""})),this}},{key:"createExpiryDateInput",value:function(){var e=this.mollie.createComponent("expiryDate");e.mount("#expiry-date");var t=document.getElementById("expiry-date-error");return e.addEventListener("change",(function(e){e.error&&e.touched?t.textContent=e.error:t.textContent=""})),this}},{key:"createCvvInput",value:function(){var e=this.mollie.createComponent("verificationCode");e.mount("#cvv");var t=document.getElementById("cvv-error");return e.addEventListener("change",(function(e){e.error&&e.touched?t.textContent=e.error:t.textContent=""})),this}},{key:"handlePayNowButton",value:function(){if(document.getElementById("pay-now").disabled=!0,""!==document.querySelector("input[name=token]").value)return document.querySelector("input[name=gateway_response]").value="",document.getElementById("server-response").submit();this.mollie.createToken().then((function(e){var t=e.token,n=e.error;if(n){document.getElementById("pay-now").disabled=!1;var r=document.getElementById("errors");return r.innerText=n.message,void(r.hidden=!1)}var o=document.querySelector('input[name="token-billing-checkbox"]:checked');o&&(document.querySelector('input[name="store_card"]').value=o.value),document.querySelector("input[name=gateway_response]").value=t,document.querySelector("input[name=token]").value="",document.getElementById("server-response").submit()}))}},{key:"handle",value:function(){var e=this;this.createCardHolderInput().createCardNumberInput().createExpiryDateInput().createCvvInput(),Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(e){return e.addEventListener("click",(function(e){document.getElementById("mollie--payment-container").classList.add("hidden"),document.getElementById("save-card--container").style.display="none",document.querySelector("input[name=token]").value=e.target.dataset.token}))})),document.getElementById("toggle-payment-with-credit-card").addEventListener("click",(function(e){document.getElementById("mollie--payment-container").classList.remove("hidden"),document.getElementById("save-card--container").style.display="grid",document.querySelector("input[name=token]").value=""})),document.getElementById("pay-now").addEventListener("click",(function(){return e.handlePayNowButton()}))}}])&&n(t.prototype,r),o&&n(t,o),e}())).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 22);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/mollie-credit-card.js":
+/*!*************************************************************!*\
+  !*** ./resources/js/clients/payments/mollie-credit-card.js ***!
+  \*************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com).
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://www.elastic.co/licensing/elastic-license
+ */
+var _Mollie = /*#__PURE__*/function () {
+  function _Mollie() {
+    var _document$querySelect, _document$querySelect2;
+
+    _classCallCheck(this, _Mollie);
+
+    this.mollie = Mollie((_document$querySelect = document.querySelector('meta[name=mollie-profileId]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.content, {
+      testmode: (_document$querySelect2 = document.querySelector('meta[name=mollie-testmode]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content,
+      locale: 'en_US'
+    });
+  }
+
+  _createClass(_Mollie, [{
+    key: "createCardHolderInput",
+    value: function createCardHolderInput() {
+      var cardHolder = this.mollie.createComponent('cardHolder');
+      cardHolder.mount('#card-holder');
+      var cardHolderError = document.getElementById('card-holder-error');
+      cardHolder.addEventListener('change', function (event) {
+        if (event.error && event.touched) {
+          cardHolderError.textContent = event.error;
+        } else {
+          cardHolderError.textContent = '';
+        }
+      });
+      return this;
+    }
+  }, {
+    key: "createCardNumberInput",
+    value: function createCardNumberInput() {
+      var cardNumber = this.mollie.createComponent('cardNumber');
+      cardNumber.mount('#card-number');
+      var cardNumberError = document.getElementById('card-number-error');
+      cardNumber.addEventListener('change', function (event) {
+        if (event.error && event.touched) {
+          cardNumberError.textContent = event.error;
+        } else {
+          cardNumberError.textContent = '';
+        }
+      });
+      return this;
+    }
+  }, {
+    key: "createExpiryDateInput",
+    value: function createExpiryDateInput() {
+      var expiryDate = this.mollie.createComponent('expiryDate');
+      expiryDate.mount('#expiry-date');
+      var expiryDateError = document.getElementById('expiry-date-error');
+      expiryDate.addEventListener('change', function (event) {
+        if (event.error && event.touched) {
+          expiryDateError.textContent = event.error;
+        } else {
+          expiryDateError.textContent = '';
+        }
+      });
+      return this;
+    }
+  }, {
+    key: "createCvvInput",
+    value: function createCvvInput() {
+      var verificationCode = this.mollie.createComponent('verificationCode');
+      verificationCode.mount('#cvv');
+      var verificationCodeError = document.getElementById('cvv-error');
+      verificationCode.addEventListener('change', function (event) {
+        if (event.error && event.touched) {
+          verificationCodeError.textContent = event.error;
+        } else {
+          verificationCodeError.textContent = '';
+        }
+      });
+      return this;
+    }
+  }, {
+    key: "handlePayNowButton",
+    value: function handlePayNowButton() {
+      document.getElementById('pay-now').disabled = true;
+
+      if (document.querySelector('input[name=token]').value !== '') {
+        document.querySelector('input[name=gateway_response]').value = '';
+        return document.getElementById('server-response').submit();
+      }
+
+      this.mollie.createToken().then(function (result) {
+        var token = result.token;
+        var error = result.error;
+
+        if (error) {
+          document.getElementById('pay-now').disabled = false;
+          var errorsContainer = document.getElementById('errors');
+          errorsContainer.innerText = error.message;
+          errorsContainer.hidden = false;
+          return;
+        }
+
+        var tokenBillingCheckbox = document.querySelector('input[name="token-billing-checkbox"]:checked');
+
+        if (tokenBillingCheckbox) {
+          document.querySelector('input[name="store_card"]').value = tokenBillingCheckbox.value;
+        }
+
+        document.querySelector('input[name=gateway_response]').value = token;
+        document.querySelector('input[name=token]').value = '';
+        document.getElementById('server-response').submit();
+      });
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this = this;
+
+      this.createCardHolderInput().createCardNumberInput().createExpiryDateInput().createCvvInput();
+      Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
+        return element.addEventListener('click', function (element) {
+          document.getElementById('mollie--payment-container').classList.add('hidden');
+          document.getElementById('save-card--container').style.display = 'none';
+          document.querySelector('input[name=token]').value = element.target.dataset.token;
+        });
+      });
+      document.getElementById('toggle-payment-with-credit-card').addEventListener('click', function (element) {
+        document.getElementById('mollie--payment-container').classList.remove('hidden');
+        document.getElementById('save-card--container').style.display = 'grid';
+        document.querySelector('input[name=token]').value = '';
+      });
+      document.getElementById('pay-now').addEventListener('click', function () {
+        return _this.handlePayNowButton();
+      });
+    }
+  }]);
+
+  return _Mollie;
+}();
+
+new _Mollie().handle();
+
+/***/ }),
+
+/***/ 22:
+/*!*******************************************************************!*\
+  !*** multi ./resources/js/clients/payments/mollie-credit-card.js ***!
+  \*******************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/mollie-credit-card.js */"./resources/js/clients/payments/mollie-credit-card.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/paytrace-credit-card.js b/public/js/clients/payments/paytrace-credit-card.js
index e2f9f0f53e..562ff7dd4e 100644
--- a/public/js/clients/payments/paytrace-credit-card.js
+++ b/public/js/clients/payments/paytrace-credit-card.js
@@ -1,2 +1,278 @@
-/*! For license information please see paytrace-credit-card.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=21)}({"0Swb":function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){var t;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.clientKey=null===(t=document.querySelector("meta[name=paytrace-client-key]"))||void 0===t?void 0:t.content}var t,r,o;return t=e,(r=[{key:"creditCardStyles",get:function(){return{font_color:"#111827",border_color:"rgba(210,214,220,1)",label_color:"#111827",label_size:"12pt",background_color:"white",border_style:"solid",font_size:"15pt",height:"30px",width:"100%"}}},{key:"codeStyles",get:function(){return{font_color:"#111827",border_color:"rgba(210,214,220,1)",label_color:"#111827",label_size:"12pt",background_color:"white",border_style:"solid",font_size:"15pt",height:"30px",width:"300px"}}},{key:"expStyles",get:function(){return{font_color:"#111827",border_color:"rgba(210,214,220,1)",label_color:"#111827",label_size:"12pt",background_color:"white",border_style:"solid",font_size:"15pt",height:"30px",width:"85px",type:"dropdown"}}},{key:"updatePayTraceLabels",value:function(){window.PTPayment.getControl("securityCode").label.text(document.querySelector("meta[name=ctrans-cvv]").content),window.PTPayment.getControl("creditCard").label.text(document.querySelector("meta[name=ctrans-card_number]").content),window.PTPayment.getControl("expiration").label.text(document.querySelector("meta[name=ctrans-expires]").content)}},{key:"setupPayTrace",value:function(){return window.PTPayment.setup({styles:{code:this.codeStyles,cc:this.creditCardStyles,exp:this.expStyles},authorization:{clientKey:this.clientKey}})}},{key:"handlePaymentWithCreditCard",value:function(e){var t=this;e.target.parentElement.disabled=!0,document.getElementById("errors").hidden=!0,window.PTPayment.validate((function(n){if(n.length>=1){var r=document.getElementById("errors");return r.textContent=n[0].description,r.hidden=!1,e.target.parentElement.disabled=!1}t.ptInstance.process().then((function(e){document.getElementById("HPF_Token").value=e.message.hpf_token,document.getElementById("enc_key").value=e.message.enc_key;var t=document.querySelector('input[name="token-billing-checkbox"]:checked');t&&(document.querySelector('input[name="store_card"]').value=t.value),document.getElementById("server_response").submit()})).catch((function(e){document.getElementById("errors").textContent=JSON.stringify(e),document.getElementById("errors").hidden=!1,console.log(e)}))}))}},{key:"handlePaymentWithToken",value:function(e){e.target.parentElement.disabled=!0,document.getElementById("server_response").submit()}},{key:"handle",value:function(){var e,t=this;Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(e){return e.addEventListener("click",(function(e){document.getElementById("paytrace--credit-card-container").classList.add("hidden"),document.getElementById("save-card--container").style.display="none",document.querySelector("input[name=token]").value=e.target.dataset.token}))})),null===(e=document.getElementById("toggle-payment-with-credit-card"))||void 0===e||e.addEventListener("click",(function(e){document.getElementById("paytrace--credit-card-container").classList.remove("hidden"),document.getElementById("save-card--container").style.display="grid",document.querySelector("input[name=token]").value="",t.setupPayTrace().then((function(e){t.ptInstance=e,t.updatePayTraceLabels()}))})),document.getElementById("pay-now").addEventListener("click",(function(e){return""===document.querySelector("input[name=token]").value?t.handlePaymentWithCreditCard(e):t.handlePaymentWithToken(e)}))}}])&&n(t.prototype,r),o&&n(t,o),e}())).handle()},21:function(e,t,n){e.exports=n("0Swb")}});
\ 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 = 21);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/paytrace-credit-card.js":
+/*!***************************************************************!*\
+  !*** ./resources/js/clients/payments/paytrace-credit-card.js ***!
+  \***************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com).
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://www.elastic.co/licensing/elastic-license
+ */
+var PayTraceCreditCard = /*#__PURE__*/function () {
+  function PayTraceCreditCard() {
+    var _document$querySelect;
+
+    _classCallCheck(this, PayTraceCreditCard);
+
+    this.clientKey = (_document$querySelect = document.querySelector('meta[name=paytrace-client-key]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.content;
+  }
+
+  _createClass(PayTraceCreditCard, [{
+    key: "creditCardStyles",
+    get: function get() {
+      return {
+        font_color: '#111827',
+        border_color: 'rgba(210,214,220,1)',
+        label_color: '#111827',
+        label_size: '12pt',
+        background_color: 'white',
+        border_style: 'solid',
+        font_size: '15pt',
+        height: '30px',
+        width: '100%'
+      };
+    }
+  }, {
+    key: "codeStyles",
+    get: function get() {
+      return {
+        font_color: '#111827',
+        border_color: 'rgba(210,214,220,1)',
+        label_color: '#111827',
+        label_size: '12pt',
+        background_color: 'white',
+        border_style: 'solid',
+        font_size: '15pt',
+        height: '30px',
+        width: '300px'
+      };
+    }
+  }, {
+    key: "expStyles",
+    get: function get() {
+      return {
+        font_color: '#111827',
+        border_color: 'rgba(210,214,220,1)',
+        label_color: '#111827',
+        label_size: '12pt',
+        background_color: 'white',
+        border_style: 'solid',
+        font_size: '15pt',
+        height: '30px',
+        width: '85px',
+        type: 'dropdown'
+      };
+    }
+  }, {
+    key: "updatePayTraceLabels",
+    value: function updatePayTraceLabels() {
+      window.PTPayment.getControl('securityCode').label.text(document.querySelector('meta[name=ctrans-cvv]').content);
+      window.PTPayment.getControl('creditCard').label.text(document.querySelector('meta[name=ctrans-card_number]').content);
+      window.PTPayment.getControl('expiration').label.text(document.querySelector('meta[name=ctrans-expires]').content);
+    }
+  }, {
+    key: "setupPayTrace",
+    value: function setupPayTrace() {
+      return window.PTPayment.setup({
+        styles: {
+          code: this.codeStyles,
+          cc: this.creditCardStyles,
+          exp: this.expStyles
+        },
+        authorization: {
+          clientKey: this.clientKey
+        }
+      });
+    }
+  }, {
+    key: "handlePaymentWithCreditCard",
+    value: function handlePaymentWithCreditCard(event) {
+      var _this = this;
+
+      event.target.parentElement.disabled = true;
+      document.getElementById('errors').hidden = true;
+      window.PTPayment.validate(function (errors) {
+        if (errors.length >= 1) {
+          var errorsContainer = document.getElementById('errors');
+          errorsContainer.textContent = errors[0].description;
+          errorsContainer.hidden = false;
+          return event.target.parentElement.disabled = false;
+        }
+
+        _this.ptInstance.process().then(function (response) {
+          document.getElementById('HPF_Token').value = response.message.hpf_token;
+          document.getElementById('enc_key').value = response.message.enc_key;
+          var tokenBillingCheckbox = document.querySelector('input[name="token-billing-checkbox"]:checked');
+
+          if (tokenBillingCheckbox) {
+            document.querySelector('input[name="store_card"]').value = tokenBillingCheckbox.value;
+          }
+
+          document.getElementById('server_response').submit();
+        })["catch"](function (error) {
+          document.getElementById('errors').textContent = JSON.stringify(error);
+          document.getElementById('errors').hidden = false;
+          console.log(error);
+        });
+      });
+    }
+  }, {
+    key: "handlePaymentWithToken",
+    value: function handlePaymentWithToken(event) {
+      event.target.parentElement.disabled = true;
+      document.getElementById('server_response').submit();
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _document$getElementB,
+          _this2 = this;
+
+      Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
+        return element.addEventListener('click', function (element) {
+          document.getElementById('paytrace--credit-card-container').classList.add('hidden');
+          document.getElementById('save-card--container').style.display = 'none';
+          document.querySelector('input[name=token]').value = element.target.dataset.token;
+        });
+      });
+      (_document$getElementB = document.getElementById('toggle-payment-with-credit-card')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.addEventListener('click', function (element) {
+        document.getElementById('paytrace--credit-card-container').classList.remove('hidden');
+        document.getElementById('save-card--container').style.display = 'grid';
+        document.querySelector('input[name=token]').value = '';
+
+        _this2.setupPayTrace().then(function (instance) {
+          _this2.ptInstance = instance;
+
+          _this2.updatePayTraceLabels();
+        });
+      });
+      document.getElementById('pay-now').addEventListener('click', function (e) {
+        if (document.querySelector('input[name=token]').value === '') {
+          return _this2.handlePaymentWithCreditCard(e);
+        }
+
+        return _this2.handlePaymentWithToken(e);
+      });
+    }
+  }]);
+
+  return PayTraceCreditCard;
+}();
+
+new PayTraceCreditCard().handle();
+
+/***/ }),
+
+/***/ 21:
+/*!*********************************************************************!*\
+  !*** multi ./resources/js/clients/payments/paytrace-credit-card.js ***!
+  \*********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/paytrace-credit-card.js */"./resources/js/clients/payments/paytrace-credit-card.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/razorpay-aio.js b/public/js/clients/payments/razorpay-aio.js
index dbf83802dd..ccf78ec863 100644
--- a/public/js/clients/payments/razorpay-aio.js
+++ b/public/js/clients/payments/razorpay-aio.js
@@ -1,2 +1,136 @@
-/*! For license information please see razorpay-aio.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=27)}({27:function(e,t,n){e.exports=n("tIvh")},tIvh:function(e,t){var n,r=JSON.parse(null===(n=document.querySelector("meta[name=razorpay-options]"))||void 0===n?void 0:n.content);r.handler=function(e){document.getElementById("razorpay_payment_id").value=e.razorpay_payment_id,document.getElementById("razorpay_signature").value=e.razorpay_signature,document.getElementById("server-response").submit()};var o=new Razorpay(r);document.getElementById("pay-now").onclick=function(e){e.target.parentElement.disabled=!0,o.open()}}});
\ 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 = 27);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/razorpay-aio.js":
+/*!*******************************************************!*\
+  !*** ./resources/js/clients/payments/razorpay-aio.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+var _document$querySelect;
+
+/**
+ * Invoice Ninja (https://invoiceninja.com).
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var options = JSON.parse((_document$querySelect = document.querySelector('meta[name=razorpay-options]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.content);
+
+options.handler = function (response) {
+  document.getElementById('razorpay_payment_id').value = response.razorpay_payment_id;
+  document.getElementById('razorpay_signature').value = response.razorpay_signature;
+  document.getElementById('server-response').submit();
+};
+
+var razorpay = new Razorpay(options);
+
+document.getElementById('pay-now').onclick = function (event) {
+  event.target.parentElement.disabled = true;
+  razorpay.open();
+};
+
+/***/ }),
+
+/***/ 27:
+/*!*************************************************************!*\
+  !*** multi ./resources/js/clients/payments/razorpay-aio.js ***!
+  \*************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/razorpay-aio.js */"./resources/js/clients/payments/razorpay-aio.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/square-credit-card.js b/public/js/clients/payments/square-credit-card.js
index b6753383cd..da1b63072e 100644
--- a/public/js/clients/payments/square-credit-card.js
+++ b/public/js/clients/payments/square-credit-card.js
@@ -1,2 +1,1184 @@
-/*! For license information please see square-credit-card.js.LICENSE.txt */
-!function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="/",n(n.s=25)}({25:function(t,e,n){t.exports=n("flnV")},flnV:function(t,e,n){"use strict";n.r(e);var r=n("o0o1"),o=n.n(r);function a(t,e,n,r,o,a,i){try{var c=t[a](i),u=c.value}catch(t){return void n(t)}c.done?e(u):Promise.resolve(u).then(r,o)}function i(t){return function(){var e=this,n=arguments;return new Promise((function(r,o){var i=t.apply(e,n);function c(t){a(i,r,o,c,u,"next",t)}function u(t){a(i,r,o,c,u,"throw",t)}c(void 0)}))}}function c(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}(new(function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.appId=document.querySelector("meta[name=square-appId]").content,this.locationId=document.querySelector("meta[name=square-locationId]").content,this.isLoaded=!1}var e,n,r,a,u,s,l,d;return e=t,(n=[{key:"init",value:(d=i(o.a.mark((function t(){var e;return o.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return this.payments=Square.payments(this.appId,this.locationId),t.next=3,this.payments.card();case 3:return this.card=t.sent,t.next=6,this.card.attach("#card-container");case 6:this.isLoaded=!0,(e=document.querySelector(".sq-card-iframe-container"))&&e.setAttribute("style","150px !important"),document.querySelector(".toggle-payment-with-token")&&document.getElementById("card-container").classList.add("hidden");case 11:case"end":return t.stop()}}),t,this)}))),function(){return d.apply(this,arguments)})},{key:"completePaymentWithoutToken",value:(l=i(o.a.mark((function t(e){var n,r,a,i,c;return o.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return document.getElementById("errors").hidden=!0,e.target.parentElement.disabled=!0,t.next=4,this.card.tokenize();case 4:return n=t.sent,t.prev=5,a={amount:document.querySelector("meta[name=amount]").content,billingContact:JSON.parse(document.querySelector("meta[name=square_contact]").content),currencyCode:document.querySelector("meta[name=currencyCode]").content,intent:"CHARGE"},t.next=9,this.payments.verifyBuyer(n.token,a);case 9:i=t.sent,r=i.token,t.next=16;break;case 13:t.prev=13,t.t0=t.catch(5),e.target.parentElement.disabled=!0;case 16:if(document.querySelector('input[name="verificationToken"]').value=r,"OK"!==n.status){t.next=22;break}return document.getElementById("sourceId").value=n.token,(c=document.querySelector('input[name="token-billing-checkbox"]:checked'))&&(document.querySelector('input[name="store_card"]').value=c.value),t.abrupt("return",document.getElementById("server_response").submit());case 22:document.getElementById("errors").textContent=n.errors[0].message,document.getElementById("errors").hidden=!1,e.target.parentElement.disabled=!1;case 25:case"end":return t.stop()}}),t,this,[[5,13]])}))),function(t){return l.apply(this,arguments)})},{key:"completePaymentUsingToken",value:(s=i(o.a.mark((function t(e){return o.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return e.target.parentElement.disabled=!0,t.abrupt("return",document.getElementById("server_response").submit());case 2:case"end":return t.stop()}}),t)}))),function(t){return s.apply(this,arguments)})},{key:"verifyBuyer",value:(u=i(o.a.mark((function t(e){var n,r;return o.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n={amount:document.querySelector("meta[name=amount]").content,billingContact:document.querySelector("meta[name=square_contact]").content,currencyCode:document.querySelector("meta[name=currencyCode]").content,intent:"CHARGE"},t.next=3,this.payments.verifyBuyer(e,n);case 3:return r=t.sent,t.abrupt("return",r.token);case 5:case"end":return t.stop()}}),t,this)}))),function(t){return u.apply(this,arguments)})},{key:"handle",value:(a=i(o.a.mark((function t(){var e,n,r,a,c=this;return o.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.init();case 2:null===(e=document.getElementById("authorize-card"))||void 0===e||e.addEventListener("click",(function(t){return c.completePaymentWithoutToken(t)})),null===(n=document.getElementById("pay-now"))||void 0===n||n.addEventListener("click",(function(t){return document.querySelector("input[name=token]").value?c.completePaymentUsingToken(t):c.completePaymentWithoutToken(t)})),Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(t){return t.addEventListener("click",(function(t){document.getElementById("card-container").classList.add("hidden"),document.getElementById("save-card--container").style.display="none",document.querySelector("input[name=token]").value=t.target.dataset.token}))})),null===(r=document.getElementById("toggle-payment-with-credit-card"))||void 0===r||r.addEventListener("click",function(){var t=i(o.a.mark((function t(e){return o.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:document.getElementById("card-container").classList.remove("hidden"),document.getElementById("save-card--container").style.display="grid",document.querySelector("input[name=token]").value="";case 3:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}()),document.querySelector(".toggle-payment-with-token")||null===(a=document.getElementById("toggle-payment-with-credit-card"))||void 0===a||a.click();case 8:case"end":return t.stop()}}),t,this)}))),function(){return a.apply(this,arguments)})}])&&c(e.prototype,n),r&&c(e,r),t}())).handle()},ls82:function(t,e,n){var r=function(t){"use strict";var e=Object.prototype,n=e.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},o=r.iterator||"@@iterator",a=r.asyncIterator||"@@asyncIterator",i=r.toStringTag||"@@toStringTag";function c(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{c({},"")}catch(t){c=function(t,e,n){return t[e]=n}}function u(t,e,n,r){var o=e&&e.prototype instanceof d?e:d,a=Object.create(o.prototype),i=new k(r||[]);return a._invoke=function(t,e,n){var r="suspendedStart";return function(o,a){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw a;return S()}for(n.method=o,n.arg=a;;){var i=n.delegate;if(i){var c=b(i,n);if(c){if(c===l)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var u=s(t,e,n);if("normal"===u.type){if(r=n.done?"completed":"suspendedYield",u.arg===l)continue;return{value:u.arg,done:n.done}}"throw"===u.type&&(r="completed",n.method="throw",n.arg=u.arg)}}}(t,n,i),a}function s(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}t.wrap=u;var l={};function d(){}function f(){}function h(){}var p={};p[o]=function(){return this};var y=Object.getPrototypeOf,m=y&&y(y(L([])));m&&m!==e&&n.call(m,o)&&(p=m);var v=h.prototype=d.prototype=Object.create(p);function g(t){["next","throw","return"].forEach((function(e){c(t,e,(function(t){return this._invoke(e,t)}))}))}function w(t,e){var r;this._invoke=function(o,a){function i(){return new e((function(r,i){!function r(o,a,i,c){var u=s(t[o],t,a);if("throw"!==u.type){var l=u.arg,d=l.value;return d&&"object"==typeof d&&n.call(d,"__await")?e.resolve(d.__await).then((function(t){r("next",t,i,c)}),(function(t){r("throw",t,i,c)})):e.resolve(d).then((function(t){l.value=t,i(l)}),(function(t){return r("throw",t,i,c)}))}c(u.arg)}(o,a,r,i)}))}return r=r?r.then(i,i):i()}}function b(t,e){var n=t.iterator[e.method];if(void 0===n){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,b(t,e),"throw"===e.method))return l;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return l}var r=s(n,t.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,l;var o=r.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,l):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,l)}function x(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function E(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function k(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(x,this),this.reset(!0)}function L(t){if(t){var e=t[o];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,a=function e(){for(;++r<t.length;)if(n.call(t,r))return e.value=t[r],e.done=!1,e;return e.value=void 0,e.done=!0,e};return a.next=a}}return{next:S}}function S(){return{value:void 0,done:!0}}return f.prototype=v.constructor=h,h.constructor=f,f.displayName=c(h,i,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,h):(t.__proto__=h,c(t,i,"GeneratorFunction")),t.prototype=Object.create(v),t},t.awrap=function(t){return{__await:t}},g(w.prototype),w.prototype[a]=function(){return this},t.AsyncIterator=w,t.async=function(e,n,r,o,a){void 0===a&&(a=Promise);var i=new w(u(e,n,r,o),a);return t.isGeneratorFunction(n)?i:i.next().then((function(t){return t.done?t.value:i.next()}))},g(v),c(v,i,"Generator"),v[o]=function(){return this},v.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var n in t)e.push(n);return e.reverse(),function n(){for(;e.length;){var r=e.pop();if(r in t)return n.value=r,n.done=!1,n}return n.done=!0,n}},t.values=L,k.prototype={constructor:k,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!t)for(var e in this)"t"===e.charAt(0)&&n.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 r(n,r){return i.type="throw",i.arg=t,e.next=n,r&&(e.method="next",e.arg=void 0),!!r}for(var o=this.tryEntries.length-1;o>=0;--o){var a=this.tryEntries[o],i=a.completion;if("root"===a.tryLoc)return r("end");if(a.tryLoc<=this.prev){var c=n.call(a,"catchLoc"),u=n.call(a,"finallyLoc");if(c&&u){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(c){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return r(a.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var a=o;break}}a&&("break"===t||"continue"===t)&&a.tryLoc<=e&&e<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=t,i.arg=e,a?(this.method="next",this.next=a.finallyLoc,l):this.complete(i)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),l},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),E(n),l}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var o=r.arg;E(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:L(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),l}},t}(t.exports);try{regeneratorRuntime=r}catch(t){Function("r","regeneratorRuntime = r")(r)}},o0o1:function(t,e,n){t.exports=n("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 = 25);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./node_modules/@babel/runtime/regenerator/index.js":
+/*!**********************************************************!*\
+  !*** ./node_modules/@babel/runtime/regenerator/index.js ***!
+  \**********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! regenerator-runtime */ "./node_modules/regenerator-runtime/runtime.js");
+
+
+/***/ }),
+
+/***/ "./node_modules/regenerator-runtime/runtime.js":
+/*!*****************************************************!*\
+  !*** ./node_modules/regenerator-runtime/runtime.js ***!
+  \*****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var runtime = (function (exports) {
+  "use strict";
+
+  var Op = Object.prototype;
+  var hasOwn = Op.hasOwnProperty;
+  var undefined; // More compressible than void 0.
+  var $Symbol = typeof Symbol === "function" ? Symbol : {};
+  var iteratorSymbol = $Symbol.iterator || "@@iterator";
+  var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
+  var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+
+  function define(obj, key, value) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+    return obj[key];
+  }
+  try {
+    // IE 8 has a broken Object.defineProperty that only works on DOM objects.
+    define({}, "");
+  } catch (err) {
+    define = function(obj, key, value) {
+      return obj[key] = value;
+    };
+  }
+
+  function wrap(innerFn, outerFn, self, tryLocsList) {
+    // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
+    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
+    var generator = Object.create(protoGenerator.prototype);
+    var context = new Context(tryLocsList || []);
+
+    // The ._invoke method unifies the implementations of the .next,
+    // .throw, and .return methods.
+    generator._invoke = makeInvokeMethod(innerFn, self, context);
+
+    return generator;
+  }
+  exports.wrap = wrap;
+
+  // Try/catch helper to minimize deoptimizations. Returns a completion
+  // record like context.tryEntries[i].completion. This interface could
+  // have been (and was previously) designed to take a closure to be
+  // invoked without arguments, but in all the cases we care about we
+  // already have an existing method we want to call, so there's no need
+  // to create a new function object. We can even get away with assuming
+  // the method takes exactly one argument, since that happens to be true
+  // in every case, so we don't have to touch the arguments object. The
+  // only additional allocation required is the completion record, which
+  // has a stable shape and so hopefully should be cheap to allocate.
+  function tryCatch(fn, obj, arg) {
+    try {
+      return { type: "normal", arg: fn.call(obj, arg) };
+    } catch (err) {
+      return { type: "throw", arg: err };
+    }
+  }
+
+  var GenStateSuspendedStart = "suspendedStart";
+  var GenStateSuspendedYield = "suspendedYield";
+  var GenStateExecuting = "executing";
+  var GenStateCompleted = "completed";
+
+  // Returning this object from the innerFn has the same effect as
+  // breaking out of the dispatch switch statement.
+  var ContinueSentinel = {};
+
+  // Dummy constructor functions that we use as the .constructor and
+  // .constructor.prototype properties for functions that return Generator
+  // objects. For full spec compliance, you may wish to configure your
+  // minifier not to mangle the names of these two functions.
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+
+  // This is a polyfill for %IteratorPrototype% for environments that
+  // don't natively support it.
+  var IteratorPrototype = {};
+  IteratorPrototype[iteratorSymbol] = function () {
+    return this;
+  };
+
+  var getProto = Object.getPrototypeOf;
+  var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+  if (NativeIteratorPrototype &&
+      NativeIteratorPrototype !== Op &&
+      hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
+    // This environment has a native %IteratorPrototype%; use it instead
+    // of the polyfill.
+    IteratorPrototype = NativeIteratorPrototype;
+  }
+
+  var Gp = GeneratorFunctionPrototype.prototype =
+    Generator.prototype = Object.create(IteratorPrototype);
+  GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
+  GeneratorFunctionPrototype.constructor = GeneratorFunction;
+  GeneratorFunction.displayName = define(
+    GeneratorFunctionPrototype,
+    toStringTagSymbol,
+    "GeneratorFunction"
+  );
+
+  // Helper for defining the .next, .throw, and .return methods of the
+  // Iterator interface in terms of a single ._invoke method.
+  function defineIteratorMethods(prototype) {
+    ["next", "throw", "return"].forEach(function(method) {
+      define(prototype, method, function(arg) {
+        return this._invoke(method, arg);
+      });
+    });
+  }
+
+  exports.isGeneratorFunction = function(genFun) {
+    var ctor = typeof genFun === "function" && genFun.constructor;
+    return ctor
+      ? ctor === GeneratorFunction ||
+        // For the native GeneratorFunction constructor, the best we can
+        // do is to check its .name property.
+        (ctor.displayName || ctor.name) === "GeneratorFunction"
+      : false;
+  };
+
+  exports.mark = function(genFun) {
+    if (Object.setPrototypeOf) {
+      Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
+    } else {
+      genFun.__proto__ = GeneratorFunctionPrototype;
+      define(genFun, toStringTagSymbol, "GeneratorFunction");
+    }
+    genFun.prototype = Object.create(Gp);
+    return genFun;
+  };
+
+  // Within the body of any async function, `await x` is transformed to
+  // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
+  // `hasOwn.call(value, "__await")` to determine if the yielded value is
+  // meant to be awaited.
+  exports.awrap = function(arg) {
+    return { __await: arg };
+  };
+
+  function AsyncIterator(generator, PromiseImpl) {
+    function invoke(method, arg, resolve, reject) {
+      var record = tryCatch(generator[method], generator, arg);
+      if (record.type === "throw") {
+        reject(record.arg);
+      } else {
+        var result = record.arg;
+        var value = result.value;
+        if (value &&
+            typeof value === "object" &&
+            hasOwn.call(value, "__await")) {
+          return PromiseImpl.resolve(value.__await).then(function(value) {
+            invoke("next", value, resolve, reject);
+          }, function(err) {
+            invoke("throw", err, resolve, reject);
+          });
+        }
+
+        return PromiseImpl.resolve(value).then(function(unwrapped) {
+          // When a yielded Promise is resolved, its final value becomes
+          // the .value of the Promise<{value,done}> result for the
+          // current iteration.
+          result.value = unwrapped;
+          resolve(result);
+        }, function(error) {
+          // If a rejected Promise was yielded, throw the rejection back
+          // into the async generator function so it can be handled there.
+          return invoke("throw", error, resolve, reject);
+        });
+      }
+    }
+
+    var previousPromise;
+
+    function enqueue(method, arg) {
+      function callInvokeWithMethodAndArg() {
+        return new PromiseImpl(function(resolve, reject) {
+          invoke(method, arg, resolve, reject);
+        });
+      }
+
+      return previousPromise =
+        // If enqueue has been called before, then we want to wait until
+        // all previous Promises have been resolved before calling invoke,
+        // so that results are always delivered in the correct order. If
+        // enqueue has not been called before, then it is important to
+        // call invoke immediately, without waiting on a callback to fire,
+        // so that the async generator function has the opportunity to do
+        // any necessary setup in a predictable way. This predictability
+        // is why the Promise constructor synchronously invokes its
+        // executor callback, and why async functions synchronously
+        // execute code before the first await. Since we implement simple
+        // async functions in terms of async generators, it is especially
+        // important to get this right, even though it requires care.
+        previousPromise ? previousPromise.then(
+          callInvokeWithMethodAndArg,
+          // Avoid propagating failures to Promises returned by later
+          // invocations of the iterator.
+          callInvokeWithMethodAndArg
+        ) : callInvokeWithMethodAndArg();
+    }
+
+    // Define the unified helper method that is used to implement .next,
+    // .throw, and .return (see defineIteratorMethods).
+    this._invoke = enqueue;
+  }
+
+  defineIteratorMethods(AsyncIterator.prototype);
+  AsyncIterator.prototype[asyncIteratorSymbol] = function () {
+    return this;
+  };
+  exports.AsyncIterator = AsyncIterator;
+
+  // Note that simple async functions are implemented on top of
+  // AsyncIterator objects; they just return a Promise for the value of
+  // the final result produced by the iterator.
+  exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+    if (PromiseImpl === void 0) PromiseImpl = Promise;
+
+    var iter = new AsyncIterator(
+      wrap(innerFn, outerFn, self, tryLocsList),
+      PromiseImpl
+    );
+
+    return exports.isGeneratorFunction(outerFn)
+      ? iter // If outerFn is a generator, return the full iterator.
+      : iter.next().then(function(result) {
+          return result.done ? result.value : iter.next();
+        });
+  };
+
+  function makeInvokeMethod(innerFn, self, context) {
+    var state = GenStateSuspendedStart;
+
+    return function invoke(method, arg) {
+      if (state === GenStateExecuting) {
+        throw new Error("Generator is already running");
+      }
+
+      if (state === GenStateCompleted) {
+        if (method === "throw") {
+          throw arg;
+        }
+
+        // Be forgiving, per 25.3.3.3.3 of the spec:
+        // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
+        return doneResult();
+      }
+
+      context.method = method;
+      context.arg = arg;
+
+      while (true) {
+        var delegate = context.delegate;
+        if (delegate) {
+          var delegateResult = maybeInvokeDelegate(delegate, context);
+          if (delegateResult) {
+            if (delegateResult === ContinueSentinel) continue;
+            return delegateResult;
+          }
+        }
+
+        if (context.method === "next") {
+          // Setting context._sent for legacy support of Babel's
+          // function.sent implementation.
+          context.sent = context._sent = context.arg;
+
+        } else if (context.method === "throw") {
+          if (state === GenStateSuspendedStart) {
+            state = GenStateCompleted;
+            throw context.arg;
+          }
+
+          context.dispatchException(context.arg);
+
+        } else if (context.method === "return") {
+          context.abrupt("return", context.arg);
+        }
+
+        state = GenStateExecuting;
+
+        var record = tryCatch(innerFn, self, context);
+        if (record.type === "normal") {
+          // If an exception is thrown from innerFn, we leave state ===
+          // GenStateExecuting and loop back for another invocation.
+          state = context.done
+            ? GenStateCompleted
+            : GenStateSuspendedYield;
+
+          if (record.arg === ContinueSentinel) {
+            continue;
+          }
+
+          return {
+            value: record.arg,
+            done: context.done
+          };
+
+        } else if (record.type === "throw") {
+          state = GenStateCompleted;
+          // Dispatch the exception by looping back around to the
+          // context.dispatchException(context.arg) call above.
+          context.method = "throw";
+          context.arg = record.arg;
+        }
+      }
+    };
+  }
+
+  // Call delegate.iterator[context.method](context.arg) and handle the
+  // result, either by returning a { value, done } result from the
+  // delegate iterator, or by modifying context.method and context.arg,
+  // setting context.delegate to null, and returning the ContinueSentinel.
+  function maybeInvokeDelegate(delegate, context) {
+    var method = delegate.iterator[context.method];
+    if (method === undefined) {
+      // A .throw or .return when the delegate iterator has no .throw
+      // method always terminates the yield* loop.
+      context.delegate = null;
+
+      if (context.method === "throw") {
+        // Note: ["return"] must be used for ES3 parsing compatibility.
+        if (delegate.iterator["return"]) {
+          // If the delegate iterator has a return method, give it a
+          // chance to clean up.
+          context.method = "return";
+          context.arg = undefined;
+          maybeInvokeDelegate(delegate, context);
+
+          if (context.method === "throw") {
+            // If maybeInvokeDelegate(context) changed context.method from
+            // "return" to "throw", let that override the TypeError below.
+            return ContinueSentinel;
+          }
+        }
+
+        context.method = "throw";
+        context.arg = new TypeError(
+          "The iterator does not provide a 'throw' method");
+      }
+
+      return ContinueSentinel;
+    }
+
+    var record = tryCatch(method, delegate.iterator, context.arg);
+
+    if (record.type === "throw") {
+      context.method = "throw";
+      context.arg = record.arg;
+      context.delegate = null;
+      return ContinueSentinel;
+    }
+
+    var info = record.arg;
+
+    if (! info) {
+      context.method = "throw";
+      context.arg = new TypeError("iterator result is not an object");
+      context.delegate = null;
+      return ContinueSentinel;
+    }
+
+    if (info.done) {
+      // Assign the result of the finished delegate to the temporary
+      // variable specified by delegate.resultName (see delegateYield).
+      context[delegate.resultName] = info.value;
+
+      // Resume execution at the desired location (see delegateYield).
+      context.next = delegate.nextLoc;
+
+      // If context.method was "throw" but the delegate handled the
+      // exception, let the outer generator proceed normally. If
+      // context.method was "next", forget context.arg since it has been
+      // "consumed" by the delegate iterator. If context.method was
+      // "return", allow the original .return call to continue in the
+      // outer generator.
+      if (context.method !== "return") {
+        context.method = "next";
+        context.arg = undefined;
+      }
+
+    } else {
+      // Re-yield the result returned by the delegate method.
+      return info;
+    }
+
+    // The delegate iterator is finished, so forget it and continue with
+    // the outer generator.
+    context.delegate = null;
+    return ContinueSentinel;
+  }
+
+  // Define Generator.prototype.{next,throw,return} in terms of the
+  // unified ._invoke helper method.
+  defineIteratorMethods(Gp);
+
+  define(Gp, toStringTagSymbol, "Generator");
+
+  // A Generator should always return itself as the iterator object when the
+  // @@iterator function is called on it. Some browsers' implementations of the
+  // iterator prototype chain incorrectly implement this, causing the Generator
+  // object to not be returned from this call. This ensures that doesn't happen.
+  // See https://github.com/facebook/regenerator/issues/274 for more details.
+  Gp[iteratorSymbol] = function() {
+    return this;
+  };
+
+  Gp.toString = function() {
+    return "[object Generator]";
+  };
+
+  function pushTryEntry(locs) {
+    var entry = { tryLoc: locs[0] };
+
+    if (1 in locs) {
+      entry.catchLoc = locs[1];
+    }
+
+    if (2 in locs) {
+      entry.finallyLoc = locs[2];
+      entry.afterLoc = locs[3];
+    }
+
+    this.tryEntries.push(entry);
+  }
+
+  function resetTryEntry(entry) {
+    var record = entry.completion || {};
+    record.type = "normal";
+    delete record.arg;
+    entry.completion = record;
+  }
+
+  function Context(tryLocsList) {
+    // The root entry object (effectively a try statement without a catch
+    // or a finally block) gives us a place to store values thrown from
+    // locations where there is no enclosing try statement.
+    this.tryEntries = [{ tryLoc: "root" }];
+    tryLocsList.forEach(pushTryEntry, this);
+    this.reset(true);
+  }
+
+  exports.keys = function(object) {
+    var keys = [];
+    for (var key in object) {
+      keys.push(key);
+    }
+    keys.reverse();
+
+    // Rather than returning an object with a next method, we keep
+    // things simple and return the next function itself.
+    return function next() {
+      while (keys.length) {
+        var key = keys.pop();
+        if (key in object) {
+          next.value = key;
+          next.done = false;
+          return next;
+        }
+      }
+
+      // To avoid creating an additional object, we just hang the .value
+      // and .done properties off the next function object itself. This
+      // also ensures that the minifier will not anonymize the function.
+      next.done = true;
+      return next;
+    };
+  };
+
+  function values(iterable) {
+    if (iterable) {
+      var iteratorMethod = iterable[iteratorSymbol];
+      if (iteratorMethod) {
+        return iteratorMethod.call(iterable);
+      }
+
+      if (typeof iterable.next === "function") {
+        return iterable;
+      }
+
+      if (!isNaN(iterable.length)) {
+        var i = -1, next = function next() {
+          while (++i < iterable.length) {
+            if (hasOwn.call(iterable, i)) {
+              next.value = iterable[i];
+              next.done = false;
+              return next;
+            }
+          }
+
+          next.value = undefined;
+          next.done = true;
+
+          return next;
+        };
+
+        return next.next = next;
+      }
+    }
+
+    // Return an iterator with no values.
+    return { next: doneResult };
+  }
+  exports.values = values;
+
+  function doneResult() {
+    return { value: undefined, done: true };
+  }
+
+  Context.prototype = {
+    constructor: Context,
+
+    reset: function(skipTempReset) {
+      this.prev = 0;
+      this.next = 0;
+      // Resetting context._sent for legacy support of Babel's
+      // function.sent implementation.
+      this.sent = this._sent = undefined;
+      this.done = false;
+      this.delegate = null;
+
+      this.method = "next";
+      this.arg = undefined;
+
+      this.tryEntries.forEach(resetTryEntry);
+
+      if (!skipTempReset) {
+        for (var name in this) {
+          // Not sure about the optimal order of these conditions:
+          if (name.charAt(0) === "t" &&
+              hasOwn.call(this, name) &&
+              !isNaN(+name.slice(1))) {
+            this[name] = undefined;
+          }
+        }
+      }
+    },
+
+    stop: function() {
+      this.done = true;
+
+      var rootEntry = this.tryEntries[0];
+      var rootRecord = rootEntry.completion;
+      if (rootRecord.type === "throw") {
+        throw rootRecord.arg;
+      }
+
+      return this.rval;
+    },
+
+    dispatchException: function(exception) {
+      if (this.done) {
+        throw exception;
+      }
+
+      var context = this;
+      function handle(loc, caught) {
+        record.type = "throw";
+        record.arg = exception;
+        context.next = loc;
+
+        if (caught) {
+          // If the dispatched exception was caught by a catch block,
+          // then let that catch block handle the exception normally.
+          context.method = "next";
+          context.arg = undefined;
+        }
+
+        return !! caught;
+      }
+
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        var record = entry.completion;
+
+        if (entry.tryLoc === "root") {
+          // Exception thrown outside of any try block that could handle
+          // it, so set the completion value of the entire function to
+          // throw the exception.
+          return handle("end");
+        }
+
+        if (entry.tryLoc <= this.prev) {
+          var hasCatch = hasOwn.call(entry, "catchLoc");
+          var hasFinally = hasOwn.call(entry, "finallyLoc");
+
+          if (hasCatch && hasFinally) {
+            if (this.prev < entry.catchLoc) {
+              return handle(entry.catchLoc, true);
+            } else if (this.prev < entry.finallyLoc) {
+              return handle(entry.finallyLoc);
+            }
+
+          } else if (hasCatch) {
+            if (this.prev < entry.catchLoc) {
+              return handle(entry.catchLoc, true);
+            }
+
+          } else if (hasFinally) {
+            if (this.prev < entry.finallyLoc) {
+              return handle(entry.finallyLoc);
+            }
+
+          } else {
+            throw new Error("try statement without catch or finally");
+          }
+        }
+      }
+    },
+
+    abrupt: function(type, arg) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc <= this.prev &&
+            hasOwn.call(entry, "finallyLoc") &&
+            this.prev < entry.finallyLoc) {
+          var finallyEntry = entry;
+          break;
+        }
+      }
+
+      if (finallyEntry &&
+          (type === "break" ||
+           type === "continue") &&
+          finallyEntry.tryLoc <= arg &&
+          arg <= finallyEntry.finallyLoc) {
+        // Ignore the finally entry if control is not jumping to a
+        // location outside the try/catch block.
+        finallyEntry = null;
+      }
+
+      var record = finallyEntry ? finallyEntry.completion : {};
+      record.type = type;
+      record.arg = arg;
+
+      if (finallyEntry) {
+        this.method = "next";
+        this.next = finallyEntry.finallyLoc;
+        return ContinueSentinel;
+      }
+
+      return this.complete(record);
+    },
+
+    complete: function(record, afterLoc) {
+      if (record.type === "throw") {
+        throw record.arg;
+      }
+
+      if (record.type === "break" ||
+          record.type === "continue") {
+        this.next = record.arg;
+      } else if (record.type === "return") {
+        this.rval = this.arg = record.arg;
+        this.method = "return";
+        this.next = "end";
+      } else if (record.type === "normal" && afterLoc) {
+        this.next = afterLoc;
+      }
+
+      return ContinueSentinel;
+    },
+
+    finish: function(finallyLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.finallyLoc === finallyLoc) {
+          this.complete(entry.completion, entry.afterLoc);
+          resetTryEntry(entry);
+          return ContinueSentinel;
+        }
+      }
+    },
+
+    "catch": function(tryLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc === tryLoc) {
+          var record = entry.completion;
+          if (record.type === "throw") {
+            var thrown = record.arg;
+            resetTryEntry(entry);
+          }
+          return thrown;
+        }
+      }
+
+      // The context.catch method must only be called with a location
+      // argument that corresponds to a known catch block.
+      throw new Error("illegal catch attempt");
+    },
+
+    delegateYield: function(iterable, resultName, nextLoc) {
+      this.delegate = {
+        iterator: values(iterable),
+        resultName: resultName,
+        nextLoc: nextLoc
+      };
+
+      if (this.method === "next") {
+        // Deliberately forget the last sent value so that we don't
+        // accidentally pass it on to the delegate.
+        this.arg = undefined;
+      }
+
+      return ContinueSentinel;
+    }
+  };
+
+  // Regardless of whether this script is executing as a CommonJS module
+  // or not, return the runtime object so that we can declare the variable
+  // regeneratorRuntime in the outer scope, which allows this module to be
+  // injected easily by `bin/regenerator --include-runtime script.js`.
+  return exports;
+
+}(
+  // If this script is executing as a CommonJS module, use module.exports
+  // as the regeneratorRuntime namespace. Otherwise create a new empty
+  // object. Either way, the resulting object will be used to initialize
+  // the regeneratorRuntime variable at the top of this file.
+   true ? module.exports : undefined
+));
+
+try {
+  regeneratorRuntime = runtime;
+} catch (accidentalStrictMode) {
+  // This module should not be running in strict mode, so the above
+  // assignment should always work unless something is misconfigured. Just
+  // in case runtime.js accidentally runs in strict mode, we can escape
+  // strict mode using a global Function call. This could conceivably fail
+  // if a Content Security Policy forbids using Function, but in that case
+  // the proper solution is to fix the accidental strict mode problem. If
+  // you've misconfigured your bundler to force strict mode and applied a
+  // CSP to forbid Function, and you're not willing to fix either of those
+  // problems, please detail your unique predicament in a GitHub issue.
+  Function("r", "regeneratorRuntime = r")(runtime);
+}
+
+
+/***/ }),
+
+/***/ "./resources/js/clients/payments/square-credit-card.js":
+/*!*************************************************************!*\
+  !*** ./resources/js/clients/payments/square-credit-card.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) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://www.elastic.co/licensing/elastic-license
+ */
+var SquareCreditCard = /*#__PURE__*/function () {
+  function SquareCreditCard() {
+    _classCallCheck(this, SquareCreditCard);
+
+    this.appId = document.querySelector('meta[name=square-appId]').content;
+    this.locationId = document.querySelector('meta[name=square-locationId]').content;
+    this.isLoaded = false;
+  }
+
+  _createClass(SquareCreditCard, [{
+    key: "init",
+    value: function () {
+      var _init = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+        var iframeContainer, toggleWithToken;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                this.payments = Square.payments(this.appId, this.locationId);
+                _context.next = 3;
+                return this.payments.card();
+
+              case 3:
+                this.card = _context.sent;
+                _context.next = 6;
+                return this.card.attach('#card-container');
+
+              case 6:
+                this.isLoaded = true;
+                iframeContainer = document.querySelector('.sq-card-iframe-container');
+
+                if (iframeContainer) {
+                  iframeContainer.setAttribute('style', '150px !important');
+                }
+
+                toggleWithToken = document.querySelector('.toggle-payment-with-token');
+
+                if (toggleWithToken) {
+                  document.getElementById('card-container').classList.add('hidden');
+                }
+
+              case 11:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function init() {
+        return _init.apply(this, arguments);
+      }
+
+      return init;
+    }()
+  }, {
+    key: "completePaymentWithoutToken",
+    value: function () {
+      var _completePaymentWithoutToken = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2(e) {
+        var result, verificationToken, verificationDetails, verificationResults, tokenBillingCheckbox;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                document.getElementById('errors').hidden = true;
+                e.target.parentElement.disabled = true;
+                _context2.next = 4;
+                return this.card.tokenize();
+
+              case 4:
+                result = _context2.sent;
+                _context2.prev = 5;
+                verificationDetails = {
+                  amount: document.querySelector('meta[name=amount]').content,
+                  billingContact: JSON.parse(document.querySelector('meta[name=square_contact]').content),
+                  currencyCode: document.querySelector('meta[name=currencyCode]').content,
+                  intent: 'CHARGE'
+                };
+                _context2.next = 9;
+                return this.payments.verifyBuyer(result.token, verificationDetails);
+
+              case 9:
+                verificationResults = _context2.sent;
+                verificationToken = verificationResults.token;
+                _context2.next = 16;
+                break;
+
+              case 13:
+                _context2.prev = 13;
+                _context2.t0 = _context2["catch"](5);
+                e.target.parentElement.disabled = true;
+
+              case 16:
+                document.querySelector('input[name="verificationToken"]').value = verificationToken;
+
+                if (!(result.status === 'OK')) {
+                  _context2.next = 22;
+                  break;
+                }
+
+                document.getElementById('sourceId').value = result.token;
+                tokenBillingCheckbox = document.querySelector('input[name="token-billing-checkbox"]:checked');
+
+                if (tokenBillingCheckbox) {
+                  document.querySelector('input[name="store_card"]').value = tokenBillingCheckbox.value;
+                }
+
+                return _context2.abrupt("return", document.getElementById('server_response').submit());
+
+              case 22:
+                document.getElementById('errors').textContent = result.errors[0].message;
+                document.getElementById('errors').hidden = false;
+                e.target.parentElement.disabled = false;
+
+              case 25:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this, [[5, 13]]);
+      }));
+
+      function completePaymentWithoutToken(_x) {
+        return _completePaymentWithoutToken.apply(this, arguments);
+      }
+
+      return completePaymentWithoutToken;
+    }()
+  }, {
+    key: "completePaymentUsingToken",
+    value: function () {
+      var _completePaymentUsingToken = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee3(e) {
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                e.target.parentElement.disabled = true;
+                return _context3.abrupt("return", document.getElementById('server_response').submit());
+
+              case 2:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3);
+      }));
+
+      function completePaymentUsingToken(_x2) {
+        return _completePaymentUsingToken.apply(this, arguments);
+      }
+
+      return completePaymentUsingToken;
+    }()
+    /* SCA */
+
+  }, {
+    key: "verifyBuyer",
+    value: function () {
+      var _verifyBuyer = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee4(token) {
+        var verificationDetails, verificationResults;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                verificationDetails = {
+                  amount: document.querySelector('meta[name=amount]').content,
+                  billingContact: document.querySelector('meta[name=square_contact]').content,
+                  currencyCode: document.querySelector('meta[name=currencyCode]').content,
+                  intent: 'CHARGE'
+                };
+                _context4.next = 3;
+                return this.payments.verifyBuyer(token, verificationDetails);
+
+              case 3:
+                verificationResults = _context4.sent;
+                return _context4.abrupt("return", verificationResults.token);
+
+              case 5:
+              case "end":
+                return _context4.stop();
+            }
+          }
+        }, _callee4, this);
+      }));
+
+      function verifyBuyer(_x3) {
+        return _verifyBuyer.apply(this, arguments);
+      }
+
+      return verifyBuyer;
+    }()
+  }, {
+    key: "handle",
+    value: function () {
+      var _handle = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee6() {
+        var _document$getElementB,
+            _this = this,
+            _document$getElementB2,
+            _document$getElementB3;
+
+        var toggleWithToken, _document$getElementB4;
+
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee6$(_context6) {
+          while (1) {
+            switch (_context6.prev = _context6.next) {
+              case 0:
+                _context6.next = 2;
+                return this.init();
+
+              case 2:
+                (_document$getElementB = document.getElementById('authorize-card')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.addEventListener('click', function (e) {
+                  return _this.completePaymentWithoutToken(e);
+                });
+                (_document$getElementB2 = document.getElementById('pay-now')) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.addEventListener('click', function (e) {
+                  var tokenInput = document.querySelector('input[name=token]');
+
+                  if (tokenInput.value) {
+                    return _this.completePaymentUsingToken(e);
+                  }
+
+                  return _this.completePaymentWithoutToken(e);
+                });
+                Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
+                  return element.addEventListener('click', function (element) {
+                    document.getElementById('card-container').classList.add('hidden');
+                    document.getElementById('save-card--container').style.display = 'none';
+                    document.querySelector('input[name=token]').value = element.target.dataset.token;
+                  });
+                });
+                (_document$getElementB3 = document.getElementById('toggle-payment-with-credit-card')) === null || _document$getElementB3 === void 0 ? void 0 : _document$getElementB3.addEventListener('click', /*#__PURE__*/function () {
+                  var _ref = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee5(element) {
+                    return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee5$(_context5) {
+                      while (1) {
+                        switch (_context5.prev = _context5.next) {
+                          case 0:
+                            document.getElementById('card-container').classList.remove('hidden');
+                            document.getElementById('save-card--container').style.display = 'grid';
+                            document.querySelector('input[name=token]').value = '';
+
+                          case 3:
+                          case "end":
+                            return _context5.stop();
+                        }
+                      }
+                    }, _callee5);
+                  }));
+
+                  return function (_x4) {
+                    return _ref.apply(this, arguments);
+                  };
+                }());
+                toggleWithToken = document.querySelector('.toggle-payment-with-token');
+
+                if (!toggleWithToken) {
+                  (_document$getElementB4 = document.getElementById('toggle-payment-with-credit-card')) === null || _document$getElementB4 === void 0 ? void 0 : _document$getElementB4.click();
+                }
+
+              case 8:
+              case "end":
+                return _context6.stop();
+            }
+          }
+        }, _callee6, this);
+      }));
+
+      function handle() {
+        return _handle.apply(this, arguments);
+      }
+
+      return handle;
+    }()
+  }]);
+
+  return SquareCreditCard;
+}();
+
+new SquareCreditCard().handle();
+
+/***/ }),
+
+/***/ 25:
+/*!*******************************************************************!*\
+  !*** multi ./resources/js/clients/payments/square-credit-card.js ***!
+  \*******************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/square-credit-card.js */"./resources/js/clients/payments/square-credit-card.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-ach.js b/public/js/clients/payments/stripe-ach.js
index 5f2428e3bc..93ffb09e88 100755
--- a/public/js/clients/payments/stripe-ach.js
+++ b/public/js/clients/payments/stripe-ach.js
@@ -1,2 +1,203 @@
-/*! For license information please see stripe-ach.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=3)}({3:function(e,t,n){e.exports=n("M5il")},M5il:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}(new(function(){function e(){var t,n=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),r(this,"setupStripe",(function(){return n.stripe=Stripe(n.key),n.stripe_connect&&(n.stripe.stripeAccount=n.stripe_connect),n})),r(this,"getFormData",(function(){return{country:document.getElementById("country").value,currency:document.getElementById("currency").value,routing_number:document.getElementById("routing-number").value,account_number:document.getElementById("account-number").value,account_holder_name:document.getElementById("account-holder-name").value,account_holder_type:document.querySelector('input[name="account-holder-type"]:checked').value}})),r(this,"handleError",(function(e){document.getElementById("save-button").disabled=!1,document.querySelector("#save-button > svg").classList.add("hidden"),document.querySelector("#save-button > span").classList.remove("hidden"),n.errors.textContent="",n.errors.textContent=e,n.errors.hidden=!1})),r(this,"handleSuccess",(function(e){document.getElementById("gateway_response").value=JSON.stringify(e),document.getElementById("server_response").submit()})),r(this,"handleSubmit",(function(e){document.getElementById("save-button").disabled=!0,document.querySelector("#save-button > svg").classList.remove("hidden"),document.querySelector("#save-button > span").classList.add("hidden"),e.preventDefault(),n.errors.textContent="",n.errors.hidden=!0,n.stripe.createToken("bank_account",n.getFormData()).then((function(e){return e.hasOwnProperty("error")?n.handleError(e.error.message):n.handleSuccess(e)}))})),this.errors=document.getElementById("errors"),this.key=document.querySelector('meta[name="stripe-publishable-key"]').content,this.stripe_connect=null===(t=document.querySelector('meta[name="stripe-account-id"]'))||void 0===t?void 0:t.content}var t,o,u;return t=e,(o=[{key:"handle",value:function(){var e=this;document.getElementById("save-button").addEventListener("click",(function(t){return e.handleSubmit(t)}))}}])&&n(t.prototype,o),u&&n(t,u),e}())).setupStripe().handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 3);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/stripe-ach.js":
+/*!*****************************************************!*\
+  !*** ./resources/js/clients/payments/stripe-ach.js ***!
+  \*****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var AuthorizeACH = /*#__PURE__*/function () {
+  function AuthorizeACH() {
+    var _this = this,
+        _document$querySelect;
+
+    _classCallCheck(this, AuthorizeACH);
+
+    _defineProperty(this, "setupStripe", function () {
+      _this.stripe = Stripe(_this.key);
+      if (_this.stripe_connect) _this.stripe.stripeAccount = _this.stripe_connect;
+      return _this;
+    });
+
+    _defineProperty(this, "getFormData", function () {
+      return {
+        country: document.getElementById('country').value,
+        currency: document.getElementById('currency').value,
+        routing_number: document.getElementById('routing-number').value,
+        account_number: document.getElementById('account-number').value,
+        account_holder_name: document.getElementById('account-holder-name').value,
+        account_holder_type: document.querySelector('input[name="account-holder-type"]:checked').value
+      };
+    });
+
+    _defineProperty(this, "handleError", function (message) {
+      document.getElementById('save-button').disabled = false;
+      document.querySelector('#save-button > svg').classList.add('hidden');
+      document.querySelector('#save-button > span').classList.remove('hidden');
+      _this.errors.textContent = '';
+      _this.errors.textContent = message;
+      _this.errors.hidden = false;
+    });
+
+    _defineProperty(this, "handleSuccess", function (response) {
+      document.getElementById('gateway_response').value = JSON.stringify(response);
+      document.getElementById('server_response').submit();
+    });
+
+    _defineProperty(this, "handleSubmit", function (e) {
+      document.getElementById('save-button').disabled = true;
+      document.querySelector('#save-button > svg').classList.remove('hidden');
+      document.querySelector('#save-button > span').classList.add('hidden');
+      e.preventDefault();
+      _this.errors.textContent = '';
+      _this.errors.hidden = true;
+
+      _this.stripe.createToken('bank_account', _this.getFormData()).then(function (result) {
+        if (result.hasOwnProperty('error')) {
+          return _this.handleError(result.error.message);
+        }
+
+        return _this.handleSuccess(result);
+      });
+    });
+
+    this.errors = document.getElementById('errors');
+    this.key = document.querySelector('meta[name="stripe-publishable-key"]').content;
+    this.stripe_connect = (_document$querySelect = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.content;
+  }
+
+  _createClass(AuthorizeACH, [{
+    key: "handle",
+    value: function handle() {
+      var _this2 = this;
+
+      document.getElementById('save-button').addEventListener('click', function (e) {
+        return _this2.handleSubmit(e);
+      });
+    }
+  }]);
+
+  return AuthorizeACH;
+}();
+
+new AuthorizeACH().setupStripe().handle();
+
+/***/ }),
+
+/***/ 3:
+/*!***********************************************************!*\
+  !*** multi ./resources/js/clients/payments/stripe-ach.js ***!
+  \***********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-ach.js */"./resources/js/clients/payments/stripe-ach.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-acss.js b/public/js/clients/payments/stripe-acss.js
index f6309e9574..907da640f1 100644
--- a/public/js/clients/payments/stripe-acss.js
+++ b/public/js/clients/payments/stripe-acss.js
@@ -1,2 +1,211 @@
-/*! For license information please see stripe-acss.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=31)}({31:function(e,t,n){e.exports=n("RyUd")},RyUd:function(e,t){var n,r,o,a;function u(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 i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c=function(){function e(t,n){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),i(this,"setupStripe",(function(){return r.stripe=Stripe(r.key),r.stripeConnect&&(r.stripe.stripeAccount=l),r})),i(this,"handle",(function(){document.getElementById("pay-now").addEventListener("click",(function(e){var t=document.getElementById("errors");return""===document.getElementById("acss-name").value?(document.getElementById("acss-name").focus(),t.textContent=document.querySelector("meta[name=translation-name-required]").content,void(t.hidden=!1)):""===document.getElementById("acss-email-address").value?(document.getElementById("acss-email-address").focus(),t.textContent=document.querySelector("meta[name=translation-email-required]").content,void(t.hidden=!1)):(document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),void r.stripe.confirmAcssDebitPayment(document.querySelector("meta[name=pi-client-secret").content,{payment_method:{billing_details:{name:document.getElementById("acss-name").value,email:document.getElementById("acss-email-address").value}}}).then((function(e){return e.error?r.handleFailure(e.error.message):r.handleSuccess(e)})))}))})),this.key=t,this.errors=document.getElementById("errors"),this.stripeConnect=n}var t,n,r;return t=e,(n=[{key:"handleSuccess",value:function(e){document.querySelector('input[name="gateway_response"]').value=JSON.stringify(e.paymentIntent),document.getElementById("server-response").submit()}},{key:"handleFailure",value:function(e){var t=document.getElementById("errors");t.textContent="",t.textContent=e,t.hidden=!1,document.getElementById("pay-now").disabled=!1,document.querySelector("#pay-now > svg").classList.add("hidden"),document.querySelector("#pay-now > span").classList.remove("hidden")}}])&&u(t.prototype,n),r&&u(t,r),e}(),d=null!==(n=null===(r=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===r?void 0:r.content)&&void 0!==n?n:"",l=null!==(o=null===(a=document.querySelector('meta[name="stripe-account-id"]'))||void 0===a?void 0:a.content)&&void 0!==o?o:"";new c(d,l).setupStripe().handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 31);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/stripe-acss.js":
+/*!******************************************************!*\
+  !*** ./resources/js/clients/payments/stripe-acss.js ***!
+  \******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
+
+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) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var ProcessACSS = /*#__PURE__*/function () {
+  function ProcessACSS(key, _stripeConnect) {
+    var _this = this;
+
+    _classCallCheck(this, ProcessACSS);
+
+    _defineProperty(this, "setupStripe", function () {
+      _this.stripe = Stripe(_this.key);
+      if (_this.stripeConnect) _this.stripe.stripeAccount = stripeConnect;
+      return _this;
+    });
+
+    _defineProperty(this, "handle", function () {
+      document.getElementById('pay-now').addEventListener('click', function (e) {
+        var errors = document.getElementById('errors');
+
+        if (document.getElementById('acss-name').value === "") {
+          document.getElementById('acss-name').focus();
+          errors.textContent = document.querySelector('meta[name=translation-name-required]').content;
+          errors.hidden = false;
+          return;
+        }
+
+        if (document.getElementById('acss-email-address').value === "") {
+          document.getElementById('acss-email-address').focus();
+          errors.textContent = document.querySelector('meta[name=translation-email-required]').content;
+          errors.hidden = false;
+          return;
+        }
+
+        document.getElementById('pay-now').disabled = true;
+        document.querySelector('#pay-now > svg').classList.remove('hidden');
+        document.querySelector('#pay-now > span').classList.add('hidden');
+
+        _this.stripe.confirmAcssDebitPayment(document.querySelector('meta[name=pi-client-secret').content, {
+          payment_method: {
+            billing_details: {
+              name: document.getElementById("acss-name").value,
+              email: document.getElementById("acss-email-address").value
+            }
+          }
+        }).then(function (result) {
+          if (result.error) {
+            return _this.handleFailure(result.error.message);
+          }
+
+          return _this.handleSuccess(result);
+        });
+      });
+    });
+
+    this.key = key;
+    this.errors = document.getElementById('errors');
+    this.stripeConnect = _stripeConnect;
+  }
+
+  _createClass(ProcessACSS, [{
+    key: "handleSuccess",
+    value: function handleSuccess(result) {
+      document.querySelector('input[name="gateway_response"]').value = JSON.stringify(result.paymentIntent);
+      document.getElementById('server-response').submit();
+    }
+  }, {
+    key: "handleFailure",
+    value: function handleFailure(message) {
+      var errors = document.getElementById('errors');
+      errors.textContent = '';
+      errors.textContent = message;
+      errors.hidden = false;
+      document.getElementById('pay-now').disabled = false;
+      document.querySelector('#pay-now > svg').classList.add('hidden');
+      document.querySelector('#pay-now > span').classList.remove('hidden');
+    }
+  }]);
+
+  return ProcessACSS;
+}();
+
+var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
+var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
+new ProcessACSS(publishableKey, stripeConnect).setupStripe().handle();
+
+/***/ }),
+
+/***/ 31:
+/*!************************************************************!*\
+  !*** multi ./resources/js/clients/payments/stripe-acss.js ***!
+  \************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-acss.js */"./resources/js/clients/payments/stripe-acss.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-alipay.js b/public/js/clients/payments/stripe-alipay.js
index 59f30f7e12..6068d7078e 100755
--- a/public/js/clients/payments/stripe-alipay.js
+++ b/public/js/clients/payments/stripe-alipay.js
@@ -1,2 +1,174 @@
-/*! For license information please see stripe-alipay.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=7)}({"+keB":function(e,t){var n,r,o,u;function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}new function e(t,n){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),i(this,"setupStripe",(function(){return r.stripe=Stripe(r.key),r.stripeConnect&&(r.stripe.stripeAccount=r.stripeConnect),r})),i(this,"handle",(function(){var e={type:"alipay",amount:document.querySelector('meta[name="amount"]').content,currency:document.querySelector('meta[name="currency"]').content,redirect:{return_url:document.querySelector('meta[name="return-url"]').content}};document.getElementById("pay-now").addEventListener("click",(function(t){document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.add("hidden"),document.querySelector("#pay-now > span").classList.remove("hidden"),r.stripe.createSource(e).then((function(e){if(e.hasOwnProperty("source"))return window.location=e.source.redirect.url;document.getElementById("pay-now").disabled=!1,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),this.errors.textContent="",this.errors.textContent=e.error.message,this.errors.hidden=!1}))}))})),this.key=t,this.stripeConnect=n,this.errors=document.getElementById("errors")}(null!==(n=null===(r=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===r?void 0:r.content)&&void 0!==n?n:"",null!==(o=null===(u=document.querySelector('meta[name="stripe-account-id"]'))||void 0===u?void 0:u.content)&&void 0!==o?o:"").setupStripe().handle()},7:function(e,t,n){e.exports=n("+keB")}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 7);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/stripe-alipay.js":
+/*!********************************************************!*\
+  !*** ./resources/js/clients/payments/stripe-alipay.js ***!
+  \********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var ProcessAlipay = function ProcessAlipay(key, stripeConnect) {
+  var _this = this;
+
+  _classCallCheck(this, ProcessAlipay);
+
+  _defineProperty(this, "setupStripe", function () {
+    _this.stripe = Stripe(_this.key);
+    if (_this.stripeConnect) _this.stripe.stripeAccount = _this.stripeConnect;
+    return _this;
+  });
+
+  _defineProperty(this, "handle", function () {
+    var data = {
+      type: 'alipay',
+      amount: document.querySelector('meta[name="amount"]').content,
+      currency: document.querySelector('meta[name="currency"]').content,
+      redirect: {
+        return_url: document.querySelector('meta[name="return-url"]').content
+      }
+    };
+    document.getElementById('pay-now').addEventListener('click', function (e) {
+      document.getElementById('pay-now').disabled = true;
+      document.querySelector('#pay-now > svg').classList.add('hidden');
+      document.querySelector('#pay-now > span').classList.remove('hidden');
+
+      _this.stripe.createSource(data).then(function (result) {
+        if (result.hasOwnProperty('source')) {
+          return window.location = result.source.redirect.url;
+        }
+
+        document.getElementById('pay-now').disabled = false;
+        document.querySelector('#pay-now > svg').classList.remove('hidden');
+        document.querySelector('#pay-now > span').classList.add('hidden');
+        this.errors.textContent = '';
+        this.errors.textContent = result.error.message;
+        this.errors.hidden = false;
+      });
+    });
+  });
+
+  this.key = key;
+  this.stripeConnect = stripeConnect;
+  this.errors = document.getElementById('errors');
+};
+
+var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
+var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
+new ProcessAlipay(publishableKey, stripeConnect).setupStripe().handle();
+
+/***/ }),
+
+/***/ 7:
+/*!**************************************************************!*\
+  !*** multi ./resources/js/clients/payments/stripe-alipay.js ***!
+  \**************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-alipay.js */"./resources/js/clients/payments/stripe-alipay.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-bancontact.js b/public/js/clients/payments/stripe-bancontact.js
index 6e4fe1e60f..75c5a12c18 100644
--- a/public/js/clients/payments/stripe-bancontact.js
+++ b/public/js/clients/payments/stripe-bancontact.js
@@ -1,2 +1,171 @@
-/*! For license information please see stripe-bancontact.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=32)}({32:function(e,t,n){e.exports=n("9g3I")},"9g3I":function(e,t){var n,r,o,u;function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c=null!==(n=null===(r=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===r?void 0:r.content)&&void 0!==n?n:"",a=null!==(o=null===(u=document.querySelector('meta[name="stripe-account-id"]'))||void 0===u?void 0:u.content)&&void 0!==o?o:"";new function e(t,n){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),i(this,"setupStripe",(function(){return r.stripe=Stripe(r.key),r.stripeConnect&&(r.stripe.stripeAccount=a),r})),i(this,"handle",(function(){document.getElementById("pay-now").addEventListener("click",(function(e){var t=document.getElementById("errors");if(!document.getElementById("bancontact-name").value)return t.textContent=document.querySelector("meta[name=translation-name-required]").content,t.hidden=!1,void console.log("name");document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),r.stripe.confirmBancontactPayment(document.querySelector("meta[name=pi-client-secret").content,{payment_method:{billing_details:{name:document.getElementById("bancontact-name").value}},return_url:document.querySelector('meta[name="return-url"]').content})}))})),this.key=t,this.errors=document.getElementById("errors"),this.stripeConnect=n}(c,a).setupStripe().handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 32);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/stripe-bancontact.js":
+/*!************************************************************!*\
+  !*** ./resources/js/clients/payments/stripe-bancontact.js ***!
+  \************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var ProcessBANCONTACTPay = function ProcessBANCONTACTPay(key, _stripeConnect) {
+  var _this = this;
+
+  _classCallCheck(this, ProcessBANCONTACTPay);
+
+  _defineProperty(this, "setupStripe", function () {
+    _this.stripe = Stripe(_this.key);
+    if (_this.stripeConnect) _this.stripe.stripeAccount = stripeConnect;
+    return _this;
+  });
+
+  _defineProperty(this, "handle", function () {
+    document.getElementById('pay-now').addEventListener('click', function (e) {
+      var errors = document.getElementById('errors');
+
+      if (!document.getElementById('bancontact-name').value) {
+        errors.textContent = document.querySelector('meta[name=translation-name-required]').content;
+        errors.hidden = false;
+        console.log("name");
+        return;
+      }
+
+      document.getElementById('pay-now').disabled = true;
+      document.querySelector('#pay-now > svg').classList.remove('hidden');
+      document.querySelector('#pay-now > span').classList.add('hidden');
+
+      _this.stripe.confirmBancontactPayment(document.querySelector('meta[name=pi-client-secret').content, {
+        payment_method: {
+          billing_details: {
+            name: document.getElementById("bancontact-name").value
+          }
+        },
+        return_url: document.querySelector('meta[name="return-url"]').content
+      });
+    });
+  });
+
+  this.key = key;
+  this.errors = document.getElementById('errors');
+  this.stripeConnect = _stripeConnect;
+};
+
+var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
+var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
+new ProcessBANCONTACTPay(publishableKey, stripeConnect).setupStripe().handle();
+
+/***/ }),
+
+/***/ 32:
+/*!******************************************************************!*\
+  !*** multi ./resources/js/clients/payments/stripe-bancontact.js ***!
+  \******************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-bancontact.js */"./resources/js/clients/payments/stripe-bancontact.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-becs.js b/public/js/clients/payments/stripe-becs.js
index 851bd93de9..38f3f40ee2 100644
--- a/public/js/clients/payments/stripe-becs.js
+++ b/public/js/clients/payments/stripe-becs.js
@@ -1,2 +1,253 @@
-/*! For license information please see stripe-becs.js.LICENSE.txt */
-!function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},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=33)}({33:function(e,t,n){e.exports=n("v79X")},v79X:function(e,t){var n,o,r,a;function c(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i=function(){function e(t,n){var o=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),u(this,"setupStripe",(function(){o.stripe=Stripe(o.key),o.stripeConnect&&(o.stripe.stripeAccount=d);var e=o.stripe.elements(),t={style:{base:{color:"#32325d",fontSize:"16px","::placeholder":{color:"#aab7c4"},":-webkit-autofill":{color:"#32325d"}},invalid:{color:"#fa755a",iconColor:"#fa755a",":-webkit-autofill":{color:"#fa755a"}}},disabled:!1,hideIcon:!1,iconStyle:"default"};return o.auBankAccount=e.create("auBankAccount",t),o.auBankAccount.mount("#becs-iban"),o})),u(this,"handle",(function(){document.getElementById("pay-now").addEventListener("click",(function(e){var t=document.getElementById("errors");return""===document.getElementById("becs-name").value?(document.getElementById("becs-name").focus(),t.textContent=document.querySelector("meta[name=translation-name-required]").content,void(t.hidden=!1)):""===document.getElementById("becs-email-address").value?(document.getElementById("becs-email-address").focus(),t.textContent=document.querySelector("meta[name=translation-email-required]").content,void(t.hidden=!1)):document.getElementById("becs-mandate-acceptance").checked?(document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),void o.stripe.confirmAuBecsDebitPayment(document.querySelector("meta[name=pi-client-secret").content,{payment_method:{au_becs_debit:o.auBankAccount,billing_details:{name:document.getElementById("becs-name").value,email:document.getElementById("becs-email-address").value}}}).then((function(e){return e.error?o.handleFailure(e.error.message):o.handleSuccess(e)}))):(document.getElementById("becs-mandate-acceptance").focus(),t.textContent=document.querySelector("meta[name=translation-terms-required]").content,t.hidden=!1,void console.log("Terms"))}))})),this.key=t,this.errors=document.getElementById("errors"),this.stripeConnect=n}var t,n,o;return t=e,(n=[{key:"handleSuccess",value:function(e){document.querySelector('input[name="gateway_response"]').value=JSON.stringify(e.paymentIntent),document.getElementById("server-response").submit()}},{key:"handleFailure",value:function(e){var t=document.getElementById("errors");t.textContent="",t.textContent=e,t.hidden=!1,document.getElementById("pay-now").disabled=!1,document.querySelector("#pay-now > svg").classList.add("hidden"),document.querySelector("#pay-now > span").classList.remove("hidden")}}])&&c(t.prototype,n),o&&c(t,o),e}(),l=null!==(n=null===(o=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===o?void 0:o.content)&&void 0!==n?n:"",d=null!==(r=null===(a=document.querySelector('meta[name="stripe-account-id"]'))||void 0===a?void 0:a.content)&&void 0!==r?r:"";new i(l,d).setupStripe().handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 33);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/stripe-becs.js":
+/*!******************************************************!*\
+  !*** ./resources/js/clients/payments/stripe-becs.js ***!
+  \******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
+
+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) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var ProcessBECS = /*#__PURE__*/function () {
+  function ProcessBECS(key, _stripeConnect) {
+    var _this = this;
+
+    _classCallCheck(this, ProcessBECS);
+
+    _defineProperty(this, "setupStripe", function () {
+      _this.stripe = Stripe(_this.key);
+      if (_this.stripeConnect) _this.stripe.stripeAccount = stripeConnect;
+
+      var elements = _this.stripe.elements();
+
+      var style = {
+        base: {
+          color: '#32325d',
+          fontSize: '16px',
+          '::placeholder': {
+            color: '#aab7c4'
+          },
+          ':-webkit-autofill': {
+            color: '#32325d'
+          }
+        },
+        invalid: {
+          color: '#fa755a',
+          iconColor: '#fa755a',
+          ':-webkit-autofill': {
+            color: '#fa755a'
+          }
+        }
+      };
+      var options = {
+        style: style,
+        disabled: false,
+        hideIcon: false,
+        iconStyle: "default" // or "solid"
+
+      };
+      _this.auBankAccount = elements.create("auBankAccount", options);
+
+      _this.auBankAccount.mount("#becs-iban");
+
+      return _this;
+    });
+
+    _defineProperty(this, "handle", function () {
+      document.getElementById('pay-now').addEventListener('click', function (e) {
+        var errors = document.getElementById('errors');
+
+        if (document.getElementById('becs-name').value === "") {
+          document.getElementById('becs-name').focus();
+          errors.textContent = document.querySelector('meta[name=translation-name-required]').content;
+          errors.hidden = false;
+          return;
+        }
+
+        if (document.getElementById('becs-email-address').value === "") {
+          document.getElementById('becs-email-address').focus();
+          errors.textContent = document.querySelector('meta[name=translation-email-required]').content;
+          errors.hidden = false;
+          return;
+        }
+
+        if (!document.getElementById('becs-mandate-acceptance').checked) {
+          document.getElementById('becs-mandate-acceptance').focus();
+          errors.textContent = document.querySelector('meta[name=translation-terms-required]').content;
+          errors.hidden = false;
+          console.log("Terms");
+          return;
+        }
+
+        document.getElementById('pay-now').disabled = true;
+        document.querySelector('#pay-now > svg').classList.remove('hidden');
+        document.querySelector('#pay-now > span').classList.add('hidden');
+
+        _this.stripe.confirmAuBecsDebitPayment(document.querySelector('meta[name=pi-client-secret').content, {
+          payment_method: {
+            au_becs_debit: _this.auBankAccount,
+            billing_details: {
+              name: document.getElementById("becs-name").value,
+              email: document.getElementById("becs-email-address").value
+            }
+          }
+        }).then(function (result) {
+          if (result.error) {
+            return _this.handleFailure(result.error.message);
+          }
+
+          return _this.handleSuccess(result);
+        });
+      });
+    });
+
+    this.key = key;
+    this.errors = document.getElementById('errors');
+    this.stripeConnect = _stripeConnect;
+  }
+
+  _createClass(ProcessBECS, [{
+    key: "handleSuccess",
+    value: function handleSuccess(result) {
+      document.querySelector('input[name="gateway_response"]').value = JSON.stringify(result.paymentIntent);
+      document.getElementById('server-response').submit();
+    }
+  }, {
+    key: "handleFailure",
+    value: function handleFailure(message) {
+      var errors = document.getElementById('errors');
+      errors.textContent = '';
+      errors.textContent = message;
+      errors.hidden = false;
+      document.getElementById('pay-now').disabled = false;
+      document.querySelector('#pay-now > svg').classList.add('hidden');
+      document.querySelector('#pay-now > span').classList.remove('hidden');
+    }
+  }]);
+
+  return ProcessBECS;
+}();
+
+var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
+var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
+new ProcessBECS(publishableKey, stripeConnect).setupStripe().handle();
+
+/***/ }),
+
+/***/ 33:
+/*!************************************************************!*\
+  !*** multi ./resources/js/clients/payments/stripe-becs.js ***!
+  \************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-becs.js */"./resources/js/clients/payments/stripe-becs.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-credit-card.js b/public/js/clients/payments/stripe-credit-card.js
index 217a47c20c..c2a15862c8 100755
--- a/public/js/clients/payments/stripe-credit-card.js
+++ b/public/js/clients/payments/stripe-credit-card.js
@@ -1,2 +1,323 @@
-/*! For license information please see stripe-credit-card.js.LICENSE.txt */
-!function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=11)}({11:function(e,t,n){e.exports=n("uALE")},uALE:function(e,t){var n,o,r,i,a,u,l,s;function c(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}var d=new(function(){function e(t,n,o,r){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.key=t,this.secret=n,this.onlyAuthorization=o,this.stripeConnect=r}var t,n,o;return t=e,(n=[{key:"setupStripe",value:function(){return this.stripeConnect?this.stripe=Stripe(this.key,{stripeAccount:this.stripeConnect}):this.stripe=Stripe(this.key),this.elements=this.stripe.elements(),this}},{key:"createElement",value:function(){var e;return this.cardElement=this.elements.create("card",{hidePostalCode:"0"===(null===(e=document.querySelector("meta[name=stripe-require-postal-code]"))||void 0===e?void 0:e.content),value:{postalCode:document.querySelector("meta[name=client-postal-code]").content}}),this}},{key:"mountCardElement",value:function(){return this.cardElement.mount("#card-element"),this}},{key:"completePaymentUsingToken",value:function(){var e=this,t=document.querySelector("input[name=token]").value,n=document.getElementById("pay-now");this.payNowButton=n,this.payNowButton.disabled=!0,this.payNowButton.querySelector("svg").classList.remove("hidden"),this.payNowButton.querySelector("span").classList.add("hidden"),this.stripe.handleCardPayment(this.secret,{payment_method:t}).then((function(t){return t.error?e.handleFailure(t.error.message):e.handleSuccess(t)}))}},{key:"completePaymentWithoutToken",value:function(){var e=this,t=document.getElementById("pay-now");this.payNowButton=t,this.payNowButton.disabled=!0,this.payNowButton.querySelector("svg").classList.remove("hidden"),this.payNowButton.querySelector("span").classList.add("hidden");var n=document.getElementById("cardholder-name");this.stripe.handleCardPayment(this.secret,this.cardElement,{payment_method_data:{billing_details:{name:n.value}}}).then((function(t){return t.error?e.handleFailure(t.error.message):e.handleSuccess(t)}))}},{key:"handleSuccess",value:function(e){document.querySelector('input[name="gateway_response"]').value=JSON.stringify(e.paymentIntent);var t=document.querySelector('input[name="token-billing-checkbox"]:checked');t&&(document.querySelector('input[name="store_card"]').value=t.value),document.getElementById("server-response").submit()}},{key:"handleFailure",value:function(e){var t=document.getElementById("errors");t.textContent="",t.textContent=e,t.hidden=!1,this.payNowButton.disabled=!1,this.payNowButton.querySelector("svg").classList.add("hidden"),this.payNowButton.querySelector("span").classList.remove("hidden")}},{key:"handleAuthorization",value:function(){var e=this,t=document.getElementById("cardholder-name"),n=document.getElementById("authorize-card");this.payNowButton=n,this.payNowButton.disabled=!0,this.payNowButton.querySelector("svg").classList.remove("hidden"),this.payNowButton.querySelector("span").classList.add("hidden"),this.stripe.handleCardSetup(this.secret,this.cardElement,{payment_method_data:{billing_details:{name:t.value}}}).then((function(t){return t.error?e.handleFailure(t):e.handleSuccessfulAuthorization(t)}))}},{key:"handleSuccessfulAuthorization",value:function(e){document.getElementById("gateway_response").value=JSON.stringify(e.setupIntent),document.getElementById("server_response").submit()}},{key:"handle",value:function(){var e=this;this.setupStripe(),this.onlyAuthorization?(this.createElement().mountCardElement(),document.getElementById("authorize-card").addEventListener("click",(function(){return e.handleAuthorization()}))):(Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(e){return e.addEventListener("click",(function(e){document.getElementById("stripe--payment-container").classList.add("hidden"),document.getElementById("save-card--container").style.display="none",document.querySelector("input[name=token]").value=e.target.dataset.token}))})),document.getElementById("toggle-payment-with-credit-card").addEventListener("click",(function(e){document.getElementById("stripe--payment-container").classList.remove("hidden"),document.getElementById("save-card--container").style.display="grid",document.querySelector("input[name=token]").value=""})),this.createElement().mountCardElement(),document.getElementById("pay-now").addEventListener("click",(function(){return document.querySelector("input[name=token]").value?e.completePaymentUsingToken():e.completePaymentWithoutToken()})))}}])&&c(t.prototype,n),o&&c(t,o),e}())(null!==(n=null===(o=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===o?void 0:o.content)&&void 0!==n?n:"",null!==(r=null===(i=document.querySelector('meta[name="stripe-secret"]'))||void 0===i?void 0:i.content)&&void 0!==r?r:"",null!==(a=null===(u=document.querySelector('meta[name="only-authorization"]'))||void 0===u?void 0:u.content)&&void 0!==a?a:"",null!==(l=null===(s=document.querySelector('meta[name="stripe-account-id"]'))||void 0===s?void 0:s.content)&&void 0!==l?l:"");d.handle(),Livewire.on("passed-required-fields-check",(function(){return d.handle()}))}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 11);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/stripe-credit-card.js":
+/*!*************************************************************!*\
+  !*** ./resources/js/clients/payments/stripe-credit-card.js ***!
+  \*************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+var _document$querySelect2, _document$querySelect3, _document$querySelect4, _document$querySelect5, _document$querySelect6, _document$querySelect7, _document$querySelect8, _document$querySelect9;
+
+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) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var StripeCreditCard = /*#__PURE__*/function () {
+  function StripeCreditCard(key, secret, onlyAuthorization, stripeConnect) {
+    _classCallCheck(this, StripeCreditCard);
+
+    this.key = key;
+    this.secret = secret;
+    this.onlyAuthorization = onlyAuthorization;
+    this.stripeConnect = stripeConnect;
+  }
+
+  _createClass(StripeCreditCard, [{
+    key: "setupStripe",
+    value: function setupStripe() {
+      if (this.stripeConnect) {
+        // this.stripe.stripeAccount = this.stripeConnect;
+        this.stripe = Stripe(this.key, {
+          stripeAccount: this.stripeConnect
+        });
+      } else {
+        this.stripe = Stripe(this.key);
+      }
+
+      this.elements = this.stripe.elements();
+      return this;
+    }
+  }, {
+    key: "createElement",
+    value: function createElement() {
+      var _document$querySelect;
+
+      this.cardElement = this.elements.create('card', {
+        hidePostalCode: ((_document$querySelect = document.querySelector('meta[name=stripe-require-postal-code]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.content) === "0",
+        value: {
+          postalCode: document.querySelector('meta[name=client-postal-code]').content
+        }
+      });
+      return this;
+    }
+  }, {
+    key: "mountCardElement",
+    value: function mountCardElement() {
+      this.cardElement.mount('#card-element');
+      return this;
+    }
+  }, {
+    key: "completePaymentUsingToken",
+    value: function completePaymentUsingToken() {
+      var _this = this;
+
+      var token = document.querySelector('input[name=token]').value;
+      var payNowButton = document.getElementById('pay-now');
+      this.payNowButton = payNowButton;
+      this.payNowButton.disabled = true;
+      this.payNowButton.querySelector('svg').classList.remove('hidden');
+      this.payNowButton.querySelector('span').classList.add('hidden');
+      this.stripe.handleCardPayment(this.secret, {
+        payment_method: token
+      }).then(function (result) {
+        if (result.error) {
+          return _this.handleFailure(result.error.message);
+        }
+
+        return _this.handleSuccess(result);
+      });
+    }
+  }, {
+    key: "completePaymentWithoutToken",
+    value: function completePaymentWithoutToken() {
+      var _this2 = this;
+
+      var payNowButton = document.getElementById('pay-now');
+      this.payNowButton = payNowButton;
+      this.payNowButton.disabled = true;
+      this.payNowButton.querySelector('svg').classList.remove('hidden');
+      this.payNowButton.querySelector('span').classList.add('hidden');
+      var cardHolderName = document.getElementById('cardholder-name');
+      this.stripe.handleCardPayment(this.secret, this.cardElement, {
+        payment_method_data: {
+          billing_details: {
+            name: cardHolderName.value
+          }
+        }
+      }).then(function (result) {
+        if (result.error) {
+          return _this2.handleFailure(result.error.message);
+        }
+
+        return _this2.handleSuccess(result);
+      });
+    }
+  }, {
+    key: "handleSuccess",
+    value: function handleSuccess(result) {
+      document.querySelector('input[name="gateway_response"]').value = JSON.stringify(result.paymentIntent);
+      var tokenBillingCheckbox = document.querySelector('input[name="token-billing-checkbox"]:checked');
+
+      if (tokenBillingCheckbox) {
+        document.querySelector('input[name="store_card"]').value = tokenBillingCheckbox.value;
+      }
+
+      document.getElementById('server-response').submit();
+    }
+  }, {
+    key: "handleFailure",
+    value: function handleFailure(message) {
+      var errors = document.getElementById('errors');
+      errors.textContent = '';
+      errors.textContent = message;
+      errors.hidden = false;
+      this.payNowButton.disabled = false;
+      this.payNowButton.querySelector('svg').classList.add('hidden');
+      this.payNowButton.querySelector('span').classList.remove('hidden');
+    }
+  }, {
+    key: "handleAuthorization",
+    value: function handleAuthorization() {
+      var _this3 = this;
+
+      var cardHolderName = document.getElementById('cardholder-name');
+      var payNowButton = document.getElementById('authorize-card');
+      this.payNowButton = payNowButton;
+      this.payNowButton.disabled = true;
+      this.payNowButton.querySelector('svg').classList.remove('hidden');
+      this.payNowButton.querySelector('span').classList.add('hidden');
+      this.stripe.handleCardSetup(this.secret, this.cardElement, {
+        payment_method_data: {
+          billing_details: {
+            name: cardHolderName.value
+          }
+        }
+      }).then(function (result) {
+        if (result.error) {
+          return _this3.handleFailure(result);
+        }
+
+        return _this3.handleSuccessfulAuthorization(result);
+      });
+    }
+  }, {
+    key: "handleSuccessfulAuthorization",
+    value: function handleSuccessfulAuthorization(result) {
+      document.getElementById('gateway_response').value = JSON.stringify(result.setupIntent);
+      document.getElementById('server_response').submit();
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this4 = this;
+
+      this.setupStripe();
+
+      if (this.onlyAuthorization) {
+        this.createElement().mountCardElement();
+        document.getElementById('authorize-card').addEventListener('click', function () {
+          return _this4.handleAuthorization();
+        });
+      } else {
+        Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
+          return element.addEventListener('click', function (element) {
+            document.getElementById('stripe--payment-container').classList.add('hidden');
+            document.getElementById('save-card--container').style.display = 'none';
+            document.querySelector('input[name=token]').value = element.target.dataset.token;
+          });
+        });
+        document.getElementById('toggle-payment-with-credit-card').addEventListener('click', function (element) {
+          document.getElementById('stripe--payment-container').classList.remove('hidden');
+          document.getElementById('save-card--container').style.display = 'grid';
+          document.querySelector('input[name=token]').value = "";
+        });
+        this.createElement().mountCardElement();
+        document.getElementById('pay-now').addEventListener('click', function () {
+          var tokenInput = document.querySelector('input[name=token]');
+
+          if (tokenInput.value) {
+            return _this4.completePaymentUsingToken();
+          }
+
+          return _this4.completePaymentWithoutToken();
+        });
+      }
+    }
+  }]);
+
+  return StripeCreditCard;
+}();
+
+var publishableKey = (_document$querySelect2 = (_document$querySelect3 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect3 === void 0 ? void 0 : _document$querySelect3.content) !== null && _document$querySelect2 !== void 0 ? _document$querySelect2 : '';
+var secret = (_document$querySelect4 = (_document$querySelect5 = document.querySelector('meta[name="stripe-secret"]')) === null || _document$querySelect5 === void 0 ? void 0 : _document$querySelect5.content) !== null && _document$querySelect4 !== void 0 ? _document$querySelect4 : '';
+var onlyAuthorization = (_document$querySelect6 = (_document$querySelect7 = document.querySelector('meta[name="only-authorization"]')) === null || _document$querySelect7 === void 0 ? void 0 : _document$querySelect7.content) !== null && _document$querySelect6 !== void 0 ? _document$querySelect6 : '';
+var stripeConnect = (_document$querySelect8 = (_document$querySelect9 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect9 === void 0 ? void 0 : _document$querySelect9.content) !== null && _document$querySelect8 !== void 0 ? _document$querySelect8 : '';
+var s = new StripeCreditCard(publishableKey, secret, onlyAuthorization, stripeConnect);
+s.handle();
+Livewire.on('passed-required-fields-check', function () {
+  return s.handle();
+});
+
+/***/ }),
+
+/***/ 11:
+/*!*******************************************************************!*\
+  !*** multi ./resources/js/clients/payments/stripe-credit-card.js ***!
+  \*******************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-credit-card.js */"./resources/js/clients/payments/stripe-credit-card.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-eps.js b/public/js/clients/payments/stripe-eps.js
index 3ee731a454..0d149c6cb6 100644
--- a/public/js/clients/payments/stripe-eps.js
+++ b/public/js/clients/payments/stripe-eps.js
@@ -1,2 +1,191 @@
-/*! For license information please see stripe-eps.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=34)}({34:function(e,t,n){e.exports=n("Gn/6")},"Gn/6":function(e,t){var n,r,o,i;function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var a=null!==(n=null===(r=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===r?void 0:r.content)&&void 0!==n?n:"",c=null!==(o=null===(i=document.querySelector('meta[name="stripe-account-id"]'))||void 0===i?void 0:i.content)&&void 0!==o?o:"";new function e(t,n){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),u(this,"setupStripe",(function(){r.stripe=Stripe(r.key),r.stripeConnect&&(r.stripe.stripeAccount=c);var e=r.stripe.elements();return r.eps=e.create("epsBank",{style:{base:{padding:"10px 12px",color:"#32325d",fontSize:"16px","::placeholder":{color:"#aab7c4"}}}}),r.eps.mount("#eps-bank-element"),r})),u(this,"handle",(function(){document.getElementById("pay-now").addEventListener("click",(function(e){var t=document.getElementById("errors");if(!document.getElementById("eps-name").value)return t.textContent=document.querySelector("meta[name=translation-name-required]").content,t.hidden=!1,void console.log("name");document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),r.stripe.confirmEpsPayment(document.querySelector("meta[name=pi-client-secret").content,{payment_method:{eps:r.eps,billing_details:{name:document.getElementById("ideal-name").value}},return_url:document.querySelector('meta[name="return-url"]').content})}))})),this.key=t,this.errors=document.getElementById("errors"),this.stripeConnect=n}(a,c).setupStripe().handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 34);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/stripe-eps.js":
+/*!*****************************************************!*\
+  !*** ./resources/js/clients/payments/stripe-eps.js ***!
+  \*****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var ProcessEPSPay = function ProcessEPSPay(key, _stripeConnect) {
+  var _this = this;
+
+  _classCallCheck(this, ProcessEPSPay);
+
+  _defineProperty(this, "setupStripe", function () {
+    _this.stripe = Stripe(_this.key);
+    if (_this.stripeConnect) _this.stripe.stripeAccount = stripeConnect;
+
+    var elements = _this.stripe.elements();
+
+    var options = {
+      style: {
+        base: {
+          padding: '10px 12px',
+          color: '#32325d',
+          fontSize: '16px',
+          '::placeholder': {
+            color: '#aab7c4'
+          }
+        }
+      }
+    };
+    _this.eps = elements.create('epsBank', options);
+
+    _this.eps.mount("#eps-bank-element");
+
+    return _this;
+  });
+
+  _defineProperty(this, "handle", function () {
+    document.getElementById('pay-now').addEventListener('click', function (e) {
+      var errors = document.getElementById('errors');
+
+      if (!document.getElementById('eps-name').value) {
+        errors.textContent = document.querySelector('meta[name=translation-name-required]').content;
+        errors.hidden = false;
+        console.log("name");
+        return;
+      }
+
+      document.getElementById('pay-now').disabled = true;
+      document.querySelector('#pay-now > svg').classList.remove('hidden');
+      document.querySelector('#pay-now > span').classList.add('hidden');
+
+      _this.stripe.confirmEpsPayment(document.querySelector('meta[name=pi-client-secret').content, {
+        payment_method: {
+          eps: _this.eps,
+          billing_details: {
+            name: document.getElementById("ideal-name").value
+          }
+        },
+        return_url: document.querySelector('meta[name="return-url"]').content
+      });
+    });
+  });
+
+  this.key = key;
+  this.errors = document.getElementById('errors');
+  this.stripeConnect = _stripeConnect;
+};
+
+var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
+var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
+new ProcessEPSPay(publishableKey, stripeConnect).setupStripe().handle();
+
+/***/ }),
+
+/***/ 34:
+/*!***********************************************************!*\
+  !*** multi ./resources/js/clients/payments/stripe-eps.js ***!
+  \***********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-eps.js */"./resources/js/clients/payments/stripe-eps.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-giropay.js b/public/js/clients/payments/stripe-giropay.js
index d46a0137c3..790dbd6b08 100644
--- a/public/js/clients/payments/stripe-giropay.js
+++ b/public/js/clients/payments/stripe-giropay.js
@@ -1,2 +1,171 @@
-/*! For license information please see stripe-giropay.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=30)}({30:function(e,t,n){e.exports=n("5IXF")},"5IXF":function(e,t){var n,r,o,i;function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c=null!==(n=null===(r=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===r?void 0:r.content)&&void 0!==n?n:"",a=null!==(o=null===(i=document.querySelector('meta[name="stripe-account-id"]'))||void 0===i?void 0:i.content)&&void 0!==o?o:"";new function e(t,n){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),u(this,"setupStripe",(function(){return r.stripe=Stripe(r.key),r.stripeConnect&&(r.stripe.stripeAccount=a),r})),u(this,"handle",(function(){document.getElementById("pay-now").addEventListener("click",(function(e){var t=document.getElementById("errors");if(!document.getElementById("giropay-mandate-acceptance").checked)return t.textContent=document.querySelector("meta[name=translation-terms-required]").content,t.hidden=!1,void console.log("Terms");document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),r.stripe.confirmGiropayPayment(document.querySelector("meta[name=pi-client-secret").content,{payment_method:{billing_details:{name:document.getElementById("giropay-name").value}},return_url:document.querySelector('meta[name="return-url"]').content})}))})),this.key=t,this.errors=document.getElementById("errors"),this.stripeConnect=n}(c,a).setupStripe().handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 30);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/stripe-giropay.js":
+/*!*********************************************************!*\
+  !*** ./resources/js/clients/payments/stripe-giropay.js ***!
+  \*********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var ProcessGiroPay = function ProcessGiroPay(key, _stripeConnect) {
+  var _this = this;
+
+  _classCallCheck(this, ProcessGiroPay);
+
+  _defineProperty(this, "setupStripe", function () {
+    _this.stripe = Stripe(_this.key);
+    if (_this.stripeConnect) _this.stripe.stripeAccount = stripeConnect;
+    return _this;
+  });
+
+  _defineProperty(this, "handle", function () {
+    document.getElementById('pay-now').addEventListener('click', function (e) {
+      var errors = document.getElementById('errors');
+
+      if (!document.getElementById('giropay-mandate-acceptance').checked) {
+        errors.textContent = document.querySelector('meta[name=translation-terms-required]').content;
+        errors.hidden = false;
+        console.log("Terms");
+        return;
+      }
+
+      document.getElementById('pay-now').disabled = true;
+      document.querySelector('#pay-now > svg').classList.remove('hidden');
+      document.querySelector('#pay-now > span').classList.add('hidden');
+
+      _this.stripe.confirmGiropayPayment(document.querySelector('meta[name=pi-client-secret').content, {
+        payment_method: {
+          billing_details: {
+            name: document.getElementById("giropay-name").value
+          }
+        },
+        return_url: document.querySelector('meta[name="return-url"]').content
+      });
+    });
+  });
+
+  this.key = key;
+  this.errors = document.getElementById('errors');
+  this.stripeConnect = _stripeConnect;
+};
+
+var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
+var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
+new ProcessGiroPay(publishableKey, stripeConnect).setupStripe().handle();
+
+/***/ }),
+
+/***/ 30:
+/*!***************************************************************!*\
+  !*** multi ./resources/js/clients/payments/stripe-giropay.js ***!
+  \***************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-giropay.js */"./resources/js/clients/payments/stripe-giropay.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-ideal.js b/public/js/clients/payments/stripe-ideal.js
index ddf7fcb670..5a6f29116b 100644
--- a/public/js/clients/payments/stripe-ideal.js
+++ b/public/js/clients/payments/stripe-ideal.js
@@ -1,2 +1,191 @@
-/*! For license information please see stripe-ideal.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=35)}({35:function(e,t,n){e.exports=n("T01t")},T01t:function(e,t){var n,r,o,i;function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var l=null!==(n=null===(r=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===r?void 0:r.content)&&void 0!==n?n:"",u=null!==(o=null===(i=document.querySelector('meta[name="stripe-account-id"]'))||void 0===i?void 0:i.content)&&void 0!==o?o:"";new function e(t,n){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),a(this,"setupStripe",(function(){r.stripe=Stripe(r.key),r.stripeConnect&&(r.stripe.stripeAccount=u);var e=r.stripe.elements();return r.ideal=e.create("idealBank",{style:{base:{padding:"10px 12px",color:"#32325d",fontSize:"16px","::placeholder":{color:"#aab7c4"}}}}),r.ideal.mount("#ideal-bank-element"),r})),a(this,"handle",(function(){document.getElementById("pay-now").addEventListener("click",(function(e){var t=document.getElementById("errors");if(!document.getElementById("ideal-name").value)return t.textContent=document.querySelector("meta[name=translation-name-required]").content,t.hidden=!1,void console.log("name");document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),r.stripe.confirmIdealPayment(document.querySelector("meta[name=pi-client-secret").content,{payment_method:{ideal:r.ideal,billing_details:{name:document.getElementById("ideal-name").value}},return_url:document.querySelector('meta[name="return-url"]').content})}))})),this.key=t,this.errors=document.getElementById("errors"),this.stripeConnect=n}(l,u).setupStripe().handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 35);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/stripe-ideal.js":
+/*!*******************************************************!*\
+  !*** ./resources/js/clients/payments/stripe-ideal.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var ProcessIDEALPay = function ProcessIDEALPay(key, _stripeConnect) {
+  var _this = this;
+
+  _classCallCheck(this, ProcessIDEALPay);
+
+  _defineProperty(this, "setupStripe", function () {
+    _this.stripe = Stripe(_this.key);
+    if (_this.stripeConnect) _this.stripe.stripeAccount = stripeConnect;
+
+    var elements = _this.stripe.elements();
+
+    var options = {
+      style: {
+        base: {
+          padding: '10px 12px',
+          color: '#32325d',
+          fontSize: '16px',
+          '::placeholder': {
+            color: '#aab7c4'
+          }
+        }
+      }
+    };
+    _this.ideal = elements.create('idealBank', options);
+
+    _this.ideal.mount("#ideal-bank-element");
+
+    return _this;
+  });
+
+  _defineProperty(this, "handle", function () {
+    document.getElementById('pay-now').addEventListener('click', function (e) {
+      var errors = document.getElementById('errors');
+
+      if (!document.getElementById('ideal-name').value) {
+        errors.textContent = document.querySelector('meta[name=translation-name-required]').content;
+        errors.hidden = false;
+        console.log("name");
+        return;
+      }
+
+      document.getElementById('pay-now').disabled = true;
+      document.querySelector('#pay-now > svg').classList.remove('hidden');
+      document.querySelector('#pay-now > span').classList.add('hidden');
+
+      _this.stripe.confirmIdealPayment(document.querySelector('meta[name=pi-client-secret').content, {
+        payment_method: {
+          ideal: _this.ideal,
+          billing_details: {
+            name: document.getElementById("ideal-name").value
+          }
+        },
+        return_url: document.querySelector('meta[name="return-url"]').content
+      });
+    });
+  });
+
+  this.key = key;
+  this.errors = document.getElementById('errors');
+  this.stripeConnect = _stripeConnect;
+};
+
+var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
+var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
+new ProcessIDEALPay(publishableKey, stripeConnect).setupStripe().handle();
+
+/***/ }),
+
+/***/ 35:
+/*!*************************************************************!*\
+  !*** multi ./resources/js/clients/payments/stripe-ideal.js ***!
+  \*************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-ideal.js */"./resources/js/clients/payments/stripe-ideal.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-przelewy24.js b/public/js/clients/payments/stripe-przelewy24.js
index a5606cd143..24b06fe8e0 100644
--- a/public/js/clients/payments/stripe-przelewy24.js
+++ b/public/js/clients/payments/stripe-przelewy24.js
@@ -1,2 +1,212 @@
-/*! For license information please see stripe-przelewy24.js.LICENSE.txt */
-!function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},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=36)}({36:function(e,t,n){e.exports=n("Btf5")},Btf5:function(e,t){var n,o,r,a;function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var d=null!==(n=null===(o=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===o?void 0:o.content)&&void 0!==n?n:"",u=null!==(r=null===(a=document.querySelector('meta[name="stripe-account-id"]'))||void 0===a?void 0:a.content)&&void 0!==r?r:"";new function e(t,n){var o=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),c(this,"setupStripe",(function(){o.stripe=Stripe(o.key),o.stripeConnect&&(o.stripe.stripeAccount=u);var e=o.stripe.elements();return o.p24bank=e.create("p24Bank",{style:{base:{padding:"10px 12px",color:"#32325d",fontSize:"16px","::placeholder":{color:"#aab7c4"}}}}),o.p24bank.mount("#p24-bank-element"),o})),c(this,"handle",(function(){document.getElementById("pay-now").addEventListener("click",(function(e){var t=document.getElementById("errors");return""===document.getElementById("p24-name").value?(document.getElementById("p24-name").focus(),t.textContent=document.querySelector("meta[name=translation-name-required]").content,void(t.hidden=!1)):""===document.getElementById("p24-email-address").value?(document.getElementById("p24-email-address").focus(),t.textContent=document.querySelector("meta[name=translation-email-required]").content,void(t.hidden=!1)):document.getElementById("p24-mandate-acceptance").checked?(document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),void o.stripe.confirmP24Payment(document.querySelector("meta[name=pi-client-secret").content,{payment_method:{p24:o.p24bank,billing_details:{name:document.getElementById("p24-name").value,email:document.getElementById("p24-email-address").value}},payment_method_options:{p24:{tos_shown_and_accepted:document.getElementById("p24-mandate-acceptance").checked}},return_url:document.querySelector('meta[name="return-url"]').content})):(document.getElementById("p24-mandate-acceptance").focus(),t.textContent=document.querySelector("meta[name=translation-terms-required]").content,void(t.hidden=!1))}))})),this.key=t,this.errors=document.getElementById("errors"),this.stripeConnect=n}(d,u).setupStripe().handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 36);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/stripe-przelewy24.js":
+/*!************************************************************!*\
+  !*** ./resources/js/clients/payments/stripe-przelewy24.js ***!
+  \************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var ProcessPRZELEWY24 = function ProcessPRZELEWY24(key, _stripeConnect) {
+  var _this = this;
+
+  _classCallCheck(this, ProcessPRZELEWY24);
+
+  _defineProperty(this, "setupStripe", function () {
+    _this.stripe = Stripe(_this.key);
+    if (_this.stripeConnect) _this.stripe.stripeAccount = stripeConnect;
+
+    var elements = _this.stripe.elements();
+
+    var options = {
+      // Custom styling can be passed to options when creating an Element
+      style: {
+        base: {
+          padding: '10px 12px',
+          color: '#32325d',
+          fontSize: '16px',
+          '::placeholder': {
+            color: '#aab7c4'
+          }
+        }
+      }
+    };
+    _this.p24bank = elements.create('p24Bank', options);
+
+    _this.p24bank.mount('#p24-bank-element');
+
+    return _this;
+  });
+
+  _defineProperty(this, "handle", function () {
+    document.getElementById('pay-now').addEventListener('click', function (e) {
+      var errors = document.getElementById('errors');
+
+      if (document.getElementById('p24-name').value === "") {
+        document.getElementById('p24-name').focus();
+        errors.textContent = document.querySelector('meta[name=translation-name-required]').content;
+        errors.hidden = false;
+        return;
+      }
+
+      if (document.getElementById('p24-email-address').value === "") {
+        document.getElementById('p24-email-address').focus();
+        errors.textContent = document.querySelector('meta[name=translation-email-required]').content;
+        errors.hidden = false;
+        return;
+      }
+
+      if (!document.getElementById('p24-mandate-acceptance').checked) {
+        document.getElementById('p24-mandate-acceptance').focus();
+        errors.textContent = document.querySelector('meta[name=translation-terms-required]').content;
+        errors.hidden = false;
+        return;
+      }
+
+      document.getElementById('pay-now').disabled = true;
+      document.querySelector('#pay-now > svg').classList.remove('hidden');
+      document.querySelector('#pay-now > span').classList.add('hidden');
+
+      _this.stripe.confirmP24Payment(document.querySelector('meta[name=pi-client-secret').content, {
+        payment_method: {
+          p24: _this.p24bank,
+          billing_details: {
+            name: document.getElementById('p24-name').value,
+            email: document.getElementById('p24-email-address').value
+          }
+        },
+        payment_method_options: {
+          p24: {
+            tos_shown_and_accepted: document.getElementById('p24-mandate-acceptance').checked
+          }
+        },
+        return_url: document.querySelector('meta[name="return-url"]').content
+      });
+    });
+  });
+
+  this.key = key;
+  this.errors = document.getElementById('errors');
+  this.stripeConnect = _stripeConnect;
+};
+
+var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
+var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
+new ProcessPRZELEWY24(publishableKey, stripeConnect).setupStripe().handle();
+
+/***/ }),
+
+/***/ 36:
+/*!******************************************************************!*\
+  !*** multi ./resources/js/clients/payments/stripe-przelewy24.js ***!
+  \******************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-przelewy24.js */"./resources/js/clients/payments/stripe-przelewy24.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-sepa.js b/public/js/clients/payments/stripe-sepa.js
index 68d075a283..2479284cc9 100644
--- a/public/js/clients/payments/stripe-sepa.js
+++ b/public/js/clients/payments/stripe-sepa.js
@@ -1,2 +1,296 @@
-/*! For license information please see stripe-sepa.js.LICENSE.txt */
-!function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},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=28)}({28:function(e,t,n){e.exports=n("guV3")},guV3:function(e,t){var n,o,r,a;function i(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var u=function(){function e(t,n){var o=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),c(this,"setupStripe",(function(){o.stripe=Stripe(o.key),o.stripeConnect&&(o.stripe.stripeAccount=l);var e=o.stripe.elements(),t={style:{base:{color:"#32325d",fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',fontSmoothing:"antialiased",fontSize:"16px","::placeholder":{color:"#aab7c4"},":-webkit-autofill":{color:"#32325d"}},invalid:{color:"#fa755a",iconColor:"#fa755a",":-webkit-autofill":{color:"#fa755a"}}},supportedCountries:["SEPA"],placeholderCountry:document.querySelector('meta[name="country"]').content};return o.iban=e.create("iban",t),o.iban.mount("#sepa-iban"),o})),c(this,"handle",(function(){var e=document.getElementById("errors");Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(e){return e.addEventListener("click",(function(e){document.getElementById("stripe--payment-container").classList.add("hidden"),document.getElementById("save-card--container").style.display="none",document.querySelector("input[name=token]").value=e.target.dataset.token}))})),document.getElementById("toggle-payment-with-new-bank-account").addEventListener("click",(function(e){document.getElementById("stripe--payment-container").classList.remove("hidden"),document.getElementById("save-card--container").style.display="grid",document.querySelector("input[name=token]").value=""})),document.getElementById("pay-now").addEventListener("click",(function(t){return 0!==document.querySelector("input[name=token]").value.length?(document.querySelector("#errors").hidden=!0,document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),void o.stripe.confirmSepaDebitSetup(document.querySelector("meta[name=si-client-secret").content,{payment_method:document.querySelector("input[name=token]").value}).then((function(e){if(!e.error)return document.querySelector('input[name="gateway_response"]').value=JSON.stringify(e.setupIntent),document.querySelector("#server-response").submit();console.error(error)})).catch((function(t){e.textContent=t,e.hidden=!1}))):""===document.getElementById("sepa-name").value?(document.getElementById("sepa-name").focus(),e.textContent=document.querySelector("meta[name=translation-name-required]").content,void(e.hidden=!1)):""===document.getElementById("sepa-email-address").value?(document.getElementById("sepa-email-address").focus(),e.textContent=document.querySelector("meta[name=translation-email-required]").content,void(e.hidden=!1)):document.getElementById("sepa-mandate-acceptance").checked?(document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),void o.stripe.confirmSepaDebitPayment(document.querySelector("meta[name=pi-client-secret").content,{payment_method:{sepa_debit:o.iban,billing_details:{name:document.getElementById("sepa-name").value,email:document.getElementById("sepa-email-address").value}}}).then((function(e){return e.error?o.handleFailure(e.error.message):o.handleSuccess(e)}))):(e.textContent=document.querySelector("meta[name=translation-terms-required]").content,e.hidden=!1,void console.log("Terms"))}))})),this.key=t,this.errors=document.getElementById("errors"),this.stripeConnect=n}var t,n,o;return t=e,(n=[{key:"handleSuccess",value:function(e){document.querySelector('input[name="gateway_response"]').value=JSON.stringify(e.paymentIntent);var t=document.querySelector('input[name="token-billing-checkbox"]:checked');t&&(document.querySelector('input[name="store_card"]').value=t.value),document.getElementById("server-response").submit()}},{key:"handleFailure",value:function(e){var t=document.getElementById("errors");t.textContent="",t.textContent=e,t.hidden=!1,document.getElementById("pay-now").disabled=!1,document.querySelector("#pay-now > svg").classList.add("hidden"),document.querySelector("#pay-now > span").classList.remove("hidden")}}])&&i(t.prototype,n),o&&i(t,o),e}(),d=null!==(n=null===(o=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===o?void 0:o.content)&&void 0!==n?n:"",l=null!==(r=null===(a=document.querySelector('meta[name="stripe-account-id"]'))||void 0===a?void 0:a.content)&&void 0!==r?r:"";new u(d,l).setupStripe().handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 28);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/stripe-sepa.js":
+/*!******************************************************!*\
+  !*** ./resources/js/clients/payments/stripe-sepa.js ***!
+  \******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
+
+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) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var ProcessSEPA = /*#__PURE__*/function () {
+  function ProcessSEPA(key, _stripeConnect) {
+    var _this = this;
+
+    _classCallCheck(this, ProcessSEPA);
+
+    _defineProperty(this, "setupStripe", function () {
+      _this.stripe = Stripe(_this.key);
+      if (_this.stripeConnect) _this.stripe.stripeAccount = stripeConnect;
+
+      var elements = _this.stripe.elements();
+
+      var style = {
+        base: {
+          color: '#32325d',
+          fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
+          fontSmoothing: 'antialiased',
+          fontSize: '16px',
+          '::placeholder': {
+            color: '#aab7c4'
+          },
+          ':-webkit-autofill': {
+            color: '#32325d'
+          }
+        },
+        invalid: {
+          color: '#fa755a',
+          iconColor: '#fa755a',
+          ':-webkit-autofill': {
+            color: '#fa755a'
+          }
+        }
+      };
+      var options = {
+        style: style,
+        supportedCountries: ['SEPA'],
+        // If you know the country of the customer, you can optionally pass it to
+        // the Element as placeholderCountry. The example IBAN that is being used
+        // as placeholder reflects the IBAN format of that country.
+        placeholderCountry: document.querySelector('meta[name="country"]').content
+      };
+      _this.iban = elements.create('iban', options);
+
+      _this.iban.mount('#sepa-iban');
+
+      return _this;
+    });
+
+    _defineProperty(this, "handle", function () {
+      var errors = document.getElementById('errors');
+      Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
+        return element.addEventListener('click', function (element) {
+          document.getElementById('stripe--payment-container').classList.add('hidden');
+          document.getElementById('save-card--container').style.display = 'none';
+          document.querySelector('input[name=token]').value = element.target.dataset.token;
+        });
+      });
+      document.getElementById('toggle-payment-with-new-bank-account').addEventListener('click', function (element) {
+        document.getElementById('stripe--payment-container').classList.remove('hidden');
+        document.getElementById('save-card--container').style.display = 'grid';
+        document.querySelector('input[name=token]').value = '';
+      });
+      document.getElementById('pay-now').addEventListener('click', function (e) {
+        if (document.querySelector('input[name=token]').value.length !== 0) {
+          document.querySelector('#errors').hidden = true;
+          document.getElementById('pay-now').disabled = true;
+          document.querySelector('#pay-now > svg').classList.remove('hidden');
+          document.querySelector('#pay-now > span').classList.add('hidden');
+
+          _this.stripe.confirmSepaDebitSetup(document.querySelector('meta[name=si-client-secret').content, {
+            payment_method: document.querySelector('input[name=token]').value
+          }).then(function (result) {
+            if (result.error) {
+              console.error(error);
+              return;
+            }
+
+            document.querySelector('input[name="gateway_response"]').value = JSON.stringify(result.setupIntent);
+            return document.querySelector('#server-response').submit();
+          })["catch"](function (error) {
+            errors.textContent = error;
+            errors.hidden = false;
+          });
+
+          return;
+        }
+
+        if (document.getElementById('sepa-name').value === '') {
+          document.getElementById('sepa-name').focus();
+          errors.textContent = document.querySelector('meta[name=translation-name-required]').content;
+          errors.hidden = false;
+          return;
+        }
+
+        if (document.getElementById('sepa-email-address').value === '') {
+          document.getElementById('sepa-email-address').focus();
+          errors.textContent = document.querySelector('meta[name=translation-email-required]').content;
+          errors.hidden = false;
+          return;
+        }
+
+        if (!document.getElementById('sepa-mandate-acceptance').checked) {
+          errors.textContent = document.querySelector('meta[name=translation-terms-required]').content;
+          errors.hidden = false;
+          console.log('Terms');
+          return;
+        }
+
+        document.getElementById('pay-now').disabled = true;
+        document.querySelector('#pay-now > svg').classList.remove('hidden');
+        document.querySelector('#pay-now > span').classList.add('hidden');
+
+        _this.stripe.confirmSepaDebitPayment(document.querySelector('meta[name=pi-client-secret').content, {
+          payment_method: {
+            sepa_debit: _this.iban,
+            billing_details: {
+              name: document.getElementById('sepa-name').value,
+              email: document.getElementById('sepa-email-address').value
+            }
+          }
+        }).then(function (result) {
+          if (result.error) {
+            return _this.handleFailure(result.error.message);
+          }
+
+          return _this.handleSuccess(result);
+        });
+      });
+    });
+
+    this.key = key;
+    this.errors = document.getElementById('errors');
+    this.stripeConnect = _stripeConnect;
+  }
+
+  _createClass(ProcessSEPA, [{
+    key: "handleSuccess",
+    value: function handleSuccess(result) {
+      document.querySelector('input[name="gateway_response"]').value = JSON.stringify(result.paymentIntent);
+      var tokenBillingCheckbox = document.querySelector('input[name="token-billing-checkbox"]:checked');
+
+      if (tokenBillingCheckbox) {
+        document.querySelector('input[name="store_card"]').value = tokenBillingCheckbox.value;
+      }
+
+      document.getElementById('server-response').submit();
+    }
+  }, {
+    key: "handleFailure",
+    value: function handleFailure(message) {
+      var errors = document.getElementById('errors');
+      errors.textContent = '';
+      errors.textContent = message;
+      errors.hidden = false;
+      document.getElementById('pay-now').disabled = false;
+      document.querySelector('#pay-now > svg').classList.add('hidden');
+      document.querySelector('#pay-now > span').classList.remove('hidden');
+    }
+  }]);
+
+  return ProcessSEPA;
+}();
+
+var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
+var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
+new ProcessSEPA(publishableKey, stripeConnect).setupStripe().handle();
+
+/***/ }),
+
+/***/ 28:
+/*!************************************************************!*\
+  !*** multi ./resources/js/clients/payments/stripe-sepa.js ***!
+  \************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-sepa.js */"./resources/js/clients/payments/stripe-sepa.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-sofort.js b/public/js/clients/payments/stripe-sofort.js
index 674ef2bde1..6943831de9 100755
--- a/public/js/clients/payments/stripe-sofort.js
+++ b/public/js/clients/payments/stripe-sofort.js
@@ -1,2 +1,162 @@
-/*! For license information please see stripe-sofort.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=6)}({6:function(e,t,n){e.exports=n("RFiP")},RFiP:function(e,t){var n,r,o,u;function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c=null!==(n=null===(r=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===r?void 0:r.content)&&void 0!==n?n:"",l=null!==(o=null===(u=document.querySelector('meta[name="stripe-account-id"]'))||void 0===u?void 0:u.content)&&void 0!==o?o:"";new function e(t,n){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),i(this,"setupStripe",(function(){return r.stripe=Stripe(r.key),r.stripeConnect&&(r.stripe.stripeAccount=l),r})),i(this,"handle",(function(){document.getElementById("pay-now").addEventListener("click",(function(e){document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),r.stripe.confirmSofortPayment(document.querySelector("meta[name=pi-client-secret").content,{payment_method:{sofort:{country:document.querySelector('meta[name="country"]').content}},return_url:document.querySelector('meta[name="return-url"]').content})}))})),this.key=t,this.errors=document.getElementById("errors"),this.stripeConnect=n}(c,l).setupStripe().handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 6);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/stripe-sofort.js":
+/*!********************************************************!*\
+  !*** ./resources/js/clients/payments/stripe-sofort.js ***!
+  \********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var ProcessSOFORT = function ProcessSOFORT(key, _stripeConnect) {
+  var _this = this;
+
+  _classCallCheck(this, ProcessSOFORT);
+
+  _defineProperty(this, "setupStripe", function () {
+    _this.stripe = Stripe(_this.key);
+    if (_this.stripeConnect) _this.stripe.stripeAccount = stripeConnect;
+    return _this;
+  });
+
+  _defineProperty(this, "handle", function () {
+    document.getElementById('pay-now').addEventListener('click', function (e) {
+      document.getElementById('pay-now').disabled = true;
+      document.querySelector('#pay-now > svg').classList.remove('hidden');
+      document.querySelector('#pay-now > span').classList.add('hidden');
+
+      _this.stripe.confirmSofortPayment(document.querySelector('meta[name=pi-client-secret').content, {
+        payment_method: {
+          sofort: {
+            country: document.querySelector('meta[name="country"]').content
+          }
+        },
+        return_url: document.querySelector('meta[name="return-url"]').content
+      });
+    });
+  });
+
+  this.key = key;
+  this.errors = document.getElementById('errors');
+  this.stripeConnect = _stripeConnect;
+};
+
+var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
+var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
+new ProcessSOFORT(publishableKey, stripeConnect).setupStripe().handle();
+
+/***/ }),
+
+/***/ 6:
+/*!**************************************************************!*\
+  !*** multi ./resources/js/clients/payments/stripe-sofort.js ***!
+  \**************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-sofort.js */"./resources/js/clients/payments/stripe-sofort.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/wepay-credit-card.js b/public/js/clients/payments/wepay-credit-card.js
index 397615b18e..6a30e1c0f7 100644
--- a/public/js/clients/payments/wepay-credit-card.js
+++ b/public/js/clients/payments/wepay-credit-card.js
@@ -1,2 +1,320 @@
-/*! For license information please see wepay-credit-card.js.LICENSE.txt */
-!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/",r(r.s=19)}({19:function(e,t,r){e.exports=r("6+GV")},"6+GV":function(e,t){var r;function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}var a=null===(r=document.querySelector('meta[name="wepay-action"]'))||void 0===r?void 0:r.content;new(function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"payment";n(this,e),this.action=t,this.errors=document.getElementById("errors")}var t,r,a;return t=e,(r=[{key:"initializeWePay",value:function(){var e,t=null===(e=document.querySelector('meta[name="wepay-environment"]'))||void 0===e?void 0:e.content;return WePay.set_endpoint("staging"===t?"stage":"production"),this}},{key:"validateCreditCardFields",value:function(){return this.myCard=$("#my-card"),""===document.getElementById("cardholder_name")?(document.getElementById("cardholder_name").focus(),this.errors.textContent="Cardholder name required.",void(this.errors.hidden=!1)):""===this.myCard.CardJs("cardNumber").replace(/[^\d]/g,"")?(document.getElementById("card_number").focus(),this.errors.textContent="Card number required.",void(this.errors.hidden=!1)):""===this.myCard.CardJs("cvc").replace(/[^\d]/g,"")?(document.getElementById("cvv").focus(),this.errors.textContent="CVV number required.",void(this.errors.hidden=!1)):""===this.myCard.CardJs("expiryMonth").replace(/[^\d]/g,"")?(this.errors.textContent="Expiry Month number required.",void(this.errors.hidden=!1)):""!==this.myCard.CardJs("expiryYear").replace(/[^\d]/g,"")||(this.errors.textContent="Expiry Year number required.",void(this.errors.hidden=!1))}},{key:"handleAuthorization",value:function(){var e=this;if(this.validateCreditCardFields()){var t=document.getElementById("card_button");t.disabled=!0,t.querySelector("svg").classList.remove("hidden"),t.querySelector("span").classList.add("hidden"),WePay.credit_card.create({client_id:document.querySelector("meta[name=wepay-client-id]").content,user_name:document.getElementById("cardholder_name").value,email:document.querySelector("meta[name=contact-email]").content,cc_number:this.myCard.CardJs("cardNumber").replace(/[^\d]/g,""),cvv:this.myCard.CardJs("cvc").replace(/[^\d]/g,""),expiration_month:this.myCard.CardJs("expiryMonth").replace(/[^\d]/g,""),expiration_year:this.myCard.CardJs("expiryYear").replace(/[^\d]/g,""),address:{postal_code:document.querySelector(["meta[name=client-postal-code"]).content}},(function(r){r.error?((t=document.getElementById("card_button")).disabled=!1,t.querySelector("svg").classList.add("hidden"),t.querySelector("span").classList.remove("hidden"),e.errors.textContent="",e.errors.textContent=r.error_description,e.errors.hidden=!1):(document.querySelector('input[name="credit_card_id"]').value=r.credit_card_id,document.getElementById("server_response").submit())}))}}},{key:"completePaymentUsingToken",value:function(e){document.querySelector('input[name="credit_card_id"]').value=null,document.querySelector('input[name="token"]').value=e,document.getElementById("server-response").submit()}},{key:"completePaymentWithoutToken",value:function(){var e=this;this.validateCreditCardFields()&&WePay.credit_card.create({client_id:document.querySelector("meta[name=wepay-client-id]").content,user_name:document.getElementById("cardholder_name").value,email:document.querySelector("meta[name=contact-email]").content,cc_number:this.myCard.CardJs("cardNumber").replace(/[^\d]/g,""),cvv:this.myCard.CardJs("cvc").replace(/[^\d]/g,""),expiration_month:this.myCard.CardJs("expiryMonth").replace(/[^\d]/g,""),expiration_year:this.myCard.CardJs("expiryYear").replace(/[^\d]/g,""),address:{postal_code:document.querySelector(["meta[name=client-postal-code"]).content}},(function(t){t.error?(e.payNowButton.disabled=!1,e.payNowButton.querySelector("svg").classList.add("hidden"),e.payNowButton.querySelector("span").classList.remove("hidden"),e.errors.textContent="",e.errors.textContent=t.error_description,e.errors.hidden=!1):(document.querySelector('input[name="credit_card_id"]').value=t.credit_card_id,document.querySelector('input[name="token"]').value=null,document.getElementById("server-response").submit())}))}},{key:"handle",value:function(){var e=this;this.initializeWePay(),"authorize"===this.action?document.getElementById("card_button").addEventListener("click",(function(){return e.handleAuthorization()})):"payment"===this.action&&(Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(e){return e.addEventListener("click",(function(e){document.getElementById("save-card--container").style.display="none",document.getElementById("wepay--credit-card-container").style.display="none",document.getElementById("token").value=e.target.dataset.token}))})),document.getElementById("toggle-payment-with-credit-card").addEventListener("click",(function(e){document.getElementById("save-card--container").style.display="grid",document.getElementById("wepay--credit-card-container").style.display="flex",document.getElementById("token").value=null})),document.getElementById("pay-now").addEventListener("click",(function(){e.payNowButton=document.getElementById("pay-now"),e.payNowButton.disabled=!0,e.payNowButton.querySelector("svg").classList.remove("hidden"),e.payNowButton.querySelector("span").classList.add("hidden");var t=document.querySelector("input[name=token]"),r=document.querySelector("input[name=token-billing-checkbox]:checked");return r&&(document.getElementById("store_card").value=r.value),t.value?e.completePaymentUsingToken(t.value):e.completePaymentWithoutToken()})))}}])&&o(t.prototype,r),a&&o(t,a),e}())(a).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 = 19);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/wepay-credit-card.js":
+/*!************************************************************!*\
+  !*** ./resources/js/clients/payments/wepay-credit-card.js ***!
+  \************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+var _document$querySelect;
+
+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) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://www.elastic.co/licensing/elastic-license
+ */
+var action = (_document$querySelect = document.querySelector('meta[name="wepay-action"]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.content;
+
+var WePayCreditCard = /*#__PURE__*/function () {
+  function WePayCreditCard() {
+    var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'payment';
+
+    _classCallCheck(this, WePayCreditCard);
+
+    this.action = action;
+    this.errors = document.getElementById('errors');
+  }
+
+  _createClass(WePayCreditCard, [{
+    key: "initializeWePay",
+    value: function initializeWePay() {
+      var _document$querySelect2;
+
+      var environment = (_document$querySelect2 = document.querySelector('meta[name="wepay-environment"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content;
+      WePay.set_endpoint(environment === 'staging' ? 'stage' : 'production');
+      return this;
+    }
+  }, {
+    key: "validateCreditCardFields",
+    value: function validateCreditCardFields() {
+      this.myCard = $('#my-card');
+
+      if (document.getElementById('cardholder_name') === "") {
+        document.getElementById('cardholder_name').focus();
+        this.errors.textContent = "Cardholder name required.";
+        this.errors.hidden = false;
+        return;
+      } else if (this.myCard.CardJs('cardNumber').replace(/[^\d]/g, '') === "") {
+        document.getElementById('card_number').focus();
+        this.errors.textContent = "Card number required.";
+        this.errors.hidden = false;
+        return;
+      } else if (this.myCard.CardJs('cvc').replace(/[^\d]/g, '') === "") {
+        document.getElementById('cvv').focus();
+        this.errors.textContent = "CVV number required.";
+        this.errors.hidden = false;
+        return;
+      } else if (this.myCard.CardJs('expiryMonth').replace(/[^\d]/g, '') === "") {
+        // document.getElementById('expiry_month').focus();
+        this.errors.textContent = "Expiry Month number required.";
+        this.errors.hidden = false;
+        return;
+      } else if (this.myCard.CardJs('expiryYear').replace(/[^\d]/g, '') === "") {
+        // document.getElementById('expiry_year').focus();
+        this.errors.textContent = "Expiry Year number required.";
+        this.errors.hidden = false;
+        return;
+      }
+
+      return true;
+    }
+  }, {
+    key: "handleAuthorization",
+    value: function handleAuthorization() {
+      var _this = this;
+
+      if (!this.validateCreditCardFields()) {
+        return;
+      }
+
+      var cardButton = document.getElementById('card_button');
+      cardButton.disabled = true;
+      cardButton.querySelector('svg').classList.remove('hidden');
+      cardButton.querySelector('span').classList.add('hidden');
+      WePay.credit_card.create({
+        client_id: document.querySelector('meta[name=wepay-client-id]').content,
+        user_name: document.getElementById('cardholder_name').value,
+        email: document.querySelector('meta[name=contact-email]').content,
+        cc_number: this.myCard.CardJs('cardNumber').replace(/[^\d]/g, ''),
+        cvv: this.myCard.CardJs('cvc').replace(/[^\d]/g, ''),
+        expiration_month: this.myCard.CardJs('expiryMonth').replace(/[^\d]/g, ''),
+        expiration_year: this.myCard.CardJs('expiryYear').replace(/[^\d]/g, ''),
+        address: {
+          postal_code: document.querySelector(['meta[name=client-postal-code']).content
+        }
+      }, function (data) {
+        if (data.error) {
+          cardButton = document.getElementById('card_button');
+          cardButton.disabled = false;
+          cardButton.querySelector('svg').classList.add('hidden');
+          cardButton.querySelector('span').classList.remove('hidden');
+          _this.errors.textContent = '';
+          _this.errors.textContent = data.error_description;
+          _this.errors.hidden = false;
+        } else {
+          document.querySelector('input[name="credit_card_id"]').value = data.credit_card_id;
+          document.getElementById('server_response').submit();
+        }
+      });
+    }
+  }, {
+    key: "completePaymentUsingToken",
+    value: function completePaymentUsingToken(token) {
+      document.querySelector('input[name="credit_card_id"]').value = null;
+      document.querySelector('input[name="token"]').value = token;
+      document.getElementById('server-response').submit();
+    }
+  }, {
+    key: "completePaymentWithoutToken",
+    value: function completePaymentWithoutToken() {
+      var _this2 = this;
+
+      if (!this.validateCreditCardFields()) {
+        return;
+      }
+
+      WePay.credit_card.create({
+        client_id: document.querySelector('meta[name=wepay-client-id]').content,
+        user_name: document.getElementById('cardholder_name').value,
+        email: document.querySelector('meta[name=contact-email]').content,
+        cc_number: this.myCard.CardJs('cardNumber').replace(/[^\d]/g, ''),
+        cvv: this.myCard.CardJs('cvc').replace(/[^\d]/g, ''),
+        expiration_month: this.myCard.CardJs('expiryMonth').replace(/[^\d]/g, ''),
+        expiration_year: this.myCard.CardJs('expiryYear').replace(/[^\d]/g, ''),
+        address: {
+          postal_code: document.querySelector(['meta[name=client-postal-code']).content
+        }
+      }, function (data) {
+        if (data.error) {
+          _this2.payNowButton.disabled = false;
+
+          _this2.payNowButton.querySelector('svg').classList.add('hidden');
+
+          _this2.payNowButton.querySelector('span').classList.remove('hidden');
+
+          _this2.errors.textContent = '';
+          _this2.errors.textContent = data.error_description;
+          _this2.errors.hidden = false;
+        } else {
+          document.querySelector('input[name="credit_card_id"]').value = data.credit_card_id;
+          document.querySelector('input[name="token"]').value = null;
+          document.getElementById('server-response').submit();
+        }
+      });
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this3 = this;
+
+      this.initializeWePay();
+
+      if (this.action === 'authorize') {
+        document.getElementById('card_button').addEventListener('click', function () {
+          return _this3.handleAuthorization();
+        });
+      } else if (this.action === 'payment') {
+        Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
+          return element.addEventListener('click', function (e) {
+            document.getElementById('save-card--container').style.display = 'none';
+            document.getElementById('wepay--credit-card-container').style.display = 'none';
+            document.getElementById('token').value = e.target.dataset.token;
+          });
+        });
+        document.getElementById('toggle-payment-with-credit-card').addEventListener('click', function (e) {
+          document.getElementById('save-card--container').style.display = 'grid';
+          document.getElementById('wepay--credit-card-container').style.display = 'flex';
+          document.getElementById('token').value = null;
+        });
+        document.getElementById('pay-now').addEventListener('click', function () {
+          _this3.payNowButton = document.getElementById('pay-now');
+          _this3.payNowButton.disabled = true;
+
+          _this3.payNowButton.querySelector('svg').classList.remove('hidden');
+
+          _this3.payNowButton.querySelector('span').classList.add('hidden');
+
+          var tokenInput = document.querySelector('input[name=token]');
+          var storeCard = document.querySelector('input[name=token-billing-checkbox]:checked');
+
+          if (storeCard) {
+            document.getElementById("store_card").value = storeCard.value;
+          }
+
+          if (tokenInput.value) {
+            return _this3.completePaymentUsingToken(tokenInput.value);
+          }
+
+          return _this3.completePaymentWithoutToken();
+        });
+      }
+    }
+  }]);
+
+  return WePayCreditCard;
+}();
+
+new WePayCreditCard(action).handle();
+
+/***/ }),
+
+/***/ 19:
+/*!******************************************************************!*\
+  !*** multi ./resources/js/clients/payments/wepay-credit-card.js ***!
+  \******************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/wepay-credit-card.js */"./resources/js/clients/payments/wepay-credit-card.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/quotes/action-selectors.js b/public/js/clients/quotes/action-selectors.js
index 5f0e69326a..1acd3e52ad 100755
--- a/public/js/clients/quotes/action-selectors.js
+++ b/public/js/clients/quotes/action-selectors.js
@@ -1,2 +1,240 @@
-/*! For license information please see action-selectors.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=9)}({9:function(e,t,n){e.exports=n("ydWM")},ydWM:function(e,t){function n(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,u=function(){};return{s:u,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:u}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var c,i=!0,l=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return i=e.done,e},e:function(e){l=!0,c=e},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw c}}}}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.parentElement=document.querySelector(".form-check-parent"),this.parentForm=document.getElementById("bulkActions")}var t,r,u;return t=e,(r=[{key:"watchCheckboxes",value:function(e){var t=this;document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})),document.querySelectorAll(".form-check-child").forEach((function(n){e.checked?(n.checked=e.checked,t.processChildItem(n,document.getElementById("bulkActions"))):(n.checked=!1,document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})))}))}},{key:"processChildItem",value:function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(r.hasOwnProperty("single")&&document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})),!1!==e.checked){var o=document.createElement("INPUT");o.setAttribute("name","quotes[]"),o.setAttribute("value",e.dataset.value),o.setAttribute("class","child-hidden-input"),o.hidden=!0,t.append(o)}else{var u,c=document.querySelectorAll("input.child-hidden-input"),i=n(c);try{for(i.s();!(u=i.n()).done;){var l=u.value;l.value==e.dataset.value&&l.remove()}}catch(e){i.e(e)}finally{i.f()}}}},{key:"handle",value:function(){var e=this;this.parentElement.addEventListener("click",(function(){e.watchCheckboxes(e.parentElement)}));var t,r=n(document.querySelectorAll(".form-check-child"));try{var o=function(){var n=t.value;n.addEventListener("click",(function(){e.processChildItem(n,e.parentForm)}))};for(r.s();!(t=r.n()).done;)o()}catch(e){r.e(e)}finally{r.f()}}}])&&o(t.prototype,r),u&&o(t,u),e}())).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 9);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/quotes/action-selectors.js":
+/*!*********************************************************!*\
+  !*** ./resources/js/clients/quotes/action-selectors.js ***!
+  \*********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var ActionSelectors = /*#__PURE__*/function () {
+  function ActionSelectors() {
+    _classCallCheck(this, ActionSelectors);
+
+    this.parentElement = document.querySelector('.form-check-parent');
+    this.parentForm = document.getElementById('bulkActions');
+  }
+
+  _createClass(ActionSelectors, [{
+    key: "watchCheckboxes",
+    value: function watchCheckboxes(parentElement) {
+      var _this = this;
+
+      document.querySelectorAll('.child-hidden-input').forEach(function (element) {
+        return element.remove();
+      });
+      document.querySelectorAll('.form-check-child').forEach(function (child) {
+        if (parentElement.checked) {
+          child.checked = parentElement.checked;
+
+          _this.processChildItem(child, document.getElementById('bulkActions'));
+        } else {
+          child.checked = false;
+          document.querySelectorAll('.child-hidden-input').forEach(function (element) {
+            return element.remove();
+          });
+        }
+      });
+    }
+  }, {
+    key: "processChildItem",
+    value: function processChildItem(element, parent) {
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+      if (options.hasOwnProperty('single')) {
+        document.querySelectorAll('.child-hidden-input').forEach(function (element) {
+          return element.remove();
+        });
+      }
+
+      if (element.checked === false) {
+        var inputs = document.querySelectorAll('input.child-hidden-input');
+
+        var _iterator = _createForOfIteratorHelper(inputs),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var i = _step.value;
+            if (i.value == element.dataset.value) i.remove();
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+
+        return;
+      }
+
+      var _temp = document.createElement('INPUT');
+
+      _temp.setAttribute('name', 'quotes[]');
+
+      _temp.setAttribute('value', element.dataset.value);
+
+      _temp.setAttribute('class', 'child-hidden-input');
+
+      _temp.hidden = true;
+      parent.append(_temp);
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this2 = this;
+
+      this.parentElement.addEventListener('click', function () {
+        _this2.watchCheckboxes(_this2.parentElement);
+      });
+
+      var _iterator2 = _createForOfIteratorHelper(document.querySelectorAll('.form-check-child')),
+          _step2;
+
+      try {
+        var _loop = function _loop() {
+          var child = _step2.value;
+          child.addEventListener('click', function () {
+            _this2.processChildItem(child, _this2.parentForm);
+          });
+        };
+
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          _loop();
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
+  }]);
+
+  return ActionSelectors;
+}();
+/** @handle **/
+
+
+new ActionSelectors().handle();
+
+/***/ }),
+
+/***/ 9:
+/*!***************************************************************!*\
+  !*** multi ./resources/js/clients/quotes/action-selectors.js ***!
+  \***************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/quotes/action-selectors.js */"./resources/js/clients/quotes/action-selectors.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/quotes/approve.js b/public/js/clients/quotes/approve.js
index 9059c38633..87f682645e 100755
--- a/public/js/clients/quotes/approve.js
+++ b/public/js/clients/quotes/approve.js
@@ -1,2 +1,210 @@
-/*! For license information please see approve.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var u=t[r]={i:r,l:!1,exports:{}};return e[r].call(u.exports,u,u.exports,n),u.l=!0,u.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var u in e)n.d(r,u,function(t){return e[t]}.bind(null,u));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=10)}({10:function(e,t,n){e.exports=n("WuMn")},WuMn:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var r=function(){function e(t,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.shouldDisplaySignature=t,this.shouldDisplayTerms=n,this.termsAccepted=!1}var t,r,u;return t=e,(r=[{key:"submitForm",value:function(){document.getElementById("approve-form").submit()}},{key:"displaySignature",value:function(){document.getElementById("displaySignatureModal").removeAttribute("style");var e=new SignaturePad(document.getElementById("signature-pad"),{penColor:"rgb(0, 0, 0)"});this.signaturePad=e}},{key:"displayTerms",value:function(){document.getElementById("displayTermsModal").removeAttribute("style")}},{key:"handle",value:function(){var e=this;document.getElementById("approve-button").addEventListener("click",(function(){e.shouldDisplaySignature&&e.shouldDisplayTerms&&(e.displaySignature(),document.getElementById("signature-next-step").addEventListener("click",(function(){e.displayTerms(),document.getElementById("accept-terms-button").addEventListener("click",(function(){document.querySelector('input[name="signature"').value=e.signaturePad.toDataURL(),e.termsAccepted=!0,e.submitForm()}))}))),e.shouldDisplaySignature&&!e.shouldDisplayTerms&&(e.displaySignature(),document.getElementById("signature-next-step").addEventListener("click",(function(){document.querySelector('input[name="signature"').value=e.signaturePad.toDataURL(),e.submitForm()}))),!e.shouldDisplaySignature&&e.shouldDisplayTerms&&(e.displayTerms(),document.getElementById("accept-terms-button").addEventListener("click",(function(){e.termsAccepted=!0,e.submitForm()}))),e.shouldDisplaySignature||e.shouldDisplayTerms||e.submitForm()}))}}])&&n(t.prototype,r),u&&n(t,u),e}(),u=document.querySelector('meta[name="require-quote-signature"]').content,o=document.querySelector('meta[name="show-quote-terms"]').content;new r(Boolean(+u),Boolean(+o)).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 10);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/quotes/approve.js":
+/*!************************************************!*\
+  !*** ./resources/js/clients/quotes/approve.js ***!
+  \************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var Approve = /*#__PURE__*/function () {
+  function Approve(displaySignature, displayTerms) {
+    _classCallCheck(this, Approve);
+
+    this.shouldDisplaySignature = displaySignature;
+    this.shouldDisplayTerms = displayTerms;
+    this.termsAccepted = false;
+  }
+
+  _createClass(Approve, [{
+    key: "submitForm",
+    value: function submitForm() {
+      document.getElementById('approve-form').submit();
+    }
+  }, {
+    key: "displaySignature",
+    value: function displaySignature() {
+      var displaySignatureModal = document.getElementById('displaySignatureModal');
+      displaySignatureModal.removeAttribute('style');
+      var signaturePad = new SignaturePad(document.getElementById('signature-pad'), {
+        penColor: 'rgb(0, 0, 0)'
+      });
+      this.signaturePad = signaturePad;
+    }
+  }, {
+    key: "displayTerms",
+    value: function displayTerms() {
+      var displayTermsModal = document.getElementById("displayTermsModal");
+      displayTermsModal.removeAttribute("style");
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this = this;
+
+      document.getElementById('approve-button').addEventListener('click', function () {
+        if (_this.shouldDisplaySignature && _this.shouldDisplayTerms) {
+          _this.displaySignature();
+
+          document.getElementById('signature-next-step').addEventListener('click', function () {
+            _this.displayTerms();
+
+            document.getElementById('accept-terms-button').addEventListener('click', function () {
+              document.querySelector('input[name="signature"').value = _this.signaturePad.toDataURL();
+              _this.termsAccepted = true;
+
+              _this.submitForm();
+            });
+          });
+        }
+
+        if (_this.shouldDisplaySignature && !_this.shouldDisplayTerms) {
+          _this.displaySignature();
+
+          document.getElementById('signature-next-step').addEventListener('click', function () {
+            document.querySelector('input[name="signature"').value = _this.signaturePad.toDataURL();
+
+            _this.submitForm();
+          });
+        }
+
+        if (!_this.shouldDisplaySignature && _this.shouldDisplayTerms) {
+          _this.displayTerms();
+
+          document.getElementById('accept-terms-button').addEventListener('click', function () {
+            _this.termsAccepted = true;
+
+            _this.submitForm();
+          });
+        }
+
+        if (!_this.shouldDisplaySignature && !_this.shouldDisplayTerms) {
+          _this.submitForm();
+        }
+      });
+    }
+  }]);
+
+  return Approve;
+}();
+
+var signature = document.querySelector('meta[name="require-quote-signature"]').content;
+var terms = document.querySelector('meta[name="show-quote-terms"]').content;
+new Approve(Boolean(+signature), Boolean(+terms)).handle();
+
+/***/ }),
+
+/***/ 10:
+/*!******************************************************!*\
+  !*** multi ./resources/js/clients/quotes/approve.js ***!
+  \******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/quotes/approve.js */"./resources/js/clients/quotes/approve.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/shared/multiple-downloads.js b/public/js/clients/shared/multiple-downloads.js
index 0f070fbca8..250a208d61 100755
--- a/public/js/clients/shared/multiple-downloads.js
+++ b/public/js/clients/shared/multiple-downloads.js
@@ -1 +1,141 @@
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=15)}({15:function(e,t,n){e.exports=n("W54t")},W54t:function(e,t){window.appendToElement=function(e,t){var n=document.getElementById(e),r=n.querySelector('input[value="'.concat(t,'"]'));if(r)return r.remove();var o=document.createElement("INPUT");o.setAttribute("name","file_hash[]"),o.setAttribute("value",t),o.hidden=!0,n.append(o)}}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 15);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/shared/multiple-downloads.js":
+/*!***********************************************************!*\
+  !*** ./resources/js/clients/shared/multiple-downloads.js ***!
+  \***********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var appendToElement = function appendToElement(parent, value) {
+  var _parent = document.getElementById(parent);
+
+  var _possibleElement = _parent.querySelector("input[value=\"".concat(value, "\"]"));
+
+  if (_possibleElement) {
+    return _possibleElement.remove();
+  }
+
+  var _temp = document.createElement('INPUT');
+
+  _temp.setAttribute('name', 'file_hash[]');
+
+  _temp.setAttribute('value', value);
+
+  _temp.hidden = true;
+
+  _parent.append(_temp);
+};
+
+window.appendToElement = appendToElement;
+
+/***/ }),
+
+/***/ 15:
+/*!*****************************************************************!*\
+  !*** multi ./resources/js/clients/shared/multiple-downloads.js ***!
+  \*****************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/shared/multiple-downloads.js */"./resources/js/clients/shared/multiple-downloads.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/shared/pdf.js b/public/js/clients/shared/pdf.js
index 709a2e47de..2ee8cc531a 100755
--- a/public/js/clients/shared/pdf.js
+++ b/public/js/clients/shared/pdf.js
@@ -1,2 +1,1061 @@
-/*! 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=14)}({14: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=.75,this.currentScaleText=document.getElementById("zoom-level"),matchMedia("only screen and (max-width: 480px)").matches&&(this.currentScale=.5),this.currentScaleText.textContent=100*this.currentScale+"%"}var e,r,n,c,u;return e=t,(r=[{key:"handlePreviousPage",value:function(){1!=this.currentPage&&(this.currentPage-=1,this.handle())}},{key:"handleNextPage",value:function(){this.currentPage!=this.maxPages&&(this.currentPage+=1,this.handle())}},{key:"handleZoomChange",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(.25!=this.currentScale||t)return t?(this.currentScale+=.25,this.currentScaleText.textContent=100*this.currentScale+"%",this.handle()):(this.currentScale-=.25,this.currentScaleText.textContent=100*this.currentScale+"%",this.handle())}},{key:"prepare",value:function(){var t=this;return document.getElementById("previous-page-button").addEventListener("click",(function(){return t.handlePreviousPage()})),document.getElementById("next-page-button").addEventListener("click",(function(){return t.handleNextPage()})),document.getElementById("zoom-in").addEventListener("click",(function(){return t.handleZoomChange(!0)})),document.getElementById("zoom-out").addEventListener("click",(function(){return t.handleZoomChange()})),document.querySelector("meta[name=pdf-url]").addEventListener("change",(function(){t.canvas.getContext("2d").clearRect(0,0,t.canvas.width,t.canvas.height),t.url=document.querySelector("meta[name='pdf-url']").content,t.handle()})),this}},{key:"setPagesInViewport",value:function(){var t=document.getElementById("current-page-container"),e=document.getElementById("total-page-container"),r=document.getElementById("pagination-button-container");t.innerText=this.currentPage,e.innerText=this.maxPages,this.maxPages>1&&(r.style.display="flex")}},{key:"handle",value:(c=o.a.mark((function t(){var e,r,n;return o.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,pdfjsLib.getDocument(this.url).promise;case 2:return e=t.sent,t.next=5,e.getPage(this.currentPage);case 5:return r=t.sent,this.maxPages=e.numPages,t.next=9,r.getViewport({scale:this.currentScale});case 9:n=t.sent,this.canvas.height=n.height,this.canvas.width=n.width,r.render({canvasContext:this.context,viewport:n}),this.setPagesInViewport();case 14:case"end":return t.stop()}}),t,this)})),u=function(){var t=this,e=arguments;return new Promise((function(r,n){var o=c.apply(t,e);function a(t){i(o,r,n,a,u,"next",t)}function u(t){i(o,r,n,a,u,"throw",t)}a(void 0)}))},function(){return u.apply(this,arguments)})}])&&a(e.prototype,r),n&&a(e,n),t}())(document.querySelector("meta[name='pdf-url']").content,document.getElementById("pdf-placeholder")).prepare().handle()},ls82:function(t,e,r){var n=function(t){"use strict";var e=Object.prototype,r=e.hasOwnProperty,n="function"==typeof Symbol?Symbol:{},o=n.iterator||"@@iterator",i=n.asyncIterator||"@@asyncIterator",a=n.toStringTag||"@@toStringTag";function c(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{c({},"")}catch(t){c=function(t,e,r){return t[e]=r}}function u(t,e,r,n){var o=e&&e.prototype instanceof h?e:h,i=Object.create(o.prototype),a=new P(n||[]);return i._invoke=function(t,e,r){var n="suspendedStart";return function(o,i){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw i;return S()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=w(a,r);if(c){if(c===l)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if("suspendedStart"===n)throw n="completed",r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n="executing";var u=s(t,e,r);if("normal"===u.type){if(n=r.done?"completed":"suspendedYield",u.arg===l)continue;return{value:u.arg,done:r.done}}"throw"===u.type&&(n="completed",r.method="throw",r.arg=u.arg)}}}(t,r,a),i}function s(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=u;var l={};function h(){}function f(){}function d(){}var p={};p[o]=function(){return this};var v=Object.getPrototypeOf,y=v&&v(v(L([])));y&&y!==e&&r.call(y,o)&&(p=y);var g=d.prototype=h.prototype=Object.create(p);function m(t){["next","throw","return"].forEach((function(e){c(t,e,(function(t){return this._invoke(e,t)}))}))}function x(t,e){var n;this._invoke=function(o,i){function a(){return new e((function(n,a){!function n(o,i,a,c){var u=s(t[o],t,i);if("throw"!==u.type){var l=u.arg,h=l.value;return h&&"object"==typeof h&&r.call(h,"__await")?e.resolve(h.__await).then((function(t){n("next",t,a,c)}),(function(t){n("throw",t,a,c)})):e.resolve(h).then((function(t){l.value=t,a(l)}),(function(t){return n("throw",t,a,c)}))}c(u.arg)}(o,i,n,a)}))}return n=n?n.then(a,a):a()}}function w(t,e){var r=t.iterator[e.method];if(void 0===r){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,w(t,e),"throw"===e.method))return l;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return l}var n=s(r,t.iterator,e.arg);if("throw"===n.type)return e.method="throw",e.arg=n.arg,e.delegate=null,l;var o=n.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,l):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,l)}function b(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function E(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function P(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(b,this),this.reset(!0)}function L(t){if(t){var e=t[o];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var n=-1,i=function e(){for(;++n<t.length;)if(r.call(t,n))return e.value=t[n],e.done=!1,e;return e.value=void 0,e.done=!0,e};return i.next=i}}return{next:S}}function S(){return{value:void 0,done:!0}}return f.prototype=g.constructor=d,d.constructor=f,f.displayName=c(d,a,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,d):(t.__proto__=d,c(t,a,"GeneratorFunction")),t.prototype=Object.create(g),t},t.awrap=function(t){return{__await:t}},m(x.prototype),x.prototype[i]=function(){return this},t.AsyncIterator=x,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new x(u(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},m(g),c(g,a,"Generator"),g[o]=function(){return this},g.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=L,P.prototype={constructor:P,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!t)for(var e in this)"t"===e.charAt(0)&&r.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function n(r,n){return a.type="throw",a.arg=t,e.next=r,n&&(e.method="next",e.arg=void 0),!!n}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var c=r.call(i,"catchLoc"),u=r.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return n(i.catchLoc,!0);if(this.prev<i.finallyLoc)return n(i.finallyLoc)}else if(c){if(this.prev<i.catchLoc)return n(i.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return n(i.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,l):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),l},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),E(r),l}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;E(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,r){return this.delegate={iterator:L(t),resultName:e,nextLoc:r},"next"===this.method&&(this.arg=void 0),l}},t}(t.exports);try{regeneratorRuntime=n}catch(t){Function("r","regeneratorRuntime = r")(n)}},o0o1:function(t,e,r){t.exports=r("ls82")}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 14);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./node_modules/@babel/runtime/regenerator/index.js":
+/*!**********************************************************!*\
+  !*** ./node_modules/@babel/runtime/regenerator/index.js ***!
+  \**********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! regenerator-runtime */ "./node_modules/regenerator-runtime/runtime.js");
+
+
+/***/ }),
+
+/***/ "./node_modules/regenerator-runtime/runtime.js":
+/*!*****************************************************!*\
+  !*** ./node_modules/regenerator-runtime/runtime.js ***!
+  \*****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var runtime = (function (exports) {
+  "use strict";
+
+  var Op = Object.prototype;
+  var hasOwn = Op.hasOwnProperty;
+  var undefined; // More compressible than void 0.
+  var $Symbol = typeof Symbol === "function" ? Symbol : {};
+  var iteratorSymbol = $Symbol.iterator || "@@iterator";
+  var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
+  var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+
+  function define(obj, key, value) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+    return obj[key];
+  }
+  try {
+    // IE 8 has a broken Object.defineProperty that only works on DOM objects.
+    define({}, "");
+  } catch (err) {
+    define = function(obj, key, value) {
+      return obj[key] = value;
+    };
+  }
+
+  function wrap(innerFn, outerFn, self, tryLocsList) {
+    // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
+    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
+    var generator = Object.create(protoGenerator.prototype);
+    var context = new Context(tryLocsList || []);
+
+    // The ._invoke method unifies the implementations of the .next,
+    // .throw, and .return methods.
+    generator._invoke = makeInvokeMethod(innerFn, self, context);
+
+    return generator;
+  }
+  exports.wrap = wrap;
+
+  // Try/catch helper to minimize deoptimizations. Returns a completion
+  // record like context.tryEntries[i].completion. This interface could
+  // have been (and was previously) designed to take a closure to be
+  // invoked without arguments, but in all the cases we care about we
+  // already have an existing method we want to call, so there's no need
+  // to create a new function object. We can even get away with assuming
+  // the method takes exactly one argument, since that happens to be true
+  // in every case, so we don't have to touch the arguments object. The
+  // only additional allocation required is the completion record, which
+  // has a stable shape and so hopefully should be cheap to allocate.
+  function tryCatch(fn, obj, arg) {
+    try {
+      return { type: "normal", arg: fn.call(obj, arg) };
+    } catch (err) {
+      return { type: "throw", arg: err };
+    }
+  }
+
+  var GenStateSuspendedStart = "suspendedStart";
+  var GenStateSuspendedYield = "suspendedYield";
+  var GenStateExecuting = "executing";
+  var GenStateCompleted = "completed";
+
+  // Returning this object from the innerFn has the same effect as
+  // breaking out of the dispatch switch statement.
+  var ContinueSentinel = {};
+
+  // Dummy constructor functions that we use as the .constructor and
+  // .constructor.prototype properties for functions that return Generator
+  // objects. For full spec compliance, you may wish to configure your
+  // minifier not to mangle the names of these two functions.
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+
+  // This is a polyfill for %IteratorPrototype% for environments that
+  // don't natively support it.
+  var IteratorPrototype = {};
+  IteratorPrototype[iteratorSymbol] = function () {
+    return this;
+  };
+
+  var getProto = Object.getPrototypeOf;
+  var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+  if (NativeIteratorPrototype &&
+      NativeIteratorPrototype !== Op &&
+      hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
+    // This environment has a native %IteratorPrototype%; use it instead
+    // of the polyfill.
+    IteratorPrototype = NativeIteratorPrototype;
+  }
+
+  var Gp = GeneratorFunctionPrototype.prototype =
+    Generator.prototype = Object.create(IteratorPrototype);
+  GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
+  GeneratorFunctionPrototype.constructor = GeneratorFunction;
+  GeneratorFunction.displayName = define(
+    GeneratorFunctionPrototype,
+    toStringTagSymbol,
+    "GeneratorFunction"
+  );
+
+  // Helper for defining the .next, .throw, and .return methods of the
+  // Iterator interface in terms of a single ._invoke method.
+  function defineIteratorMethods(prototype) {
+    ["next", "throw", "return"].forEach(function(method) {
+      define(prototype, method, function(arg) {
+        return this._invoke(method, arg);
+      });
+    });
+  }
+
+  exports.isGeneratorFunction = function(genFun) {
+    var ctor = typeof genFun === "function" && genFun.constructor;
+    return ctor
+      ? ctor === GeneratorFunction ||
+        // For the native GeneratorFunction constructor, the best we can
+        // do is to check its .name property.
+        (ctor.displayName || ctor.name) === "GeneratorFunction"
+      : false;
+  };
+
+  exports.mark = function(genFun) {
+    if (Object.setPrototypeOf) {
+      Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
+    } else {
+      genFun.__proto__ = GeneratorFunctionPrototype;
+      define(genFun, toStringTagSymbol, "GeneratorFunction");
+    }
+    genFun.prototype = Object.create(Gp);
+    return genFun;
+  };
+
+  // Within the body of any async function, `await x` is transformed to
+  // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
+  // `hasOwn.call(value, "__await")` to determine if the yielded value is
+  // meant to be awaited.
+  exports.awrap = function(arg) {
+    return { __await: arg };
+  };
+
+  function AsyncIterator(generator, PromiseImpl) {
+    function invoke(method, arg, resolve, reject) {
+      var record = tryCatch(generator[method], generator, arg);
+      if (record.type === "throw") {
+        reject(record.arg);
+      } else {
+        var result = record.arg;
+        var value = result.value;
+        if (value &&
+            typeof value === "object" &&
+            hasOwn.call(value, "__await")) {
+          return PromiseImpl.resolve(value.__await).then(function(value) {
+            invoke("next", value, resolve, reject);
+          }, function(err) {
+            invoke("throw", err, resolve, reject);
+          });
+        }
+
+        return PromiseImpl.resolve(value).then(function(unwrapped) {
+          // When a yielded Promise is resolved, its final value becomes
+          // the .value of the Promise<{value,done}> result for the
+          // current iteration.
+          result.value = unwrapped;
+          resolve(result);
+        }, function(error) {
+          // If a rejected Promise was yielded, throw the rejection back
+          // into the async generator function so it can be handled there.
+          return invoke("throw", error, resolve, reject);
+        });
+      }
+    }
+
+    var previousPromise;
+
+    function enqueue(method, arg) {
+      function callInvokeWithMethodAndArg() {
+        return new PromiseImpl(function(resolve, reject) {
+          invoke(method, arg, resolve, reject);
+        });
+      }
+
+      return previousPromise =
+        // If enqueue has been called before, then we want to wait until
+        // all previous Promises have been resolved before calling invoke,
+        // so that results are always delivered in the correct order. If
+        // enqueue has not been called before, then it is important to
+        // call invoke immediately, without waiting on a callback to fire,
+        // so that the async generator function has the opportunity to do
+        // any necessary setup in a predictable way. This predictability
+        // is why the Promise constructor synchronously invokes its
+        // executor callback, and why async functions synchronously
+        // execute code before the first await. Since we implement simple
+        // async functions in terms of async generators, it is especially
+        // important to get this right, even though it requires care.
+        previousPromise ? previousPromise.then(
+          callInvokeWithMethodAndArg,
+          // Avoid propagating failures to Promises returned by later
+          // invocations of the iterator.
+          callInvokeWithMethodAndArg
+        ) : callInvokeWithMethodAndArg();
+    }
+
+    // Define the unified helper method that is used to implement .next,
+    // .throw, and .return (see defineIteratorMethods).
+    this._invoke = enqueue;
+  }
+
+  defineIteratorMethods(AsyncIterator.prototype);
+  AsyncIterator.prototype[asyncIteratorSymbol] = function () {
+    return this;
+  };
+  exports.AsyncIterator = AsyncIterator;
+
+  // Note that simple async functions are implemented on top of
+  // AsyncIterator objects; they just return a Promise for the value of
+  // the final result produced by the iterator.
+  exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+    if (PromiseImpl === void 0) PromiseImpl = Promise;
+
+    var iter = new AsyncIterator(
+      wrap(innerFn, outerFn, self, tryLocsList),
+      PromiseImpl
+    );
+
+    return exports.isGeneratorFunction(outerFn)
+      ? iter // If outerFn is a generator, return the full iterator.
+      : iter.next().then(function(result) {
+          return result.done ? result.value : iter.next();
+        });
+  };
+
+  function makeInvokeMethod(innerFn, self, context) {
+    var state = GenStateSuspendedStart;
+
+    return function invoke(method, arg) {
+      if (state === GenStateExecuting) {
+        throw new Error("Generator is already running");
+      }
+
+      if (state === GenStateCompleted) {
+        if (method === "throw") {
+          throw arg;
+        }
+
+        // Be forgiving, per 25.3.3.3.3 of the spec:
+        // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
+        return doneResult();
+      }
+
+      context.method = method;
+      context.arg = arg;
+
+      while (true) {
+        var delegate = context.delegate;
+        if (delegate) {
+          var delegateResult = maybeInvokeDelegate(delegate, context);
+          if (delegateResult) {
+            if (delegateResult === ContinueSentinel) continue;
+            return delegateResult;
+          }
+        }
+
+        if (context.method === "next") {
+          // Setting context._sent for legacy support of Babel's
+          // function.sent implementation.
+          context.sent = context._sent = context.arg;
+
+        } else if (context.method === "throw") {
+          if (state === GenStateSuspendedStart) {
+            state = GenStateCompleted;
+            throw context.arg;
+          }
+
+          context.dispatchException(context.arg);
+
+        } else if (context.method === "return") {
+          context.abrupt("return", context.arg);
+        }
+
+        state = GenStateExecuting;
+
+        var record = tryCatch(innerFn, self, context);
+        if (record.type === "normal") {
+          // If an exception is thrown from innerFn, we leave state ===
+          // GenStateExecuting and loop back for another invocation.
+          state = context.done
+            ? GenStateCompleted
+            : GenStateSuspendedYield;
+
+          if (record.arg === ContinueSentinel) {
+            continue;
+          }
+
+          return {
+            value: record.arg,
+            done: context.done
+          };
+
+        } else if (record.type === "throw") {
+          state = GenStateCompleted;
+          // Dispatch the exception by looping back around to the
+          // context.dispatchException(context.arg) call above.
+          context.method = "throw";
+          context.arg = record.arg;
+        }
+      }
+    };
+  }
+
+  // Call delegate.iterator[context.method](context.arg) and handle the
+  // result, either by returning a { value, done } result from the
+  // delegate iterator, or by modifying context.method and context.arg,
+  // setting context.delegate to null, and returning the ContinueSentinel.
+  function maybeInvokeDelegate(delegate, context) {
+    var method = delegate.iterator[context.method];
+    if (method === undefined) {
+      // A .throw or .return when the delegate iterator has no .throw
+      // method always terminates the yield* loop.
+      context.delegate = null;
+
+      if (context.method === "throw") {
+        // Note: ["return"] must be used for ES3 parsing compatibility.
+        if (delegate.iterator["return"]) {
+          // If the delegate iterator has a return method, give it a
+          // chance to clean up.
+          context.method = "return";
+          context.arg = undefined;
+          maybeInvokeDelegate(delegate, context);
+
+          if (context.method === "throw") {
+            // If maybeInvokeDelegate(context) changed context.method from
+            // "return" to "throw", let that override the TypeError below.
+            return ContinueSentinel;
+          }
+        }
+
+        context.method = "throw";
+        context.arg = new TypeError(
+          "The iterator does not provide a 'throw' method");
+      }
+
+      return ContinueSentinel;
+    }
+
+    var record = tryCatch(method, delegate.iterator, context.arg);
+
+    if (record.type === "throw") {
+      context.method = "throw";
+      context.arg = record.arg;
+      context.delegate = null;
+      return ContinueSentinel;
+    }
+
+    var info = record.arg;
+
+    if (! info) {
+      context.method = "throw";
+      context.arg = new TypeError("iterator result is not an object");
+      context.delegate = null;
+      return ContinueSentinel;
+    }
+
+    if (info.done) {
+      // Assign the result of the finished delegate to the temporary
+      // variable specified by delegate.resultName (see delegateYield).
+      context[delegate.resultName] = info.value;
+
+      // Resume execution at the desired location (see delegateYield).
+      context.next = delegate.nextLoc;
+
+      // If context.method was "throw" but the delegate handled the
+      // exception, let the outer generator proceed normally. If
+      // context.method was "next", forget context.arg since it has been
+      // "consumed" by the delegate iterator. If context.method was
+      // "return", allow the original .return call to continue in the
+      // outer generator.
+      if (context.method !== "return") {
+        context.method = "next";
+        context.arg = undefined;
+      }
+
+    } else {
+      // Re-yield the result returned by the delegate method.
+      return info;
+    }
+
+    // The delegate iterator is finished, so forget it and continue with
+    // the outer generator.
+    context.delegate = null;
+    return ContinueSentinel;
+  }
+
+  // Define Generator.prototype.{next,throw,return} in terms of the
+  // unified ._invoke helper method.
+  defineIteratorMethods(Gp);
+
+  define(Gp, toStringTagSymbol, "Generator");
+
+  // A Generator should always return itself as the iterator object when the
+  // @@iterator function is called on it. Some browsers' implementations of the
+  // iterator prototype chain incorrectly implement this, causing the Generator
+  // object to not be returned from this call. This ensures that doesn't happen.
+  // See https://github.com/facebook/regenerator/issues/274 for more details.
+  Gp[iteratorSymbol] = function() {
+    return this;
+  };
+
+  Gp.toString = function() {
+    return "[object Generator]";
+  };
+
+  function pushTryEntry(locs) {
+    var entry = { tryLoc: locs[0] };
+
+    if (1 in locs) {
+      entry.catchLoc = locs[1];
+    }
+
+    if (2 in locs) {
+      entry.finallyLoc = locs[2];
+      entry.afterLoc = locs[3];
+    }
+
+    this.tryEntries.push(entry);
+  }
+
+  function resetTryEntry(entry) {
+    var record = entry.completion || {};
+    record.type = "normal";
+    delete record.arg;
+    entry.completion = record;
+  }
+
+  function Context(tryLocsList) {
+    // The root entry object (effectively a try statement without a catch
+    // or a finally block) gives us a place to store values thrown from
+    // locations where there is no enclosing try statement.
+    this.tryEntries = [{ tryLoc: "root" }];
+    tryLocsList.forEach(pushTryEntry, this);
+    this.reset(true);
+  }
+
+  exports.keys = function(object) {
+    var keys = [];
+    for (var key in object) {
+      keys.push(key);
+    }
+    keys.reverse();
+
+    // Rather than returning an object with a next method, we keep
+    // things simple and return the next function itself.
+    return function next() {
+      while (keys.length) {
+        var key = keys.pop();
+        if (key in object) {
+          next.value = key;
+          next.done = false;
+          return next;
+        }
+      }
+
+      // To avoid creating an additional object, we just hang the .value
+      // and .done properties off the next function object itself. This
+      // also ensures that the minifier will not anonymize the function.
+      next.done = true;
+      return next;
+    };
+  };
+
+  function values(iterable) {
+    if (iterable) {
+      var iteratorMethod = iterable[iteratorSymbol];
+      if (iteratorMethod) {
+        return iteratorMethod.call(iterable);
+      }
+
+      if (typeof iterable.next === "function") {
+        return iterable;
+      }
+
+      if (!isNaN(iterable.length)) {
+        var i = -1, next = function next() {
+          while (++i < iterable.length) {
+            if (hasOwn.call(iterable, i)) {
+              next.value = iterable[i];
+              next.done = false;
+              return next;
+            }
+          }
+
+          next.value = undefined;
+          next.done = true;
+
+          return next;
+        };
+
+        return next.next = next;
+      }
+    }
+
+    // Return an iterator with no values.
+    return { next: doneResult };
+  }
+  exports.values = values;
+
+  function doneResult() {
+    return { value: undefined, done: true };
+  }
+
+  Context.prototype = {
+    constructor: Context,
+
+    reset: function(skipTempReset) {
+      this.prev = 0;
+      this.next = 0;
+      // Resetting context._sent for legacy support of Babel's
+      // function.sent implementation.
+      this.sent = this._sent = undefined;
+      this.done = false;
+      this.delegate = null;
+
+      this.method = "next";
+      this.arg = undefined;
+
+      this.tryEntries.forEach(resetTryEntry);
+
+      if (!skipTempReset) {
+        for (var name in this) {
+          // Not sure about the optimal order of these conditions:
+          if (name.charAt(0) === "t" &&
+              hasOwn.call(this, name) &&
+              !isNaN(+name.slice(1))) {
+            this[name] = undefined;
+          }
+        }
+      }
+    },
+
+    stop: function() {
+      this.done = true;
+
+      var rootEntry = this.tryEntries[0];
+      var rootRecord = rootEntry.completion;
+      if (rootRecord.type === "throw") {
+        throw rootRecord.arg;
+      }
+
+      return this.rval;
+    },
+
+    dispatchException: function(exception) {
+      if (this.done) {
+        throw exception;
+      }
+
+      var context = this;
+      function handle(loc, caught) {
+        record.type = "throw";
+        record.arg = exception;
+        context.next = loc;
+
+        if (caught) {
+          // If the dispatched exception was caught by a catch block,
+          // then let that catch block handle the exception normally.
+          context.method = "next";
+          context.arg = undefined;
+        }
+
+        return !! caught;
+      }
+
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        var record = entry.completion;
+
+        if (entry.tryLoc === "root") {
+          // Exception thrown outside of any try block that could handle
+          // it, so set the completion value of the entire function to
+          // throw the exception.
+          return handle("end");
+        }
+
+        if (entry.tryLoc <= this.prev) {
+          var hasCatch = hasOwn.call(entry, "catchLoc");
+          var hasFinally = hasOwn.call(entry, "finallyLoc");
+
+          if (hasCatch && hasFinally) {
+            if (this.prev < entry.catchLoc) {
+              return handle(entry.catchLoc, true);
+            } else if (this.prev < entry.finallyLoc) {
+              return handle(entry.finallyLoc);
+            }
+
+          } else if (hasCatch) {
+            if (this.prev < entry.catchLoc) {
+              return handle(entry.catchLoc, true);
+            }
+
+          } else if (hasFinally) {
+            if (this.prev < entry.finallyLoc) {
+              return handle(entry.finallyLoc);
+            }
+
+          } else {
+            throw new Error("try statement without catch or finally");
+          }
+        }
+      }
+    },
+
+    abrupt: function(type, arg) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc <= this.prev &&
+            hasOwn.call(entry, "finallyLoc") &&
+            this.prev < entry.finallyLoc) {
+          var finallyEntry = entry;
+          break;
+        }
+      }
+
+      if (finallyEntry &&
+          (type === "break" ||
+           type === "continue") &&
+          finallyEntry.tryLoc <= arg &&
+          arg <= finallyEntry.finallyLoc) {
+        // Ignore the finally entry if control is not jumping to a
+        // location outside the try/catch block.
+        finallyEntry = null;
+      }
+
+      var record = finallyEntry ? finallyEntry.completion : {};
+      record.type = type;
+      record.arg = arg;
+
+      if (finallyEntry) {
+        this.method = "next";
+        this.next = finallyEntry.finallyLoc;
+        return ContinueSentinel;
+      }
+
+      return this.complete(record);
+    },
+
+    complete: function(record, afterLoc) {
+      if (record.type === "throw") {
+        throw record.arg;
+      }
+
+      if (record.type === "break" ||
+          record.type === "continue") {
+        this.next = record.arg;
+      } else if (record.type === "return") {
+        this.rval = this.arg = record.arg;
+        this.method = "return";
+        this.next = "end";
+      } else if (record.type === "normal" && afterLoc) {
+        this.next = afterLoc;
+      }
+
+      return ContinueSentinel;
+    },
+
+    finish: function(finallyLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.finallyLoc === finallyLoc) {
+          this.complete(entry.completion, entry.afterLoc);
+          resetTryEntry(entry);
+          return ContinueSentinel;
+        }
+      }
+    },
+
+    "catch": function(tryLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc === tryLoc) {
+          var record = entry.completion;
+          if (record.type === "throw") {
+            var thrown = record.arg;
+            resetTryEntry(entry);
+          }
+          return thrown;
+        }
+      }
+
+      // The context.catch method must only be called with a location
+      // argument that corresponds to a known catch block.
+      throw new Error("illegal catch attempt");
+    },
+
+    delegateYield: function(iterable, resultName, nextLoc) {
+      this.delegate = {
+        iterator: values(iterable),
+        resultName: resultName,
+        nextLoc: nextLoc
+      };
+
+      if (this.method === "next") {
+        // Deliberately forget the last sent value so that we don't
+        // accidentally pass it on to the delegate.
+        this.arg = undefined;
+      }
+
+      return ContinueSentinel;
+    }
+  };
+
+  // Regardless of whether this script is executing as a CommonJS module
+  // or not, return the runtime object so that we can declare the variable
+  // regeneratorRuntime in the outer scope, which allows this module to be
+  // injected easily by `bin/regenerator --include-runtime script.js`.
+  return exports;
+
+}(
+  // If this script is executing as a CommonJS module, use module.exports
+  // as the regeneratorRuntime namespace. Otherwise create a new empty
+  // object. Either way, the resulting object will be used to initialize
+  // the regeneratorRuntime variable at the top of this file.
+   true ? module.exports : undefined
+));
+
+try {
+  regeneratorRuntime = runtime;
+} catch (accidentalStrictMode) {
+  // This module should not be running in strict mode, so the above
+  // assignment should always work unless something is misconfigured. Just
+  // in case runtime.js accidentally runs in strict mode, we can escape
+  // strict mode using a global Function call. This could conceivably fail
+  // if a Content Security Policy forbids using Function, but in that case
+  // the proper solution is to fix the accidental strict mode problem. If
+  // you've misconfigured your bundler to force strict mode and applied a
+  // CSP to forbid Function, and you're not willing to fix either of those
+  // problems, please detail your unique predicament in a GitHub issue.
+  Function("r", "regeneratorRuntime = r")(runtime);
+}
+
+
+/***/ }),
+
+/***/ "./resources/js/clients/shared/pdf.js":
+/*!********************************************!*\
+  !*** ./resources/js/clients/shared/pdf.js ***!
+  \********************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. 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 = 0.75;
+    this.currentScaleText = document.getElementById('zoom-level');
+
+    if (matchMedia('only screen and (max-width: 480px)').matches) {
+      this.currentScale = 0.5;
+    }
+
+    this.currentScaleText.textContent = this.currentScale * 100 + '%';
+  }
+
+  _createClass(PDF, [{
+    key: "handlePreviousPage",
+    value: function handlePreviousPage() {
+      if (this.currentPage == 1) {
+        return;
+      }
+
+      this.currentPage -= 1;
+      this.handle();
+    }
+  }, {
+    key: "handleNextPage",
+    value: function handleNextPage() {
+      if (this.currentPage == this.maxPages) {
+        return;
+      }
+
+      this.currentPage += 1;
+      this.handle();
+    }
+  }, {
+    key: "handleZoomChange",
+    value: function handleZoomChange() {
+      var zoom = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+
+      if (this.currentScale == 0.25 && !zoom) {
+        return;
+      }
+
+      if (zoom) {
+        this.currentScale += 0.25;
+        this.currentScaleText.textContent = this.currentScale * 100 + '%';
+        return this.handle();
+      }
+
+      this.currentScale -= 0.25;
+      this.currentScaleText.textContent = this.currentScale * 100 + '%';
+      return this.handle();
+    }
+  }, {
+    key: "prepare",
+    value: function prepare() {
+      var _this = this;
+
+      var previousPageButton = document.getElementById('previous-page-button').addEventListener('click', function () {
+        return _this.handlePreviousPage();
+      });
+      var nextPageButton = document.getElementById('next-page-button').addEventListener('click', function () {
+        return _this.handleNextPage();
+      });
+      var zoomInButton = document.getElementById('zoom-in').addEventListener('click', function () {
+        return _this.handleZoomChange(true);
+      });
+      var zoomOutButton = document.getElementById('zoom-out').addEventListener('click', function () {
+        return _this.handleZoomChange();
+      });
+      document.querySelector('meta[name=pdf-url]').addEventListener('change', function () {
+        _this.canvas.getContext('2d').clearRect(0, 0, _this.canvas.width, _this.canvas.height);
+
+        _this.url = document.querySelector("meta[name='pdf-url']").content;
+
+        _this.handle();
+      });
+      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();
+
+/***/ }),
+
+/***/ 14:
+/*!**************************************************!*\
+  !*** multi ./resources/js/clients/shared/pdf.js ***!
+  \**************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/shared/pdf.js */"./resources/js/clients/shared/pdf.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/statements/view.js b/public/js/clients/statements/view.js
index a444b02ce4..10fae32db4 100644
--- a/public/js/clients/statements/view.js
+++ b/public/js/clients/statements/view.js
@@ -1,2 +1,206 @@
-/*! For license information please see view.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=26)}({26:function(e,t,n){e.exports=n("LcZE")},LcZE:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.url=new URL(document.querySelector("meta[name=pdf-url]").content),this.startDate="",this.endDate="",this.showPaymentsTable=!1,this.showAgingTable=!1}var t,r,a;return t=e,(r=[{key:"bindEventListeners",value:function(){var e=this;["#date-from","#date-to","#show-payments-table","#show-aging-table"].forEach((function(t){document.querySelector(t).addEventListener("change",(function(t){return e.handleValueChange(t)}))}))}},{key:"handleValueChange",value:function(e){"checkbox"===e.target.type?this[e.target.dataset.field]=e.target.checked:this[e.target.dataset.field]=e.target.value,this.updatePdf()}},{key:"composedUrl",get:function(){return this.url.search="",this.startDate.length>0&&this.url.searchParams.append("start_date",this.startDate),this.endDate.length>0&&this.url.searchParams.append("end_date",this.endDate),this.url.searchParams.append("show_payments_table",+this.showPaymentsTable),this.url.searchParams.append("show_aging_table",+this.showAgingTable),this.url.href}},{key:"updatePdf",value:function(){document.querySelector("meta[name=pdf-url]").content=this.composedUrl;var e=document.querySelector("#pdf-iframe");e&&(e.src=this.composedUrl),document.querySelector("meta[name=pdf-url]").dispatchEvent(new Event("change"))}},{key:"handle",value:function(){var e=this;this.bindEventListeners(),document.querySelector("#pdf-download").addEventListener("click",(function(){var t=new URL(e.composedUrl);t.searchParams.append("download",1),window.location.href=t.href}))}}])&&n(t.prototype,r),a&&n(t,a),e}())).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 26);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/statements/view.js":
+/*!*************************************************!*\
+  !*** ./resources/js/clients/statements/view.js ***!
+  \*************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com).
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://www.elastic.co/licensing/elastic-license
+ */
+var Statement = /*#__PURE__*/function () {
+  function Statement() {
+    _classCallCheck(this, Statement);
+
+    this.url = new URL(document.querySelector('meta[name=pdf-url]').content);
+    this.startDate = '';
+    this.endDate = '';
+    this.showPaymentsTable = false;
+    this.showAgingTable = false;
+  }
+
+  _createClass(Statement, [{
+    key: "bindEventListeners",
+    value: function bindEventListeners() {
+      var _this = this;
+
+      ['#date-from', '#date-to', '#show-payments-table', '#show-aging-table'].forEach(function (selector) {
+        document.querySelector(selector).addEventListener('change', function (event) {
+          return _this.handleValueChange(event);
+        });
+      });
+    }
+  }, {
+    key: "handleValueChange",
+    value: function handleValueChange(event) {
+      if (event.target.type === 'checkbox') {
+        this[event.target.dataset.field] = event.target.checked;
+      } else {
+        this[event.target.dataset.field] = event.target.value;
+      }
+
+      this.updatePdf();
+    }
+  }, {
+    key: "composedUrl",
+    get: function get() {
+      this.url.search = '';
+
+      if (this.startDate.length > 0) {
+        this.url.searchParams.append('start_date', this.startDate);
+      }
+
+      if (this.endDate.length > 0) {
+        this.url.searchParams.append('end_date', this.endDate);
+      }
+
+      this.url.searchParams.append('show_payments_table', +this.showPaymentsTable);
+      this.url.searchParams.append('show_aging_table', +this.showAgingTable);
+      return this.url.href;
+    }
+  }, {
+    key: "updatePdf",
+    value: function updatePdf() {
+      document.querySelector('meta[name=pdf-url]').content = this.composedUrl;
+      var iframe = document.querySelector('#pdf-iframe');
+
+      if (iframe) {
+        iframe.src = this.composedUrl;
+      }
+
+      document.querySelector('meta[name=pdf-url]').dispatchEvent(new Event('change'));
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this2 = this;
+
+      this.bindEventListeners();
+      document.querySelector('#pdf-download').addEventListener('click', function () {
+        var url = new URL(_this2.composedUrl);
+        url.searchParams.append('download', 1);
+        window.location.href = url.href;
+      });
+    }
+  }]);
+
+  return Statement;
+}();
+
+new Statement().handle();
+
+/***/ }),
+
+/***/ 26:
+/*!*******************************************************!*\
+  !*** multi ./resources/js/clients/statements/view.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/statements/view.js */"./resources/js/clients/statements/view.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/setup/setup.js b/public/js/setup/setup.js
index 2d147cfffa..c3c9b5c8ac 100755
--- a/public/js/setup/setup.js
+++ b/public/js/setup/setup.js
@@ -1,2 +1,2330 @@
-/*! For license information please see setup.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=12)}({12:function(e,t,n){e.exports=n("tM+k")},"2SVd":function(e,t,n){"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},"5oMp":function(e,t,n){"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},"8oxB":function(e,t){var n,r,o=e.exports={};function i(){throw new Error("setTimeout has not been defined")}function s(){throw new Error("clearTimeout has not been defined")}function a(e){if(n===setTimeout)return setTimeout(e,0);if((n===i||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:i}catch(e){n=i}try{r="function"==typeof clearTimeout?clearTimeout:s}catch(e){r=s}}();var c,u=[],f=!1,l=-1;function d(){f&&c&&(f=!1,c.length?u=c.concat(u):l=-1,u.length&&p())}function p(){if(!f){var e=a(d);f=!0;for(var t=u.length;t;){for(c=u,u=[];++l<t;)c&&c[l].run();l=-1,t=u.length}c=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];u.push(new h(e,t)),1!==u.length||f||a(p)},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 c(e){this.defaults=e,this.interceptors={request:new i,response:new i}}c.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},c.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){c.prototype[e]=function(t,n){return this.request(a(n||{},{method:e,url:t,data:(n||{}).data}))}})),r.forEach(["post","put","patch"],(function(e){c.prototype[e]=function(t,n,r){return this.request(a(r||{},{method:e,url:t,data:n}))}})),e.exports=c},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,c={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,maxBodyLength:-1,validateStatus:function(e){return e>=200&&e<300}};c.headers={common:{Accept:"application/json, text/plain, */*"}},r.forEach(["delete","get","head"],(function(e){c.headers[e]={}})),r.forEach(["post","put","patch"],(function(e){c.headers[e]=r.merge(i)})),e.exports=c}).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(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}e.exports=function(e,t,n){if(!t)return e;var i;if(n)i=n(t);else if(r.isURLSearchParams(t))i=t.toString();else{var s=[];r.forEach(t,(function(e,t){null!=e&&(r.isArray(e)?t+="[]":e=[e],r.forEach(e,(function(e){r.isDate(e)?e=e.toISOString():r.isObject(e)&&(e=JSON.stringify(e)),s.push(o(t)+"="+o(e))})))})),i=s.join("&")}if(i){var a=e.indexOf("#");-1!==a&&(e=e.slice(0,a)),e+=(-1===e.indexOf("?")?"?":"&")+i}return e}},OH9c:function(e,t,n){"use strict";e.exports=function(e,t,n,r,o){return e.config=t,n&&(e.code=n),e.request=r,e.response=o,e.isAxiosError=!0,e.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}},e}},OTTw:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=r.isStandardBrowserEnv()?function(){var e,t=/(msie|trident)/i.test(navigator.userAgent),n=document.createElement("a");function o(e){var r=e;return t&&(n.setAttribute("href",r),r=n.href),n.setAttribute("href",r),{href:n.href,protocol:n.protocol?n.protocol.replace(/:$/,""):"",host:n.host,search:n.search?n.search.replace(/^\?/,""):"",hash:n.hash?n.hash.replace(/^#/,""):"",hostname:n.hostname,port:n.port,pathname:"/"===n.pathname.charAt(0)?n.pathname:"/"+n.pathname}}return e=o(window.location.href),function(t){var n=r.isString(t)?o(t):t;return n.protocol===e.protocol&&n.host===e.host}}():function(){return!0}},"Rn+g":function(e,t,n){"use strict";var r=n("LYNF");e.exports=function(e,t,n){var o=n.config.validateStatus;n.status&&o&&!o(n.status)?t(r("Request failed with status code "+n.status,n.config,null,n.request,n)):e(n)}},SntB:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=function(e,t){t=t||{};var n={},o=["url","method","data"],i=["headers","auth","proxy","params"],s=["baseURL","transformRequest","transformResponse","paramsSerializer","timeout","timeoutMessage","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","decompress","maxContentLength","maxBodyLength","maxRedirects","transport","httpAgent","httpsAgent","cancelToken","socketPath","responseEncoding"],a=["validateStatus"];function c(e,t){return r.isPlainObject(e)&&r.isPlainObject(t)?r.merge(e,t):r.isPlainObject(t)?r.merge({},t):r.isArray(t)?t.slice():t}function u(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=c(void 0,e[o])):n[o]=c(e[o],t[o])}r.forEach(o,(function(e){r.isUndefined(t[e])||(n[e]=c(void 0,t[e]))})),r.forEach(i,u),r.forEach(s,(function(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=c(void 0,e[o])):n[o]=c(void 0,t[o])})),r.forEach(a,(function(r){r in t?n[r]=c(e[r],t[r]):r in e&&(n[r]=c(void 0,e[r]))}));var f=o.concat(i).concat(s).concat(a),l=Object.keys(e).concat(Object.keys(t)).filter((function(e){return-1===f.indexOf(e)}));return r.forEach(l,u),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)}))}},XwJu:function(e,t,n){"use strict";e.exports=function(e){return"object"==typeof e&&!0===e.isAxiosError}},endd:function(e,t,n){"use strict";function r(e){this.message=e}r.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},r.prototype.__CANCEL__=!0,e.exports=r},eqyj:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=r.isStandardBrowserEnv()?{write:function(e,t,n,o,i,s){var a=[];a.push(e+"="+encodeURIComponent(t)),r.isNumber(n)&&a.push("expires="+new Date(n).toGMTString()),r.isString(o)&&a.push("path="+o),r.isString(i)&&a.push("domain="+i),!0===s&&a.push("secure"),document.cookie=a.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}}},g7np:function(e,t,n){"use strict";var r=n("2SVd"),o=n("5oMp");e.exports=function(e,t){return e&&!r(t)?o(e,t):t}},"jfS+":function(e,t,n){"use strict";var r=n("endd");function o(e){if("function"!=typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise((function(e){t=e}));var n=this;e((function(e){n.reason||(n.reason=new r(e),t(n.reason))}))}o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.source=function(){var e;return{token:new o((function(t){e=t})),cancel:e}},e.exports=o},"tM+k":function(e,t,n){"use strict";n.r(t);var r=n("vDqi"),o=n.n(r);function i(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.checkDbButton=document.getElementById("test-db-connection"),this.checkDbAlert=document.getElementById("database-response"),this.checkSmtpButton=document.getElementById("test-smtp-connection"),this.checkSmtpAlert=document.getElementById("smtp-response"),this.checkPdfButton=document.getElementById("test-pdf"),this.checkPdfAlert=document.getElementById("test-pdf-response")}var t,n,r;return t=e,(n=[{key:"handleDatabaseCheck",value:function(){var e=this,t=document.querySelector("meta[name=setup-db-check]").content,n={};document.querySelector('input[name="db_host"]')&&(n={db_host:document.querySelector('input[name="db_host"]').value,db_port:document.querySelector('input[name="db_port"]').value,db_database:document.querySelector('input[name="db_database"]').value,db_username:document.querySelector('input[name="db_username"]').value,db_password:document.querySelector('input[name="db_password"]').value}),this.checkDbButton.disabled=!0,o.a.post(t,n).then((function(t){return e.handleSuccess(e.checkDbAlert,"mail-wrapper")})).catch((function(t){return e.handleFailure(e.checkDbAlert,t.response.data.message)})).finally((function(){return e.checkDbButton.disabled=!1}))}},{key:"handleSmtpCheck",value:function(){var e=this,t=document.querySelector("meta[name=setup-email-check]").content,n={mail_driver:document.querySelector('select[name="mail_driver"]').value,mail_name:document.querySelector('input[name="mail_name"]').value,mail_address:document.querySelector('input[name="mail_address"]').value,mail_username:document.querySelector('input[name="mail_username"]').value,mail_host:document.querySelector('input[name="mail_host"]').value,mail_port:document.querySelector('input[name="mail_port"]').value,encryption:document.querySelector('select[name="encryption"]').value,mail_password:document.querySelector('input[name="mail_password"]').value};if(this.checkSmtpButton.disabled=!0,"log"===n.mail_driver)return this.handleSuccess(this.checkSmtpAlert,"account-wrapper"),this.handleSuccess(this.checkSmtpAlert,"submit-wrapper"),this.checkSmtpButton.disabled=!1;o.a.post(t,n).then((function(t){e.handleSuccess(e.checkSmtpAlert,"account-wrapper"),e.handleSuccess(e.checkSmtpAlert,"submit-wrapper")})).catch((function(t){return e.handleFailure(e.checkSmtpAlert,t.response.data.message)})).finally((function(){return e.checkSmtpButton.disabled=!1}))}},{key:"handleTestPdfCheck",value:function(){var e=this,t=document.querySelector("meta[name=setup-pdf-check]").content;this.checkPdfButton.disabled=!0,o.a.post(t,{}).then((function(t){try{return e.handleSuccess(e.checkPdfAlert,"database-wrapper")}catch(t){e.handleSuccess(e.checkPdfAlert,"database-wrapper"),e.checkPdfAlert.textContent="Success! PDF was generated succesfully."}})).catch((function(t){console.log(t),e.handleFailure(e.checkPdfAlert)})).finally((function(){return e.checkPdfButton.disabled=!1}))}},{key:"handleSuccess",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;e.classList.remove("alert-failure"),e.innerText="Success!",e.classList.add("alert-success"),t&&(document.getElementById(t).classList.remove("hidden"),document.getElementById(t).scrollIntoView({behavior:"smooth",block:"center"}))}},{key:"handleFailure",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;e.classList.remove("alert-success"),e.innerText=t||"Oops, looks like something isn't correct!",e.classList.add("alert-failure")}},{key:"handle",value:function(){var e=this;this.checkDbButton.addEventListener("click",(function(){return e.handleDatabaseCheck()})),this.checkSmtpButton.addEventListener("click",(function(){return e.handleSmtpCheck()})),this.checkPdfButton.addEventListener("click",(function(){return e.handleTestPdfCheck()}))}}])&&i(t.prototype,n),r&&i(t,r),e}())).handle()},tQ2B:function(e,t,n){"use strict";var r=n("xTJ+"),o=n("Rn+g"),i=n("eqyj"),s=n("MLWZ"),a=n("g7np"),c=n("w0Vi"),u=n("OTTw"),f=n("LYNF");e.exports=function(e){return new Promise((function(t,n){var l=e.data,d=e.headers;r.isFormData(l)&&delete d["Content-Type"];var p=new XMLHttpRequest;if(e.auth){var h=e.auth.username||"",m=e.auth.password?unescape(encodeURIComponent(e.auth.password)):"";d.Authorization="Basic "+btoa(h+":"+m)}var y=a(e.baseURL,e.url);if(p.open(e.method.toUpperCase(),s(y,e.params,e.paramsSerializer),!0),p.timeout=e.timeout,p.onreadystatechange=function(){if(p&&4===p.readyState&&(0!==p.status||p.responseURL&&0===p.responseURL.indexOf("file:"))){var r="getAllResponseHeaders"in p?c(p.getAllResponseHeaders()):null,i={data:e.responseType&&"text"!==e.responseType?p.response:p.responseText,status:p.status,statusText:p.statusText,headers:r,config:e,request:p};o(t,n,i),p=null}},p.onabort=function(){p&&(n(f("Request aborted",e,"ECONNABORTED",p)),p=null)},p.onerror=function(){n(f("Network Error",e,null,p)),p=null},p.ontimeout=function(){var t="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),n(f(t,e,"ECONNABORTED",p)),p=null},r.isStandardBrowserEnv()){var v=(e.withCredentials||u(y))&&e.xsrfCookieName?i.read(e.xsrfCookieName):void 0;v&&(d[e.xsrfHeaderName]=v)}if("setRequestHeader"in p&&r.forEach(d,(function(e,t){void 0===l&&"content-type"===t.toLowerCase()?delete d[t]:p.setRequestHeader(t,e)})),r.isUndefined(e.withCredentials)||(p.withCredentials=!!e.withCredentials),e.responseType)try{p.responseType=e.responseType}catch(t){if("json"!==e.responseType)throw t}"function"==typeof e.onDownloadProgress&&p.addEventListener("progress",e.onDownloadProgress),"function"==typeof e.onUploadProgress&&p.upload&&p.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then((function(e){p&&(p.abort(),n(e),p=null)})),l||(l=null),p.send(l)}))}},vDqi:function(e,t,n){e.exports=n("zuR4")},w0Vi:function(e,t,n){"use strict";var r=n("xTJ+"),o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];e.exports=function(e){var t,n,i,s={};return e?(r.forEach(e.split("\n"),(function(e){if(i=e.indexOf(":"),t=r.trim(e.substr(0,i)).toLowerCase(),n=r.trim(e.substr(i+1)),t){if(s[t]&&o.indexOf(t)>=0)return;s[t]="set-cookie"===t?(s[t]?s[t]:[]).concat([n]):s[t]?s[t]+", "+n:n}})),s):s}},xAGQ:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=function(e,t,n){return r.forEach(n,(function(n){e=n(e,t)})),e}},"xTJ+":function(e,t,n){"use strict";var r=n("HSsa"),o=Object.prototype.toString;function i(e){return"[object Array]"===o.call(e)}function s(e){return void 0===e}function a(e){return null!==e&&"object"==typeof e}function c(e){if("[object Object]"!==o.call(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t===Object.prototype}function u(e){return"[object Function]"===o.call(e)}function f(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,isPlainObject:c,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:f,merge:function e(){var t={};function n(n,r){c(t[r])&&c(n)?t[r]=e(t[r],n):c(n)?t[r]=e({},n):i(n)?t[r]=n.slice():t[r]=n}for(var r=0,o=arguments.length;r<o;r++)f(arguments[r],n);return t},extend:function(e,t,n){return f(t,(function(t,o){e[o]=n&&"function"==typeof t?r(t,n):t})),e},trim:function(e){return e.replace(/^\s*/,"").replace(/\s*$/,"")},stripBOM:function(e){return 65279===e.charCodeAt(0)&&(e=e.slice(1)),e}}},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 c=a(n("JEQr"));c.Axios=i,c.create=function(e){return a(s(c.defaults,e))},c.Cancel=n("endd"),c.CancelToken=n("jfS+"),c.isCancel=n("Lmem"),c.all=function(e){return Promise.all(e)},c.spread=n("DfZB"),c.isAxiosError=n("XwJu"),e.exports=c,e.exports.default=c}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 12);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./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 cookies = __webpack_require__(/*! ./../helpers/cookies */ "./node_modules/axios/lib/helpers/cookies.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 ? unescape(encodeURIComponent(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()) {
+      // 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) {
+      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");
+
+// Expose isAxiosError
+axios.isAxiosError = __webpack_require__(/*! ./helpers/isAxiosError */ "./node_modules/axios/lib/helpers/isAxiosError.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(mergeConfig(config || {}, {
+      method: method,
+      url: url,
+      data: (config || {}).data
+    }));
+  };
+});
+
+utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
+  /*eslint func-names:0*/
+  Axios.prototype[method] = function(url, data, config) {
+    return this.request(mergeConfig(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 toJSON() {
+    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', 'data'];
+  var mergeDeepPropertiesKeys = ['headers', 'auth', 'proxy', 'params'];
+  var defaultToConfig2Keys = [
+    'baseURL', 'transformRequest', 'transformResponse', 'paramsSerializer',
+    'timeout', 'timeoutMessage', 'withCredentials', 'adapter', 'responseType', 'xsrfCookieName',
+    'xsrfHeaderName', 'onUploadProgress', 'onDownloadProgress', 'decompress',
+    'maxContentLength', 'maxBodyLength', 'maxRedirects', 'transport', 'httpAgent',
+    'httpsAgent', 'cancelToken', 'socketPath', 'responseEncoding'
+  ];
+  var directMergeKeys = ['validateStatus'];
+
+  function getMergedValue(target, source) {
+    if (utils.isPlainObject(target) && utils.isPlainObject(source)) {
+      return utils.merge(target, source);
+    } else if (utils.isPlainObject(source)) {
+      return utils.merge({}, source);
+    } else if (utils.isArray(source)) {
+      return source.slice();
+    }
+    return source;
+  }
+
+  function mergeDeepProperties(prop) {
+    if (!utils.isUndefined(config2[prop])) {
+      config[prop] = getMergedValue(config1[prop], config2[prop]);
+    } else if (!utils.isUndefined(config1[prop])) {
+      config[prop] = getMergedValue(undefined, config1[prop]);
+    }
+  }
+
+  utils.forEach(valueFromConfig2Keys, function valueFromConfig2(prop) {
+    if (!utils.isUndefined(config2[prop])) {
+      config[prop] = getMergedValue(undefined, config2[prop]);
+    }
+  });
+
+  utils.forEach(mergeDeepPropertiesKeys, mergeDeepProperties);
+
+  utils.forEach(defaultToConfig2Keys, function defaultToConfig2(prop) {
+    if (!utils.isUndefined(config2[prop])) {
+      config[prop] = getMergedValue(undefined, config2[prop]);
+    } else if (!utils.isUndefined(config1[prop])) {
+      config[prop] = getMergedValue(undefined, config1[prop]);
+    }
+  });
+
+  utils.forEach(directMergeKeys, function merge(prop) {
+    if (prop in config2) {
+      config[prop] = getMergedValue(config1[prop], config2[prop]);
+    } else if (prop in config1) {
+      config[prop] = getMergedValue(undefined, config1[prop]);
+    }
+  });
+
+  var axiosKeys = valueFromConfig2Keys
+    .concat(mergeDeepPropertiesKeys)
+    .concat(defaultToConfig2Keys)
+    .concat(directMergeKeys);
+
+  var otherKeys = Object
+    .keys(config1)
+    .concat(Object.keys(config2))
+    .filter(function filterAxiosKeys(key) {
+      return axiosKeys.indexOf(key) === -1;
+    });
+
+  utils.forEach(otherKeys, mergeDeepProperties);
+
+  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 (!response.status || !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,
+  maxBodyLength: -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(/%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/isAxiosError.js":
+/*!********************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/isAxiosError.js ***!
+  \********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+/**
+ * Determines whether the payload is an error thrown by Axios
+ *
+ * @param {*} payload The value to test
+ * @returns {boolean} True if the payload is an error thrown by Axios, otherwise false
+ */
+module.exports = function isAxiosError(payload) {
+  return (typeof payload === 'object') && (payload.isAxiosError === true);
+};
+
+
+/***/ }),
+
+/***/ "./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 plain Object
+ *
+ * @param {Object} val The value to test
+ * @return {boolean} True if value is a plain Object, otherwise false
+ */
+function isPlainObject(val) {
+  if (toString.call(val) !== '[object Object]') {
+    return false;
+  }
+
+  var prototype = Object.getPrototypeOf(val);
+  return prototype === null || prototype === Object.prototype;
+}
+
+/**
+ * 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 (isPlainObject(result[key]) && isPlainObject(val)) {
+      result[key] = merge(result[key], val);
+    } else if (isPlainObject(val)) {
+      result[key] = merge({}, val);
+    } else if (isArray(val)) {
+      result[key] = val.slice();
+    } 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;
+}
+
+/**
+ * Remove byte order marker. This catches EF BB BF (the UTF-8 BOM)
+ *
+ * @param {string} content with BOM
+ * @return {string} content value without BOM
+ */
+function stripBOM(content) {
+  if (content.charCodeAt(0) === 0xFEFF) {
+    content = content.slice(1);
+  }
+  return content;
+}
+
+module.exports = {
+  isArray: isArray,
+  isArrayBuffer: isArrayBuffer,
+  isBuffer: isBuffer,
+  isFormData: isFormData,
+  isArrayBufferView: isArrayBufferView,
+  isString: isString,
+  isNumber: isNumber,
+  isObject: isObject,
+  isPlainObject: isPlainObject,
+  isUndefined: isUndefined,
+  isDate: isDate,
+  isFile: isFile,
+  isBlob: isBlob,
+  isFunction: isFunction,
+  isStream: isStream,
+  isURLSearchParams: isURLSearchParams,
+  isStandardBrowserEnv: isStandardBrowserEnv,
+  forEach: forEach,
+  merge: merge,
+  extend: extend,
+  trim: trim,
+  stripBOM: stripBOM
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/process/browser.js":
+/*!*****************************************!*\
+  !*** ./node_modules/process/browser.js ***!
+  \*****************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+// shim for using process in browser
+var process = module.exports = {};
+
+// cached from whatever global is present so that test runners that stub it
+// don't break things.  But we need to wrap it in a try catch in case it is
+// wrapped in strict mode code which doesn't define any globals.  It's inside a
+// function because try/catches deoptimize in certain engines.
+
+var cachedSetTimeout;
+var cachedClearTimeout;
+
+function defaultSetTimout() {
+    throw new Error('setTimeout has not been defined');
+}
+function defaultClearTimeout () {
+    throw new Error('clearTimeout has not been defined');
+}
+(function () {
+    try {
+        if (typeof setTimeout === 'function') {
+            cachedSetTimeout = setTimeout;
+        } else {
+            cachedSetTimeout = defaultSetTimout;
+        }
+    } catch (e) {
+        cachedSetTimeout = defaultSetTimout;
+    }
+    try {
+        if (typeof clearTimeout === 'function') {
+            cachedClearTimeout = clearTimeout;
+        } else {
+            cachedClearTimeout = defaultClearTimeout;
+        }
+    } catch (e) {
+        cachedClearTimeout = defaultClearTimeout;
+    }
+} ())
+function runTimeout(fun) {
+    if (cachedSetTimeout === setTimeout) {
+        //normal enviroments in sane situations
+        return setTimeout(fun, 0);
+    }
+    // if setTimeout wasn't available but was latter defined
+    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+        cachedSetTimeout = setTimeout;
+        return setTimeout(fun, 0);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedSetTimeout(fun, 0);
+    } catch(e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
+            return cachedSetTimeout.call(null, fun, 0);
+        } catch(e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
+            return cachedSetTimeout.call(this, fun, 0);
+        }
+    }
+
+
+}
+function runClearTimeout(marker) {
+    if (cachedClearTimeout === clearTimeout) {
+        //normal enviroments in sane situations
+        return clearTimeout(marker);
+    }
+    // if clearTimeout wasn't available but was latter defined
+    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+        cachedClearTimeout = clearTimeout;
+        return clearTimeout(marker);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedClearTimeout(marker);
+    } catch (e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
+            return cachedClearTimeout.call(null, marker);
+        } catch (e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
+            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
+            return cachedClearTimeout.call(this, marker);
+        }
+    }
+
+
+
+}
+var queue = [];
+var draining = false;
+var currentQueue;
+var queueIndex = -1;
+
+function cleanUpNextTick() {
+    if (!draining || !currentQueue) {
+        return;
+    }
+    draining = false;
+    if (currentQueue.length) {
+        queue = currentQueue.concat(queue);
+    } else {
+        queueIndex = -1;
+    }
+    if (queue.length) {
+        drainQueue();
+    }
+}
+
+function drainQueue() {
+    if (draining) {
+        return;
+    }
+    var timeout = runTimeout(cleanUpNextTick);
+    draining = true;
+
+    var len = queue.length;
+    while(len) {
+        currentQueue = queue;
+        queue = [];
+        while (++queueIndex < len) {
+            if (currentQueue) {
+                currentQueue[queueIndex].run();
+            }
+        }
+        queueIndex = -1;
+        len = queue.length;
+    }
+    currentQueue = null;
+    draining = false;
+    runClearTimeout(timeout);
+}
+
+process.nextTick = function (fun) {
+    var args = new Array(arguments.length - 1);
+    if (arguments.length > 1) {
+        for (var i = 1; i < arguments.length; i++) {
+            args[i - 1] = arguments[i];
+        }
+    }
+    queue.push(new Item(fun, args));
+    if (queue.length === 1 && !draining) {
+        runTimeout(drainQueue);
+    }
+};
+
+// v8 likes predictible objects
+function Item(fun, array) {
+    this.fun = fun;
+    this.array = array;
+}
+Item.prototype.run = function () {
+    this.fun.apply(null, this.array);
+};
+process.title = 'browser';
+process.browser = true;
+process.env = {};
+process.argv = [];
+process.version = ''; // empty string to avoid regexp issues
+process.versions = {};
+
+function noop() {}
+
+process.on = noop;
+process.addListener = noop;
+process.once = noop;
+process.off = noop;
+process.removeListener = noop;
+process.removeAllListeners = noop;
+process.emit = noop;
+process.prependListener = noop;
+process.prependOnceListener = noop;
+
+process.listeners = function (name) { return [] }
+
+process.binding = function (name) {
+    throw new Error('process.binding is not supported');
+};
+
+process.cwd = function () { return '/' };
+process.chdir = function (dir) {
+    throw new Error('process.chdir is not supported');
+};
+process.umask = function() { return 0; };
+
+
+/***/ }),
+
+/***/ "./resources/js/setup/setup.js":
+/*!*************************************!*\
+  !*** ./resources/js/setup/setup.js ***!
+  \*************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
+/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_0__);
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+
+
+var Setup = /*#__PURE__*/function () {
+  function Setup() {
+    _classCallCheck(this, Setup);
+
+    this.checkDbButton = document.getElementById('test-db-connection');
+    this.checkDbAlert = document.getElementById('database-response');
+    this.checkSmtpButton = document.getElementById('test-smtp-connection');
+    this.checkSmtpAlert = document.getElementById('smtp-response');
+    this.checkPdfButton = document.getElementById('test-pdf');
+    this.checkPdfAlert = document.getElementById('test-pdf-response');
+  }
+
+  _createClass(Setup, [{
+    key: "handleDatabaseCheck",
+    value: function handleDatabaseCheck() {
+      var _this = this;
+
+      var url = document.querySelector('meta[name=setup-db-check]').content,
+          data = {};
+
+      if (document.querySelector('input[name="db_host"]')) {
+        data = {
+          db_host: document.querySelector('input[name="db_host"]').value,
+          db_port: document.querySelector('input[name="db_port"]').value,
+          db_database: document.querySelector('input[name="db_database"]').value,
+          db_username: document.querySelector('input[name="db_username"]').value,
+          db_password: document.querySelector('input[name="db_password"]').value
+        };
+      }
+
+      this.checkDbButton.disabled = true;
+      axios__WEBPACK_IMPORTED_MODULE_0___default.a.post(url, data).then(function (response) {
+        return _this.handleSuccess(_this.checkDbAlert, 'mail-wrapper');
+      })["catch"](function (e) {
+        return _this.handleFailure(_this.checkDbAlert, e.response.data.message);
+      })["finally"](function () {
+        return _this.checkDbButton.disabled = false;
+      });
+    }
+  }, {
+    key: "handleSmtpCheck",
+    value: function handleSmtpCheck() {
+      var _this2 = this;
+
+      var url = document.querySelector('meta[name=setup-email-check]').content;
+      var data = {
+        mail_driver: document.querySelector('select[name="mail_driver"]').value,
+        mail_name: document.querySelector('input[name="mail_name"]').value,
+        mail_address: document.querySelector('input[name="mail_address"]').value,
+        mail_username: document.querySelector('input[name="mail_username"]').value,
+        mail_host: document.querySelector('input[name="mail_host"]').value,
+        mail_port: document.querySelector('input[name="mail_port"]').value,
+        encryption: document.querySelector('select[name="encryption"]').value,
+        mail_password: document.querySelector('input[name="mail_password"]').value
+      };
+      this.checkSmtpButton.disabled = true;
+
+      if (data.mail_driver === 'log') {
+        this.handleSuccess(this.checkSmtpAlert, 'account-wrapper');
+        this.handleSuccess(this.checkSmtpAlert, 'submit-wrapper');
+        return this.checkSmtpButton.disabled = false;
+      }
+
+      axios__WEBPACK_IMPORTED_MODULE_0___default.a.post(url, data).then(function (response) {
+        _this2.handleSuccess(_this2.checkSmtpAlert, 'account-wrapper');
+
+        _this2.handleSuccess(_this2.checkSmtpAlert, 'submit-wrapper');
+      })["catch"](function (e) {
+        return _this2.handleFailure(_this2.checkSmtpAlert, e.response.data.message);
+      })["finally"](function () {
+        return _this2.checkSmtpButton.disabled = false;
+      });
+    }
+  }, {
+    key: "handleTestPdfCheck",
+    value: function handleTestPdfCheck() {
+      var _this3 = this;
+
+      var url = document.querySelector('meta[name=setup-pdf-check]').content;
+      this.checkPdfButton.disabled = true;
+      axios__WEBPACK_IMPORTED_MODULE_0___default.a.post(url, {}).then(function (response) {
+        try {
+          //let win = window.open(response.data.url, '_blank');
+          //win.focus();
+          return _this3.handleSuccess(_this3.checkPdfAlert, 'database-wrapper');
+        } catch (error) {
+          _this3.handleSuccess(_this3.checkPdfAlert, 'database-wrapper');
+
+          _this3.checkPdfAlert.textContent = "Success! PDF was generated succesfully.";
+        }
+      })["catch"](function (error) {
+        console.log(error);
+
+        _this3.handleFailure(_this3.checkPdfAlert);
+      })["finally"](function () {
+        return _this3.checkPdfButton.disabled = false;
+      });
+    }
+  }, {
+    key: "handleSuccess",
+    value: function handleSuccess(element) {
+      var nextStep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      element.classList.remove('alert-failure');
+      element.innerText = 'Success!';
+      element.classList.add('alert-success');
+
+      if (nextStep) {
+        document.getElementById(nextStep).classList.remove('hidden');
+        document.getElementById(nextStep).scrollIntoView({
+          behavior: 'smooth',
+          block: 'center'
+        });
+      }
+    }
+  }, {
+    key: "handleFailure",
+    value: function handleFailure(element) {
+      var message = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      element.classList.remove('alert-success');
+      element.innerText = message ? message : "Oops, looks like something isn't correct!";
+      element.classList.add('alert-failure');
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this4 = this;
+
+      this.checkDbButton.addEventListener('click', function () {
+        return _this4.handleDatabaseCheck();
+      });
+      this.checkSmtpButton.addEventListener('click', function () {
+        return _this4.handleSmtpCheck();
+      });
+      this.checkPdfButton.addEventListener('click', function () {
+        return _this4.handleTestPdfCheck();
+      });
+    }
+  }]);
+
+  return Setup;
+}();
+
+new Setup().handle();
+
+/***/ }),
+
+/***/ 12:
+/*!*******************************************!*\
+  !*** multi ./resources/js/setup/setup.js ***!
+  \*******************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /var/www/html/resources/js/setup/setup.js */"./resources/js/setup/setup.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 294ba5f31a..e639e4b913 100755
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,41 +1,41 @@
 {
-    "/js/app.js": "/js/app.js?id=696e8203d5e8e7cf5ff5",
-    "/css/app.css": "/css/app.css?id=dfd96c63ef224323415b",
-    "/js/clients/invoices/action-selectors.js": "/js/clients/invoices/action-selectors.js?id=a09bb529b8e1826f13b4",
-    "/js/clients/invoices/payment.js": "/js/clients/invoices/payment.js?id=8ce8955ba775ea5f47d1",
-    "/js/clients/linkify-urls.js": "/js/clients/linkify-urls.js?id=0dc8c34010d09195d2f7",
-    "/js/clients/payment_methods/authorize-authorize-card.js": "/js/clients/payment_methods/authorize-authorize-card.js?id=f7f4ecfb1771951b91e7",
-    "/js/clients/payment_methods/authorize-checkout-card.js": "/js/clients/payment_methods/authorize-checkout-card.js?id=d23f32f956a8c8927339",
-    "/js/clients/payment_methods/braintree-ach.js": "/js/clients/payment_methods/braintree-ach.js?id=9fb7941baba1f9645ed9",
-    "/js/clients/payment_methods/wepay-bank-account.js": "/js/clients/payment_methods/wepay-bank-account.js?id=8fea0be371d430064a89",
-    "/js/clients/payments/authorize-credit-card-payment.js": "/js/clients/payments/authorize-credit-card-payment.js?id=7c2cbef525868592f42e",
-    "/js/clients/payments/braintree-credit-card.js": "/js/clients/payments/braintree-credit-card.js?id=81957e7cb1cb49f23b90",
-    "/js/clients/payments/braintree-paypal.js": "/js/clients/payments/braintree-paypal.js?id=c35db3cbb65806ab6a8a",
-    "/js/clients/payments/card-js.min.js": "/js/clients/payments/card-js.min.js?id=5469146cd629ea1b5c20",
-    "/js/clients/payments/checkout-credit-card.js": "/js/clients/payments/checkout-credit-card.js?id=065e5450233cc5b47020",
-    "/js/clients/payments/eway-credit-card.js": "/js/clients/payments/eway-credit-card.js?id=08ea84e9451abd434cff",
-    "/js/clients/payments/mollie-credit-card.js": "/js/clients/payments/mollie-credit-card.js?id=73b66e88e2daabcd6549",
-    "/js/clients/payments/paytrace-credit-card.js": "/js/clients/payments/paytrace-credit-card.js?id=c2b5f7831e1a46dd5fb2",
-    "/js/clients/payments/razorpay-aio.js": "/js/clients/payments/razorpay-aio.js?id=817ab3b2b94ee37b14eb",
-    "/js/clients/payments/square-credit-card.js": "/js/clients/payments/square-credit-card.js?id=13ea3ff41d9417ef0140",
-    "/js/clients/payments/stripe-ach.js": "/js/clients/payments/stripe-ach.js?id=81c2623fc1e5769b51c7",
-    "/js/clients/payments/stripe-acss.js": "/js/clients/payments/stripe-acss.js?id=4a85142c085723991d28",
-    "/js/clients/payments/stripe-alipay.js": "/js/clients/payments/stripe-alipay.js?id=665ddf663500767f1a17",
-    "/js/clients/payments/stripe-bancontact.js": "/js/clients/payments/stripe-bancontact.js?id=d803da4574a36e8472d5",
-    "/js/clients/payments/stripe-becs.js": "/js/clients/payments/stripe-becs.js?id=fdc4defaeded2312eac2",
-    "/js/clients/payments/stripe-credit-card.js": "/js/clients/payments/stripe-credit-card.js?id=a30464874dee84678344",
-    "/js/clients/payments/stripe-eps.js": "/js/clients/payments/stripe-eps.js?id=ea3deb74233cfe4abd13",
-    "/js/clients/payments/stripe-giropay.js": "/js/clients/payments/stripe-giropay.js?id=51ff0603d109eb5487c2",
-    "/js/clients/payments/stripe-ideal.js": "/js/clients/payments/stripe-ideal.js?id=cd8299e9f3df07f25144",
-    "/js/clients/payments/stripe-przelewy24.js": "/js/clients/payments/stripe-przelewy24.js?id=693e8e5ac5ada09c597a",
-    "/js/clients/payments/stripe-sepa.js": "/js/clients/payments/stripe-sepa.js?id=3f2fa0857dc804a85dcb",
-    "/js/clients/payments/stripe-sofort.js": "/js/clients/payments/stripe-sofort.js?id=231571942310348aa616",
-    "/js/clients/payments/wepay-credit-card.js": "/js/clients/payments/wepay-credit-card.js?id=f51400e03c5fdb6cdabe",
-    "/js/clients/quotes/action-selectors.js": "/js/clients/quotes/action-selectors.js?id=1b8f9325aa6e8595e7fa",
-    "/js/clients/quotes/approve.js": "/js/clients/quotes/approve.js?id=85bcae0a646882e56b12",
-    "/js/clients/shared/multiple-downloads.js": "/js/clients/shared/multiple-downloads.js?id=5c35d28cf0a3286e7c45",
-    "/js/clients/shared/pdf.js": "/js/clients/shared/pdf.js?id=2a99d83305ba87bfa6cc",
-    "/js/clients/statements/view.js": "/js/clients/statements/view.js?id=ca3ec4cea0de824f3a36",
-    "/js/setup/setup.js": "/js/setup/setup.js?id=8d454e7090f119552a6c",
+    "/js/app.js": "/js/app.js?id=00999970742958982e12",
+    "/css/app.css": "/css/app.css?id=cee8baa9e09f36367e67",
+    "/js/clients/invoices/action-selectors.js": "/js/clients/invoices/action-selectors.js?id=2e676a48bf8e78899716",
+    "/js/clients/invoices/payment.js": "/js/clients/invoices/payment.js?id=dd2c51f347b035a32a21",
+    "/js/clients/linkify-urls.js": "/js/clients/linkify-urls.js?id=c44c5620858931f5a9f0",
+    "/js/clients/payment_methods/authorize-authorize-card.js": "/js/clients/payment_methods/authorize-authorize-card.js?id=7dd89f439ccfadaebcba",
+    "/js/clients/payment_methods/authorize-checkout-card.js": "/js/clients/payment_methods/authorize-checkout-card.js?id=de35304f74687ab9df10",
+    "/js/clients/payment_methods/braintree-ach.js": "/js/clients/payment_methods/braintree-ach.js?id=81ecc5e0ebe945770844",
+    "/js/clients/payment_methods/wepay-bank-account.js": "/js/clients/payment_methods/wepay-bank-account.js?id=b2f7c520de39cb4ced58",
+    "/js/clients/payments/authorize-credit-card-payment.js": "/js/clients/payments/authorize-credit-card-payment.js?id=097123e197fc7f71e425",
+    "/js/clients/payments/braintree-credit-card.js": "/js/clients/payments/braintree-credit-card.js?id=33b264212c5f1dbf095d",
+    "/js/clients/payments/braintree-paypal.js": "/js/clients/payments/braintree-paypal.js?id=85f745ed485549a34a4d",
+    "/js/clients/payments/card-js.min.js": "/js/clients/payments/card-js.min.js?id=a666548bb8ea61f0920a",
+    "/js/clients/payments/checkout-credit-card.js": "/js/clients/payments/checkout-credit-card.js?id=c38bbc9192ab4f0bca92",
+    "/js/clients/payments/eway-credit-card.js": "/js/clients/payments/eway-credit-card.js?id=acf6710138604cceb752",
+    "/js/clients/payments/mollie-credit-card.js": "/js/clients/payments/mollie-credit-card.js?id=8c0ee07810bfd384f70a",
+    "/js/clients/payments/paytrace-credit-card.js": "/js/clients/payments/paytrace-credit-card.js?id=93ecbc0536768961e890",
+    "/js/clients/payments/razorpay-aio.js": "/js/clients/payments/razorpay-aio.js?id=f0780bf44439d5351bf7",
+    "/js/clients/payments/square-credit-card.js": "/js/clients/payments/square-credit-card.js?id=9314516a90f5c41b85f7",
+    "/js/clients/payments/stripe-ach.js": "/js/clients/payments/stripe-ach.js?id=547850ac2ef249d98dd6",
+    "/js/clients/payments/stripe-acss.js": "/js/clients/payments/stripe-acss.js?id=f180e8ebf9ac9f072724",
+    "/js/clients/payments/stripe-alipay.js": "/js/clients/payments/stripe-alipay.js?id=f90c67035beae6b413b2",
+    "/js/clients/payments/stripe-bancontact.js": "/js/clients/payments/stripe-bancontact.js?id=6724061fb47e1665a549",
+    "/js/clients/payments/stripe-becs.js": "/js/clients/payments/stripe-becs.js?id=6ed113e40e315dd44964",
+    "/js/clients/payments/stripe-credit-card.js": "/js/clients/payments/stripe-credit-card.js?id=5786f64f60777280c8f8",
+    "/js/clients/payments/stripe-eps.js": "/js/clients/payments/stripe-eps.js?id=9d05ac60da63b6aea3f8",
+    "/js/clients/payments/stripe-giropay.js": "/js/clients/payments/stripe-giropay.js?id=524bc519768fd9873c56",
+    "/js/clients/payments/stripe-ideal.js": "/js/clients/payments/stripe-ideal.js?id=ffdebea574856946e802",
+    "/js/clients/payments/stripe-przelewy24.js": "/js/clients/payments/stripe-przelewy24.js?id=4b84c0b5a299171470ea",
+    "/js/clients/payments/stripe-sepa.js": "/js/clients/payments/stripe-sepa.js?id=081daef0b46c8402c061",
+    "/js/clients/payments/stripe-sofort.js": "/js/clients/payments/stripe-sofort.js?id=66e6b9920671e5052979",
+    "/js/clients/payments/wepay-credit-card.js": "/js/clients/payments/wepay-credit-card.js?id=919fd2d30ae73b06bc5c",
+    "/js/clients/quotes/action-selectors.js": "/js/clients/quotes/action-selectors.js?id=aefe765385333ad2d478",
+    "/js/clients/quotes/approve.js": "/js/clients/quotes/approve.js?id=2fbbbbcf46307c49310a",
+    "/js/clients/shared/multiple-downloads.js": "/js/clients/shared/multiple-downloads.js?id=00ee4c22e75c6b755217",
+    "/js/clients/shared/pdf.js": "/js/clients/shared/pdf.js?id=70ccdc356599c679cf26",
+    "/js/clients/statements/view.js": "/js/clients/statements/view.js?id=895706b7de80bf22dde5",
+    "/js/setup/setup.js": "/js/setup/setup.js?id=693d38ec20f1f313f879",
     "/css/card-js.min.css": "/css/card-js.min.css?id=62afeb675235451543ad"
 }
diff --git a/resources/views/portal/ninja2020/auth/login.blade.php b/resources/views/portal/ninja2020/auth/login.blade.php
index 3d3e59a12b..5fbc2a0527 100644
--- a/resources/views/portal/ninja2020/auth/login.blade.php
+++ b/resources/views/portal/ninja2020/auth/login.blade.php
@@ -7,7 +7,7 @@
 @endcomponent
 
 @section('body')
-    <div class="grid lg:grid-cols-3 mx-6">
+    <div class="grid lg:grid-cols-3 mx-6 md:mx-0">
         @if($account && !$account->isPaid())
             <div class="hidden lg:block col-span-1 bg-red-100 h-screen">
                 <img src="{{ asset('images/client-portal-new-image.jpg') }}"

From c4af4da8f70f96c25884f1635523c0ecfdf03807 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Wed, 27 Oct 2021 17:20:22 +0200
Subject: [PATCH 4/4] Assets production build

---
 public/css/app.css                            | 217622 +--------------
 public/js/app.js                              |   3367 +-
 .../js/clients/invoices/action-selectors.js   |    242 +-
 public/js/clients/invoices/payment.js         |    221 +-
 public/js/clients/linkify-urls.js             |    347 +-
 .../authorize-authorize-card.js               |    201 +-
 .../authorize-checkout-card.js                |    165 +-
 .../clients/payment_methods/braintree-ach.js  |    175 +-
 .../payment_methods/wepay-bank-account.js     |    180 +-
 .../payments/authorize-credit-card-payment.js |    243 +-
 .../clients/payments/braintree-credit-card.js |    223 +-
 .../js/clients/payments/braintree-paypal.js   |    236 +-
 public/js/clients/payments/card-js.min.js     |    113 +-
 .../clients/payments/checkout-credit-card.js  |    205 +-
 .../js/clients/payments/eway-credit-card.js   |    484 +-
 .../js/clients/payments/mollie-credit-card.js |    261 +-
 .../clients/payments/paytrace-credit-card.js  |    280 +-
 public/js/clients/payments/razorpay-aio.js    |    138 +-
 .../js/clients/payments/square-credit-card.js |   1186 +-
 public/js/clients/payments/stripe-ach.js      |    205 +-
 public/js/clients/payments/stripe-acss.js     |    213 +-
 public/js/clients/payments/stripe-alipay.js   |    176 +-
 .../js/clients/payments/stripe-bancontact.js  |    173 +-
 public/js/clients/payments/stripe-becs.js     |    255 +-
 .../js/clients/payments/stripe-credit-card.js |    325 +-
 public/js/clients/payments/stripe-eps.js      |    193 +-
 public/js/clients/payments/stripe-giropay.js  |    173 +-
 public/js/clients/payments/stripe-ideal.js    |    193 +-
 .../js/clients/payments/stripe-przelewy24.js  |    214 +-
 public/js/clients/payments/stripe-sepa.js     |    298 +-
 public/js/clients/payments/stripe-sofort.js   |    164 +-
 .../js/clients/payments/wepay-credit-card.js  |    322 +-
 public/js/clients/quotes/action-selectors.js  |    242 +-
 public/js/clients/quotes/approve.js           |    212 +-
 .../js/clients/shared/multiple-downloads.js   |    142 +-
 public/js/clients/shared/pdf.js               |   1063 +-
 public/js/clients/statements/view.js          |    208 +-
 public/js/setup/setup.js                      |   2332 +-
 public/mix-manifest.json                      |     76 +-
 39 files changed, 110 insertions(+), 232958 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index f0664694d3..69609fe1db 100755
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -1,217621 +1 @@
-/* purgecss start ignore */
-
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
-
-/* Document
-   ========================================================================== */
-
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in iOS.
- */
-
-html {
-  line-height: 1.15; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/* Sections
-   ========================================================================== */
-
-/**
- * Remove the margin in all browsers.
- */
-
-body {
-  margin: 0;
-}
-
-/**
- * Render the `main` element consistently in IE.
- */
-
-main {
-  display: block;
-}
-
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-/* Grouping content
-   ========================================================================== */
-
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-
-hr {
-  box-sizing: content-box; /* 1 */
-  height: 0; /* 1 */
-  overflow: visible; /* 2 */
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-pre {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/* Text-level semantics
-   ========================================================================== */
-
-/**
- * Remove the gray background on active links in IE 10.
- */
-
-a {
-  background-color: transparent;
-}
-
-/**
- * 1. Remove the bottom border in Chrome 57-
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-
-abbr[title] {
-  border-bottom: none; /* 1 */
-  text-decoration: underline; /* 2 */
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted; /* 2 */
-}
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-code,
-kbd,
-samp {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/**
- * Add the correct font size in all browsers.
- */
-
-small {
-  font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/* Embedded content
-   ========================================================================== */
-
-/**
- * Remove the border on images inside links in IE 10.
- */
-
-img {
-  border-style: none;
-}
-
-/* Forms
-   ========================================================================== */
-
-/**
- * 1. Change the font styles in all browsers.
- * 2. Remove the margin in Firefox and Safari.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  line-height: 1.15; /* 1 */
-  margin: 0; /* 2 */
-}
-
-/**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
-
-button,
-input { /* 1 */
-  overflow: visible;
-}
-
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-
-button,
-select { /* 1 */
-  text-transform: none;
-}
-
-/**
- * Correct the inability to style clickable types in iOS and Safari.
- */
-
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button;
-}
-
-/**
- * Remove the inner border and padding in Firefox.
- */
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-/**
- * Restore the focus styles unset by the previous rule.
- */
-
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-
-/**
- * Correct the padding in Firefox.
- */
-
-fieldset {
-  padding: 0.35em 0.75em 0.625em;
-}
-
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- *    `fieldset` elements in all browsers.
- */
-
-legend {
-  box-sizing: border-box; /* 1 */
-  color: inherit; /* 2 */
-  display: table; /* 1 */
-  max-width: 100%; /* 1 */
-  padding: 0; /* 3 */
-  white-space: normal; /* 1 */
-}
-
-/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-
-progress {
-  vertical-align: baseline;
-}
-
-/**
- * Remove the default vertical scrollbar in IE 10+.
- */
-
-textarea {
-  overflow: auto;
-}
-
-/**
- * 1. Add the correct box sizing in IE 10.
- * 2. Remove the padding in IE 10.
- */
-
-[type="checkbox"],
-[type="radio"] {
-  box-sizing: border-box; /* 1 */
-  padding: 0; /* 2 */
-}
-
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-
-[type="search"] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/**
- * Remove the inner padding in Chrome and Safari on macOS.
- */
-
-[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/* Interactive
-   ========================================================================== */
-
-/*
- * Add the correct display in Edge, IE 10+, and Firefox.
- */
-
-details {
-  display: block;
-}
-
-/*
- * Add the correct display in all browsers.
- */
-
-summary {
-  display: list-item;
-}
-
-/* Misc
-   ========================================================================== */
-
-/**
- * Add the correct display in IE 10+.
- */
-
-template {
-  display: none;
-}
-
-/**
- * Add the correct display in IE 10.
- */
-
-[hidden] {
-  display: none;
-}
-
-/**
- * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
- * A thin layer on top of normalize.css that provides a starting point more
- * suitable for web applications.
- */
-
-/**
- * Removes the default spacing and border for appropriate elements.
- */
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
-button {
-  background-color: transparent;
-  background-image: none;
-}
-
-/**
- * Work around a Firefox/IE bug where the transparent `button` background
- * results in a loss of the default `button` focus styles.
- */
-
-button:focus {
-  outline: 1px dotted;
-  outline: 5px auto -webkit-focus-ring-color;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-ol,
-ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-/**
- * Tailwind custom reset styles
- */
-
-/**
- * 1. Use the user's configured `sans` font-family (with Tailwind's default
- *    sans-serif font stack as a fallback) as a sane default.
- * 2. Use Tailwind's default "normal" line-height so the user isn't forced
- *    to override it to ensure consistency even when using the default theme.
- */
-
-html {
-  font-family: Open Sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
-  line-height: 1.5; /* 2 */
-}
-
-/**
- * 1. Prevent padding and border from affecting element width.
- *
- *    We used to set this in the html element and inherit from
- *    the parent element for everything else. This caused issues
- *    in shadow-dom-enhanced elements like <details> where the content
- *    is wrapped by a div with box-sizing set to `content-box`.
- *
- *    https://github.com/mozdevs/cssremedy/issues/4
- *
- *
- * 2. Allow adding a border to an element by just adding a border-width.
- *
- *    By default, the way the browser specifies that an element should have no
- *    border is by setting it's border-style to `none` in the user-agent
- *    stylesheet.
- *
- *    In order to easily add borders to elements by just setting the `border-width`
- *    property, we change the default border-style for all elements to `solid`, and
- *    use border-width to hide them instead. This way our `border` utilities only
- *    need to set the `border-width` property instead of the entire `border`
- *    shorthand, making our border utilities much more straightforward to compose.
- *
- *    https://github.com/tailwindcss/tailwindcss/pull/116
- */
-
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #d2d6dc; /* 2 */
-}
-
-/*
- * Ensure horizontal rules are visible by default
- */
-
-hr {
-  border-top-width: 1px;
-}
-
-/**
- * Undo the `border-style: none` reset that Normalize applies to images so that
- * our `border-{width}` utilities have the expected effect.
- *
- * The Normalize reset is unnecessary for us since we default the border-width
- * to 0 on all elements.
- *
- * https://github.com/tailwindcss/tailwindcss/issues/362
- */
-
-img {
-  border-style: solid;
-}
-
-textarea {
-  resize: vertical;
-}
-
-input::-moz-placeholder, textarea::-moz-placeholder {
-  color: #a0aec0;
-}
-
-input:-ms-input-placeholder, textarea:-ms-input-placeholder {
-  color: #a0aec0;
-}
-
-input::placeholder,
-textarea::placeholder {
-  color: #a0aec0;
-}
-
-button,
-[role="button"] {
-  cursor: pointer;
-}
-
-table {
-  border-collapse: collapse;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-/**
- * Reset links to optimize for opt-in styling instead of
- * opt-out.
- */
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-/**
- * Reset form element properties that are easy to forget to
- * style explicitly so you don't inadvertently introduce
- * styles that deviate from your design system. These styles
- * supplement a partial reset that is already applied by
- * normalize.css.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  padding: 0;
-  line-height: inherit;
-  color: inherit;
-}
-
-/**
- * Use the configured 'mono' font family for elements that
- * are expected to be rendered with a monospace font, falling
- * back to the system monospace stack if there is no configured
- * 'mono' font family.
- */
-
-pre,
-code,
-kbd,
-samp {
-  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-}
-
-/**
- * Make replaced elements `display: block` by default as that's
- * the behavior you want almost all of the time. Inspired by
- * CSS Remedy, with `svg` added as well.
- *
- * https://github.com/mozdevs/cssremedy/issues/14
- */
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block;
-  vertical-align: middle;
-}
-
-/**
- * Constrain images and videos to the parent width and preserve
- * their instrinsic aspect ratio.
- *
- * https://github.com/mozdevs/cssremedy/issues/14
- */
-
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-
-.container {
-  width: 100%;
-}
-
-@media (min-width: 640px) {
-  .container {
-    max-width: 640px;
-  }
-}
-
-@media (min-width: 768px) {
-  .container {
-    max-width: 768px;
-  }
-}
-
-@media (min-width: 1024px) {
-  .container {
-    max-width: 1024px;
-  }
-}
-
-@media (min-width: 1280px) {
-  .container {
-    max-width: 1280px;
-  }
-}
-
-.form-input {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  background-color: #ffffff;
-  border-color: #d2d6dc;
-  border-width: 1px;
-  border-radius: 0.375rem;
-  padding-top: 0.5rem;
-  padding-right: 0.75rem;
-  padding-bottom: 0.5rem;
-  padding-left: 0.75rem;
-  font-size: 1rem;
-  line-height: 1.5;
-}
-
-.form-input::-moz-placeholder {
-  color: #9fa6b2;
-  opacity: 1;
-}
-
-.form-input:-ms-input-placeholder {
-  color: #9fa6b2;
-  opacity: 1;
-}
-
-.form-input::placeholder {
-  color: #9fa6b2;
-  opacity: 1;
-}
-
-.form-input:focus {
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  border-color: #a4cafe;
-}
-
-.form-textarea {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  background-color: #ffffff;
-  border-color: #d2d6dc;
-  border-width: 1px;
-  border-radius: 0.375rem;
-  padding-top: 0.5rem;
-  padding-right: 0.75rem;
-  padding-bottom: 0.5rem;
-  padding-left: 0.75rem;
-  font-size: 1rem;
-  line-height: 1.5;
-}
-
-.form-textarea::-moz-placeholder {
-  color: #9fa6b2;
-  opacity: 1;
-}
-
-.form-textarea:-ms-input-placeholder {
-  color: #9fa6b2;
-  opacity: 1;
-}
-
-.form-textarea::placeholder {
-  color: #9fa6b2;
-  opacity: 1;
-}
-
-.form-textarea:focus {
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  border-color: #a4cafe;
-}
-
-.form-multiselect {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  background-color: #ffffff;
-  border-color: #d2d6dc;
-  border-width: 1px;
-  border-radius: 0.375rem;
-  padding-top: 0.5rem;
-  padding-right: 0.75rem;
-  padding-bottom: 0.5rem;
-  padding-left: 0.75rem;
-  font-size: 1rem;
-  line-height: 1.5;
-}
-
-.form-multiselect:focus {
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  border-color: #a4cafe;
-}
-
-.form-select {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3e%3cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='%239fa6b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  -webkit-print-color-adjust: exact;
-          color-adjust: exact;
-  background-repeat: no-repeat;
-  background-color: #ffffff;
-  border-color: #d2d6dc;
-  border-width: 1px;
-  border-radius: 0.375rem;
-  padding-top: 0.5rem;
-  padding-right: 2.5rem;
-  padding-bottom: 0.5rem;
-  padding-left: 0.75rem;
-  font-size: 1rem;
-  line-height: 1.5;
-  background-position: right 0.5rem center;
-  background-size: 1.5em 1.5em;
-}
-
-.form-select::-ms-expand {
-  color: #9fa6b2;
-  border: none;
-}
-
-@media not print {
-  .form-select::-ms-expand {
-    display: none;
-  }
-}
-
-@media print and (-ms-high-contrast: active), print and (-ms-high-contrast: none) {
-  .form-select {
-    padding-right: 0.75rem;
-  }
-}
-
-.form-select:focus {
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  border-color: #a4cafe;
-}
-
-.form-checkbox:checked {
-  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");
-  border-color: transparent;
-  background-color: currentColor;
-  background-size: 100% 100%;
-  background-position: center;
-  background-repeat: no-repeat;
-}
-
-@media not print {
-  .form-checkbox::-ms-check {
-    border-width: 1px;
-    color: transparent;
-    background: inherit;
-    border-color: inherit;
-    border-radius: inherit;
-  }
-}
-
-.form-checkbox {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  -webkit-print-color-adjust: exact;
-          color-adjust: exact;
-  display: inline-block;
-  vertical-align: middle;
-  background-origin: border-box;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  flex-shrink: 0;
-  height: 1rem;
-  width: 1rem;
-  color: #3f83f8;
-  background-color: #ffffff;
-  border-color: #d2d6dc;
-  border-width: 1px;
-  border-radius: 0.25rem;
-}
-
-.form-checkbox:focus {
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  border-color: #a4cafe;
-}
-
-.form-checkbox:checked:focus {
-  border-color: transparent;
-}
-
-.form-radio:checked {
-  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
-  border-color: transparent;
-  background-color: currentColor;
-  background-size: 100% 100%;
-  background-position: center;
-  background-repeat: no-repeat;
-}
-
-@media not print {
-  .form-radio::-ms-check {
-    border-width: 1px;
-    color: transparent;
-    background: inherit;
-    border-color: inherit;
-    border-radius: inherit;
-  }
-}
-
-.form-radio {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  -webkit-print-color-adjust: exact;
-          color-adjust: exact;
-  display: inline-block;
-  vertical-align: middle;
-  background-origin: border-box;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  flex-shrink: 0;
-  border-radius: 100%;
-  height: 1rem;
-  width: 1rem;
-  color: #3f83f8;
-  background-color: #ffffff;
-  border-color: #d2d6dc;
-  border-width: 1px;
-}
-
-.form-radio:focus {
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  border-color: #a4cafe;
-}
-
-.form-radio:checked:focus {
-  border-color: transparent;
-}
-
-.prose {
-  color: #374151;
-  max-width: 65ch;
-}
-
-.prose [class~="lead"] {
-  color: #4b5563;
-  font-size: 1.25em;
-  line-height: 1.6;
-  margin-top: 1.2em;
-  margin-bottom: 1.2em;
-}
-
-.prose a {
-  color: #5850ec;
-  text-decoration: none;
-  font-weight: 600;
-}
-
-.prose strong {
-  color: #161e2e;
-  font-weight: 600;
-}
-
-.prose ol {
-  counter-reset: list-counter;
-  margin-top: 1.25em;
-  margin-bottom: 1.25em;
-}
-
-.prose ol > li {
-  position: relative;
-  counter-increment: list-counter;
-  padding-left: 1.75em;
-}
-
-.prose ol > li::before {
-  content: counter(list-counter) ".";
-  position: absolute;
-  font-weight: 400;
-  color: #6b7280;
-}
-
-.prose ul > li {
-  position: relative;
-  padding-left: 1.75em;
-}
-
-.prose ul > li::before {
-  content: "";
-  position: absolute;
-  background-color: #d2d6dc;
-  border-radius: 50%;
-  width: 0.375em;
-  height: 0.375em;
-  top: calc(0.875em - 0.1875em);
-  left: 0.25em;
-}
-
-.prose hr {
-  border-color: #e5e7eb;
-  border-top-width: 1px;
-  margin-top: 3em;
-  margin-bottom: 3em;
-}
-
-.prose blockquote {
-  font-weight: 500;
-  font-style: italic;
-  color: #161e2e;
-  border-left-width: 0.25rem;
-  border-left-color: #e5e7eb;
-  quotes: "\201C""\201D""\2018""\2019";
-  margin-top: 1.6em;
-  margin-bottom: 1.6em;
-  padding-left: 1em;
-}
-
-.prose blockquote p:first-of-type::before {
-  content: open-quote;
-}
-
-.prose blockquote p:last-of-type::after {
-  content: close-quote;
-}
-
-.prose h1 {
-  color: #1a202c;
-  font-weight: 800;
-  font-size: 2.25em;
-  margin-top: 0;
-  margin-bottom: 0.8888889em;
-  line-height: 1.1111111;
-}
-
-.prose h2 {
-  color: #1a202c;
-  font-weight: 700;
-  font-size: 1.5em;
-  margin-top: 2em;
-  margin-bottom: 1em;
-  line-height: 1.3333333;
-}
-
-.prose h3 {
-  color: #1a202c;
-  font-weight: 600;
-  font-size: 1.25em;
-  margin-top: 1.6em;
-  margin-bottom: 0.6em;
-  line-height: 1.6;
-}
-
-.prose h4 {
-  color: #1a202c;
-  font-weight: 600;
-  margin-top: 1.5em;
-  margin-bottom: 0.5em;
-  line-height: 1.5;
-}
-
-.prose figure figcaption {
-  color: #6b7280;
-  font-size: 0.875em;
-  line-height: 1.4285714;
-  margin-top: 0.8571429em;
-}
-
-.prose code {
-  color: #161e2e;
-  font-weight: 600;
-  font-size: 0.875em;
-}
-
-.prose code::before {
-  content: "`";
-}
-
-.prose code::after {
-  content: "`";
-}
-
-.prose pre {
-  color: #e5e7eb;
-  background-color: #252f3f;
-  overflow-x: auto;
-  font-size: 0.875em;
-  line-height: 1.7142857;
-  margin-top: 1.7142857em;
-  margin-bottom: 1.7142857em;
-  border-radius: 0.375rem;
-  padding-top: 0.8571429em;
-  padding-right: 1.1428571em;
-  padding-bottom: 0.8571429em;
-  padding-left: 1.1428571em;
-}
-
-.prose pre code {
-  background-color: transparent;
-  border-width: 0;
-  border-radius: 0;
-  padding: 0;
-  font-weight: 400;
-  color: inherit;
-  font-size: inherit;
-  font-family: inherit;
-  line-height: inherit;
-}
-
-.prose pre code::before {
-  content: "";
-}
-
-.prose pre code::after {
-  content: "";
-}
-
-.prose table {
-  width: 100%;
-  table-layout: auto;
-  text-align: left;
-  margin-top: 2em;
-  margin-bottom: 2em;
-  font-size: 0.875em;
-  line-height: 1.7142857;
-}
-
-.prose thead {
-  color: #161e2e;
-  font-weight: 600;
-  border-bottom-width: 1px;
-  border-bottom-color: #d2d6dc;
-}
-
-.prose thead th {
-  vertical-align: bottom;
-  padding-right: 0.5714286em;
-  padding-bottom: 0.5714286em;
-  padding-left: 0.5714286em;
-}
-
-.prose tbody tr {
-  border-bottom-width: 1px;
-  border-bottom-color: #e5e7eb;
-}
-
-.prose tbody tr:last-child {
-  border-bottom-width: 0;
-}
-
-.prose tbody td {
-  vertical-align: top;
-  padding-top: 0.5714286em;
-  padding-right: 0.5714286em;
-  padding-bottom: 0.5714286em;
-  padding-left: 0.5714286em;
-}
-
-.prose {
-  font-size: 1rem;
-  line-height: 1.75;
-}
-
-.prose p {
-  margin-top: 1.25em;
-  margin-bottom: 1.25em;
-}
-
-.prose img {
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-
-.prose video {
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-
-.prose figure {
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-
-.prose figure > * {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.prose h2 code {
-  font-size: 0.875em;
-}
-
-.prose h3 code {
-  font-size: 0.9em;
-}
-
-.prose ul {
-  margin-top: 1.25em;
-  margin-bottom: 1.25em;
-}
-
-.prose li {
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
-}
-
-.prose ol > li:before {
-  left: 0;
-}
-
-.prose > ul > li p {
-  margin-top: 0.75em;
-  margin-bottom: 0.75em;
-}
-
-.prose > ul > li > *:first-child {
-  margin-top: 1.25em;
-}
-
-.prose > ul > li > *:last-child {
-  margin-bottom: 1.25em;
-}
-
-.prose > ol > li > *:first-child {
-  margin-top: 1.25em;
-}
-
-.prose > ol > li > *:last-child {
-  margin-bottom: 1.25em;
-}
-
-.prose ul ul, .prose ul ol, .prose ol ul, .prose ol ol {
-  margin-top: 0.75em;
-  margin-bottom: 0.75em;
-}
-
-.prose hr + * {
-  margin-top: 0;
-}
-
-.prose h2 + * {
-  margin-top: 0;
-}
-
-.prose h3 + * {
-  margin-top: 0;
-}
-
-.prose h4 + * {
-  margin-top: 0;
-}
-
-.prose thead th:first-child {
-  padding-left: 0;
-}
-
-.prose thead th:last-child {
-  padding-right: 0;
-}
-
-.prose tbody td:first-child {
-  padding-left: 0;
-}
-
-.prose tbody td:last-child {
-  padding-right: 0;
-}
-
-.prose > :first-child {
-  margin-top: 0;
-}
-
-.prose > :last-child {
-  margin-bottom: 0;
-}
-
-.prose h1, .prose h2, .prose h3, .prose h4 {
-  color: #161e2e;
-}
-
-.prose-sm {
-  font-size: 0.875rem;
-  line-height: 1.7142857;
-}
-
-.prose-sm p {
-  margin-top: 1.1428571em;
-  margin-bottom: 1.1428571em;
-}
-
-.prose-sm [class~="lead"] {
-  font-size: 1.2857143em;
-  line-height: 1.5555556;
-  margin-top: 0.8888889em;
-  margin-bottom: 0.8888889em;
-}
-
-.prose-sm blockquote {
-  margin-top: 1.3333333em;
-  margin-bottom: 1.3333333em;
-  padding-left: 1.1111111em;
-}
-
-.prose-sm h1 {
-  font-size: 2.1428571em;
-  margin-top: 0;
-  margin-bottom: 0.8em;
-  line-height: 1.2;
-}
-
-.prose-sm h2 {
-  font-size: 1.4285714em;
-  margin-top: 1.6em;
-  margin-bottom: 0.8em;
-  line-height: 1.4;
-}
-
-.prose-sm h3 {
-  font-size: 1.2857143em;
-  margin-top: 1.5555556em;
-  margin-bottom: 0.4444444em;
-  line-height: 1.5555556;
-}
-
-.prose-sm h4 {
-  margin-top: 1.4285714em;
-  margin-bottom: 0.5714286em;
-  line-height: 1.4285714;
-}
-
-.prose-sm img {
-  margin-top: 1.7142857em;
-  margin-bottom: 1.7142857em;
-}
-
-.prose-sm video {
-  margin-top: 1.7142857em;
-  margin-bottom: 1.7142857em;
-}
-
-.prose-sm figure {
-  margin-top: 1.7142857em;
-  margin-bottom: 1.7142857em;
-}
-
-.prose-sm figure > * {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.prose-sm figure figcaption {
-  font-size: 0.8571429em;
-  line-height: 1.3333333;
-  margin-top: 0.6666667em;
-}
-
-.prose-sm code {
-  font-size: 0.8571429em;
-}
-
-.prose-sm h2 code {
-  font-size: 0.9em;
-}
-
-.prose-sm h3 code {
-  font-size: 0.8888889em;
-}
-
-.prose-sm pre {
-  font-size: 0.8571429em;
-  line-height: 1.6666667;
-  margin-top: 1.6666667em;
-  margin-bottom: 1.6666667em;
-  border-radius: 0.25rem;
-  padding-top: 0.6666667em;
-  padding-right: 1em;
-  padding-bottom: 0.6666667em;
-  padding-left: 1em;
-}
-
-.prose-sm ol {
-  margin-top: 1.1428571em;
-  margin-bottom: 1.1428571em;
-}
-
-.prose-sm ul {
-  margin-top: 1.1428571em;
-  margin-bottom: 1.1428571em;
-}
-
-.prose-sm li {
-  margin-top: 0.2857143em;
-  margin-bottom: 0.2857143em;
-}
-
-.prose-sm ol > li {
-  padding-left: 1.5714286em;
-}
-
-.prose-sm ol > li:before {
-  left: 0;
-}
-
-.prose-sm ul > li {
-  padding-left: 1.5714286em;
-}
-
-.prose-sm ul > li::before {
-  height: 0.3571429em;
-  width: 0.3571429em;
-  top: calc(0.8571429em - 0.1785714em);
-  left: 0.2142857em;
-}
-
-.prose-sm > ul > li p {
-  margin-top: 0.5714286em;
-  margin-bottom: 0.5714286em;
-}
-
-.prose-sm > ul > li > *:first-child {
-  margin-top: 1.1428571em;
-}
-
-.prose-sm > ul > li > *:last-child {
-  margin-bottom: 1.1428571em;
-}
-
-.prose-sm > ol > li > *:first-child {
-  margin-top: 1.1428571em;
-}
-
-.prose-sm > ol > li > *:last-child {
-  margin-bottom: 1.1428571em;
-}
-
-.prose-sm ul ul, .prose-sm ul ol, .prose-sm ol ul, .prose-sm ol ol {
-  margin-top: 0.5714286em;
-  margin-bottom: 0.5714286em;
-}
-
-.prose-sm hr {
-  margin-top: 2.8571429em;
-  margin-bottom: 2.8571429em;
-}
-
-.prose-sm hr + * {
-  margin-top: 0;
-}
-
-.prose-sm h2 + * {
-  margin-top: 0;
-}
-
-.prose-sm h3 + * {
-  margin-top: 0;
-}
-
-.prose-sm h4 + * {
-  margin-top: 0;
-}
-
-.prose-sm table {
-  font-size: 0.8571429em;
-  line-height: 1.5;
-}
-
-.prose-sm thead th {
-  padding-right: 1em;
-  padding-bottom: 0.6666667em;
-  padding-left: 1em;
-}
-
-.prose-sm thead th:first-child {
-  padding-left: 0;
-}
-
-.prose-sm thead th:last-child {
-  padding-right: 0;
-}
-
-.prose-sm tbody td {
-  padding-top: 0.6666667em;
-  padding-right: 1em;
-  padding-bottom: 0.6666667em;
-  padding-left: 1em;
-}
-
-.prose-sm tbody td:first-child {
-  padding-left: 0;
-}
-
-.prose-sm tbody td:last-child {
-  padding-right: 0;
-}
-
-.prose-sm > :first-child {
-  margin-top: 0;
-}
-
-.prose-sm > :last-child {
-  margin-bottom: 0;
-}
-
-.prose-lg {
-  font-size: 1.125rem;
-  line-height: 1.7777778;
-}
-
-.prose-lg p {
-  margin-top: 1.3333333em;
-  margin-bottom: 1.3333333em;
-}
-
-.prose-lg [class~="lead"] {
-  font-size: 1.2222222em;
-  line-height: 1.4545455;
-  margin-top: 1.0909091em;
-  margin-bottom: 1.0909091em;
-}
-
-.prose-lg blockquote {
-  margin-top: 1.6666667em;
-  margin-bottom: 1.6666667em;
-  padding-left: 1em;
-}
-
-.prose-lg h1 {
-  font-size: 2.6666667em;
-  margin-top: 0;
-  margin-bottom: 0.8333333em;
-  line-height: 1;
-}
-
-.prose-lg h2 {
-  font-size: 1.6666667em;
-  margin-top: 1.8666667em;
-  margin-bottom: 1.0666667em;
-  line-height: 1.3333333;
-}
-
-.prose-lg h3 {
-  font-size: 1.3333333em;
-  margin-top: 1.6666667em;
-  margin-bottom: 0.6666667em;
-  line-height: 1.5;
-}
-
-.prose-lg h4 {
-  margin-top: 1.7777778em;
-  margin-bottom: 0.4444444em;
-  line-height: 1.5555556;
-}
-
-.prose-lg img {
-  margin-top: 1.7777778em;
-  margin-bottom: 1.7777778em;
-}
-
-.prose-lg video {
-  margin-top: 1.7777778em;
-  margin-bottom: 1.7777778em;
-}
-
-.prose-lg figure {
-  margin-top: 1.7777778em;
-  margin-bottom: 1.7777778em;
-}
-
-.prose-lg figure > * {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.prose-lg figure figcaption {
-  font-size: 0.8888889em;
-  line-height: 1.5;
-  margin-top: 1em;
-}
-
-.prose-lg code {
-  font-size: 0.8888889em;
-}
-
-.prose-lg h2 code {
-  font-size: 0.8666667em;
-}
-
-.prose-lg h3 code {
-  font-size: 0.875em;
-}
-
-.prose-lg pre {
-  font-size: 0.8888889em;
-  line-height: 1.75;
-  margin-top: 2em;
-  margin-bottom: 2em;
-  border-radius: 0.375rem;
-  padding-top: 1em;
-  padding-right: 1.5em;
-  padding-bottom: 1em;
-  padding-left: 1.5em;
-}
-
-.prose-lg ol {
-  margin-top: 1.3333333em;
-  margin-bottom: 1.3333333em;
-}
-
-.prose-lg ul {
-  margin-top: 1.3333333em;
-  margin-bottom: 1.3333333em;
-}
-
-.prose-lg li {
-  margin-top: 0.6666667em;
-  margin-bottom: 0.6666667em;
-}
-
-.prose-lg ol > li {
-  padding-left: 1.6666667em;
-}
-
-.prose-lg ol > li:before {
-  left: 0;
-}
-
-.prose-lg ul > li {
-  padding-left: 1.6666667em;
-}
-
-.prose-lg ul > li::before {
-  width: 0.3333333em;
-  height: 0.3333333em;
-  top: calc(0.8888889em - 0.1666667em);
-  left: 0.2222222em;
-}
-
-.prose-lg > ul > li p {
-  margin-top: 0.8888889em;
-  margin-bottom: 0.8888889em;
-}
-
-.prose-lg > ul > li > *:first-child {
-  margin-top: 1.3333333em;
-}
-
-.prose-lg > ul > li > *:last-child {
-  margin-bottom: 1.3333333em;
-}
-
-.prose-lg > ol > li > *:first-child {
-  margin-top: 1.3333333em;
-}
-
-.prose-lg > ol > li > *:last-child {
-  margin-bottom: 1.3333333em;
-}
-
-.prose-lg ul ul, .prose-lg ul ol, .prose-lg ol ul, .prose-lg ol ol {
-  margin-top: 0.8888889em;
-  margin-bottom: 0.8888889em;
-}
-
-.prose-lg hr {
-  margin-top: 3.1111111em;
-  margin-bottom: 3.1111111em;
-}
-
-.prose-lg hr + * {
-  margin-top: 0;
-}
-
-.prose-lg h2 + * {
-  margin-top: 0;
-}
-
-.prose-lg h3 + * {
-  margin-top: 0;
-}
-
-.prose-lg h4 + * {
-  margin-top: 0;
-}
-
-.prose-lg table {
-  font-size: 0.8888889em;
-  line-height: 1.5;
-}
-
-.prose-lg thead th {
-  padding-right: 0.75em;
-  padding-bottom: 0.75em;
-  padding-left: 0.75em;
-}
-
-.prose-lg thead th:first-child {
-  padding-left: 0;
-}
-
-.prose-lg thead th:last-child {
-  padding-right: 0;
-}
-
-.prose-lg tbody td {
-  padding-top: 0.75em;
-  padding-right: 0.75em;
-  padding-bottom: 0.75em;
-  padding-left: 0.75em;
-}
-
-.prose-lg tbody td:first-child {
-  padding-left: 0;
-}
-
-.prose-lg tbody td:last-child {
-  padding-right: 0;
-}
-
-.prose-lg > :first-child {
-  margin-top: 0;
-}
-
-.prose-lg > :last-child {
-  margin-bottom: 0;
-}
-
-.prose-xl {
-  font-size: 1.25rem;
-  line-height: 1.8;
-}
-
-.prose-xl p {
-  margin-top: 1.2em;
-  margin-bottom: 1.2em;
-}
-
-.prose-xl [class~="lead"] {
-  font-size: 1.2em;
-  line-height: 1.5;
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
-
-.prose-xl blockquote {
-  margin-top: 1.6em;
-  margin-bottom: 1.6em;
-  padding-left: 1.0666667em;
-}
-
-.prose-xl h1 {
-  font-size: 2.8em;
-  margin-top: 0;
-  margin-bottom: 0.8571429em;
-  line-height: 1;
-}
-
-.prose-xl h2 {
-  font-size: 1.8em;
-  margin-top: 1.5555556em;
-  margin-bottom: 0.8888889em;
-  line-height: 1.1111111;
-}
-
-.prose-xl h3 {
-  font-size: 1.5em;
-  margin-top: 1.6em;
-  margin-bottom: 0.6666667em;
-  line-height: 1.3333333;
-}
-
-.prose-xl h4 {
-  margin-top: 1.8em;
-  margin-bottom: 0.6em;
-  line-height: 1.6;
-}
-
-.prose-xl img {
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-
-.prose-xl video {
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-
-.prose-xl figure {
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-
-.prose-xl figure > * {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.prose-xl figure figcaption {
-  font-size: 0.9em;
-  line-height: 1.5555556;
-  margin-top: 1em;
-}
-
-.prose-xl code {
-  font-size: 0.9em;
-}
-
-.prose-xl h2 code {
-  font-size: 0.8611111em;
-}
-
-.prose-xl h3 code {
-  font-size: 0.9em;
-}
-
-.prose-xl pre {
-  font-size: 0.9em;
-  line-height: 1.7777778;
-  margin-top: 2em;
-  margin-bottom: 2em;
-  border-radius: 0.5rem;
-  padding-top: 1.1111111em;
-  padding-right: 1.3333333em;
-  padding-bottom: 1.1111111em;
-  padding-left: 1.3333333em;
-}
-
-.prose-xl ol {
-  margin-top: 1.2em;
-  margin-bottom: 1.2em;
-}
-
-.prose-xl ul {
-  margin-top: 1.2em;
-  margin-bottom: 1.2em;
-}
-
-.prose-xl li {
-  margin-top: 0.6em;
-  margin-bottom: 0.6em;
-}
-
-.prose-xl ol > li {
-  padding-left: 1.8em;
-}
-
-.prose-xl ol > li:before {
-  left: 0;
-}
-
-.prose-xl ul > li {
-  padding-left: 1.8em;
-}
-
-.prose-xl ul > li::before {
-  width: 0.35em;
-  height: 0.35em;
-  top: calc(0.9em - 0.175em);
-  left: 0.25em;
-}
-
-.prose-xl > ul > li p {
-  margin-top: 0.8em;
-  margin-bottom: 0.8em;
-}
-
-.prose-xl > ul > li > *:first-child {
-  margin-top: 1.2em;
-}
-
-.prose-xl > ul > li > *:last-child {
-  margin-bottom: 1.2em;
-}
-
-.prose-xl > ol > li > *:first-child {
-  margin-top: 1.2em;
-}
-
-.prose-xl > ol > li > *:last-child {
-  margin-bottom: 1.2em;
-}
-
-.prose-xl ul ul, .prose-xl ul ol, .prose-xl ol ul, .prose-xl ol ol {
-  margin-top: 0.8em;
-  margin-bottom: 0.8em;
-}
-
-.prose-xl hr {
-  margin-top: 2.8em;
-  margin-bottom: 2.8em;
-}
-
-.prose-xl hr + * {
-  margin-top: 0;
-}
-
-.prose-xl h2 + * {
-  margin-top: 0;
-}
-
-.prose-xl h3 + * {
-  margin-top: 0;
-}
-
-.prose-xl h4 + * {
-  margin-top: 0;
-}
-
-.prose-xl table {
-  font-size: 0.9em;
-  line-height: 1.5555556;
-}
-
-.prose-xl thead th {
-  padding-right: 0.6666667em;
-  padding-bottom: 0.8888889em;
-  padding-left: 0.6666667em;
-}
-
-.prose-xl thead th:first-child {
-  padding-left: 0;
-}
-
-.prose-xl thead th:last-child {
-  padding-right: 0;
-}
-
-.prose-xl tbody td {
-  padding-top: 0.8888889em;
-  padding-right: 0.6666667em;
-  padding-bottom: 0.8888889em;
-  padding-left: 0.6666667em;
-}
-
-.prose-xl tbody td:first-child {
-  padding-left: 0;
-}
-
-.prose-xl tbody td:last-child {
-  padding-right: 0;
-}
-
-.prose-xl > :first-child {
-  margin-top: 0;
-}
-
-.prose-xl > :last-child {
-  margin-bottom: 0;
-}
-
-.prose-2xl {
-  font-size: 1.5rem;
-  line-height: 1.6666667;
-}
-
-.prose-2xl p {
-  margin-top: 1.3333333em;
-  margin-bottom: 1.3333333em;
-}
-
-.prose-2xl [class~="lead"] {
-  font-size: 1.25em;
-  line-height: 1.4666667;
-  margin-top: 1.0666667em;
-  margin-bottom: 1.0666667em;
-}
-
-.prose-2xl blockquote {
-  margin-top: 1.7777778em;
-  margin-bottom: 1.7777778em;
-  padding-left: 1.1111111em;
-}
-
-.prose-2xl h1 {
-  font-size: 2.6666667em;
-  margin-top: 0;
-  margin-bottom: 0.875em;
-  line-height: 1;
-}
-
-.prose-2xl h2 {
-  font-size: 2em;
-  margin-top: 1.5em;
-  margin-bottom: 0.8333333em;
-  line-height: 1.0833333;
-}
-
-.prose-2xl h3 {
-  font-size: 1.5em;
-  margin-top: 1.5555556em;
-  margin-bottom: 0.6666667em;
-  line-height: 1.2222222;
-}
-
-.prose-2xl h4 {
-  margin-top: 1.6666667em;
-  margin-bottom: 0.6666667em;
-  line-height: 1.5;
-}
-
-.prose-2xl img {
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-
-.prose-2xl video {
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-
-.prose-2xl figure {
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-
-.prose-2xl figure > * {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.prose-2xl figure figcaption {
-  font-size: 0.8333333em;
-  line-height: 1.6;
-  margin-top: 1em;
-}
-
-.prose-2xl code {
-  font-size: 0.8333333em;
-}
-
-.prose-2xl h2 code {
-  font-size: 0.875em;
-}
-
-.prose-2xl h3 code {
-  font-size: 0.8888889em;
-}
-
-.prose-2xl pre {
-  font-size: 0.8333333em;
-  line-height: 1.8;
-  margin-top: 2em;
-  margin-bottom: 2em;
-  border-radius: 0.5rem;
-  padding-top: 1.2em;
-  padding-right: 1.6em;
-  padding-bottom: 1.2em;
-  padding-left: 1.6em;
-}
-
-.prose-2xl ol {
-  margin-top: 1.3333333em;
-  margin-bottom: 1.3333333em;
-}
-
-.prose-2xl ul {
-  margin-top: 1.3333333em;
-  margin-bottom: 1.3333333em;
-}
-
-.prose-2xl li {
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
-}
-
-.prose-2xl ol > li {
-  padding-left: 1.6666667em;
-}
-
-.prose-2xl ol > li:before {
-  left: 0;
-}
-
-.prose-2xl ul > li {
-  padding-left: 1.6666667em;
-}
-
-.prose-2xl ul > li::before {
-  width: 0.3333333em;
-  height: 0.3333333em;
-  top: calc(0.8333333em - 0.1666667em);
-  left: 0.25em;
-}
-
-.prose-2xl > ul > li p {
-  margin-top: 0.8333333em;
-  margin-bottom: 0.8333333em;
-}
-
-.prose-2xl > ul > li > *:first-child {
-  margin-top: 1.3333333em;
-}
-
-.prose-2xl > ul > li > *:last-child {
-  margin-bottom: 1.3333333em;
-}
-
-.prose-2xl > ol > li > *:first-child {
-  margin-top: 1.3333333em;
-}
-
-.prose-2xl > ol > li > *:last-child {
-  margin-bottom: 1.3333333em;
-}
-
-.prose-2xl ul ul, .prose-2xl ul ol, .prose-2xl ol ul, .prose-2xl ol ol {
-  margin-top: 0.6666667em;
-  margin-bottom: 0.6666667em;
-}
-
-.prose-2xl hr {
-  margin-top: 3em;
-  margin-bottom: 3em;
-}
-
-.prose-2xl hr + * {
-  margin-top: 0;
-}
-
-.prose-2xl h2 + * {
-  margin-top: 0;
-}
-
-.prose-2xl h3 + * {
-  margin-top: 0;
-}
-
-.prose-2xl h4 + * {
-  margin-top: 0;
-}
-
-.prose-2xl table {
-  font-size: 0.8333333em;
-  line-height: 1.4;
-}
-
-.prose-2xl thead th {
-  padding-right: 0.6em;
-  padding-bottom: 0.8em;
-  padding-left: 0.6em;
-}
-
-.prose-2xl thead th:first-child {
-  padding-left: 0;
-}
-
-.prose-2xl thead th:last-child {
-  padding-right: 0;
-}
-
-.prose-2xl tbody td {
-  padding-top: 0.8em;
-  padding-right: 0.6em;
-  padding-bottom: 0.8em;
-  padding-left: 0.6em;
-}
-
-.prose-2xl tbody td:first-child {
-  padding-left: 0;
-}
-
-.prose-2xl tbody td:last-child {
-  padding-right: 0;
-}
-
-.prose-2xl > :first-child {
-  margin-top: 0;
-}
-
-.prose-2xl > :last-child {
-  margin-bottom: 0;
-}
-
-.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);
-}
-
-button:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.button-primary {
-  --text-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--text-opacity));
-}
-
-.button-primary:hover {
-  font-weight: 600;
-}
-
-.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: #374151;
-  color: rgba(55, 65, 81, var(--text-opacity));
-}
-
-.button-link:hover {
-  --text-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--text-opacity));
-  text-decoration: underline;
-}
-
-.button-link:focus {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-  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: 2px solid transparent;
-  outline-offset: 2px;
-  --bg-opacity: 1;
-  background-color: #f9fafb;
-  background-color: rgba(249, 250, 251, var(--bg-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;
-  --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: 2px solid transparent;
-  outline-offset: 2px;
-  --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;
-}
-
-/* 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-44 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(11rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(11rem * var(--space-y-reverse));
-}
-
-.space-x-44 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(11rem * var(--space-x-reverse));
-  margin-left: calc(11rem * 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-52 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(13rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(13rem * var(--space-y-reverse));
-}
-
-.space-x-52 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(13rem * var(--space-x-reverse));
-  margin-left: calc(13rem * 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-44 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-11rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-11rem * var(--space-y-reverse));
-}
-
-.-space-x-44 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-11rem * var(--space-x-reverse));
-  margin-left: calc(-11rem * 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-52 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-13rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-13rem * var(--space-y-reverse));
-}
-
-.-space-x-52 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-13rem * var(--space-x-reverse));
-  margin-left: calc(-13rem * 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-current > :not(template) ~ :not(template) {
-  border-color: currentColor;
-}
-
-.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-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: #73230d;
-  border-color: rgba(115, 35, 13, 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-cool-gray-50 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #f8fafc;
-  border-color: rgba(248, 250, 252, 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-solid > :not(template) ~ :not(template) {
-  border-style: solid;
-}
-
-.divide-dashed > :not(template) ~ :not(template) {
-  border-style: dashed;
-}
-
-.divide-dotted > :not(template) ~ :not(template) {
-  border-style: dotted;
-}
-
-.divide-double > :not(template) ~ :not(template) {
-  border-style: double;
-}
-
-.divide-none > :not(template) ~ :not(template) {
-  border-style: none;
-}
-
-.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-clip-border {
-  background-clip: border-box;
-}
-
-.bg-clip-padding {
-  background-clip: padding-box;
-}
-
-.bg-clip-content {
-  background-clip: content-box;
-}
-
-.bg-clip-text {
-  -webkit-background-clip: text;
-          background-clip: text;
-}
-
-.bg-current {
-  background-color: currentColor;
-}
-
-.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-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: #73230d;
-  background-color: rgba(115, 35, 13, 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));
-}
-
-.bg-cool-gray-50 {
-  --bg-opacity: 1;
-  background-color: #f8fafc;
-  background-color: rgba(248, 250, 252, 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));
-}
-
-.group:hover .group-hover\:bg-current {
-  background-color: currentColor;
-}
-
-.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-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: #73230d;
-  background-color: rgba(115, 35, 13, 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:hover .group-hover\:bg-cool-gray-50 {
-  --bg-opacity: 1;
-  background-color: #f8fafc;
-  background-color: rgba(248, 250, 252, 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:focus .group-focus\:bg-current {
-  background-color: currentColor;
-}
-
-.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-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: #73230d;
-  background-color: rgba(115, 35, 13, 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));
-}
-
-.group:focus .group-focus\:bg-cool-gray-50 {
-  --bg-opacity: 1;
-  background-color: #f8fafc;
-  background-color: rgba(248, 250, 252, 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));
-}
-
-.hover\:bg-current:hover {
-  background-color: currentColor;
-}
-
-.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-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: #73230d;
-  background-color: rgba(115, 35, 13, 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));
-}
-
-.hover\:bg-cool-gray-50:hover {
-  --bg-opacity: 1;
-  background-color: #f8fafc;
-  background-color: rgba(248, 250, 252, 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));
-}
-
-.focus\:bg-current:focus {
-  background-color: currentColor;
-}
-
-.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-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: #73230d;
-  background-color: rgba(115, 35, 13, 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));
-}
-
-.focus\:bg-cool-gray-50:focus {
-  --bg-opacity: 1;
-  background-color: #f8fafc;
-  background-color: rgba(248, 250, 252, 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));
-}
-
-.active\:bg-current:active {
-  background-color: currentColor;
-}
-
-.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-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: #73230d;
-  background-color: rgba(115, 35, 13, 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));
-}
-
-.active\:bg-cool-gray-50:active {
-  --bg-opacity: 1;
-  background-color: #f8fafc;
-  background-color: rgba(248, 250, 252, 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));
-}
-
-.bg-none {
-  background-image: none;
-}
-
-.bg-gradient-to-t {
-  background-image: linear-gradient(to top, var(--gradient-color-stops));
-}
-
-.bg-gradient-to-tr {
-  background-image: linear-gradient(to top right, var(--gradient-color-stops));
-}
-
-.bg-gradient-to-r {
-  background-image: linear-gradient(to right, var(--gradient-color-stops));
-}
-
-.bg-gradient-to-br {
-  background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
-}
-
-.bg-gradient-to-b {
-  background-image: linear-gradient(to bottom, var(--gradient-color-stops));
-}
-
-.bg-gradient-to-bl {
-  background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
-}
-
-.bg-gradient-to-l {
-  background-image: linear-gradient(to left, var(--gradient-color-stops));
-}
-
-.bg-gradient-to-tl {
-  background-image: linear-gradient(to top left, var(--gradient-color-stops));
-}
-
-.from-current {
-  --gradient-from-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-}
-
-.from-transparent {
-  --gradient-from-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-}
-
-.from-white {
-  --gradient-from-color: #ffffff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-}
-
-.from-black {
-  --gradient-from-color: #000000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-}
-
-.from-gray-50 {
-  --gradient-from-color: #f9fafb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-}
-
-.from-gray-100 {
-  --gradient-from-color: #f4f5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-}
-
-.from-gray-200 {
-  --gradient-from-color: #e5e7eb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-}
-
-.from-gray-300 {
-  --gradient-from-color: #d2d6dc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-}
-
-.from-gray-400 {
-  --gradient-from-color: #9fa6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-}
-
-.from-gray-500 {
-  --gradient-from-color: #6b7280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-}
-
-.from-gray-600 {
-  --gradient-from-color: #4b5563;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-}
-
-.from-gray-700 {
-  --gradient-from-color: #374151;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-}
-
-.from-gray-800 {
-  --gradient-from-color: #252f3f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-}
-
-.from-gray-900 {
-  --gradient-from-color: #161e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-}
-
-.from-red-50 {
-  --gradient-from-color: #fdf2f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-}
-
-.from-red-100 {
-  --gradient-from-color: #fde8e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-}
-
-.from-red-200 {
-  --gradient-from-color: #fbd5d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-}
-
-.from-red-300 {
-  --gradient-from-color: #f8b4b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-}
-
-.from-red-400 {
-  --gradient-from-color: #f98080;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-}
-
-.from-red-500 {
-  --gradient-from-color: #f05252;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-}
-
-.from-red-600 {
-  --gradient-from-color: #e02424;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-}
-
-.from-red-700 {
-  --gradient-from-color: #c81e1e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-}
-
-.from-red-800 {
-  --gradient-from-color: #9b1c1c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-}
-
-.from-red-900 {
-  --gradient-from-color: #771d1d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-}
-
-.from-orange-50 {
-  --gradient-from-color: #fff8f1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-}
-
-.from-orange-100 {
-  --gradient-from-color: #feecdc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-}
-
-.from-orange-200 {
-  --gradient-from-color: #fcd9bd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-}
-
-.from-orange-300 {
-  --gradient-from-color: #fdba8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-}
-
-.from-orange-400 {
-  --gradient-from-color: #ff8a4c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-}
-
-.from-orange-500 {
-  --gradient-from-color: #ff5a1f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-}
-
-.from-orange-600 {
-  --gradient-from-color: #d03801;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-}
-
-.from-orange-700 {
-  --gradient-from-color: #b43403;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-}
-
-.from-orange-800 {
-  --gradient-from-color: #8a2c0d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-}
-
-.from-orange-900 {
-  --gradient-from-color: #73230d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-}
-
-.from-yellow-50 {
-  --gradient-from-color: #fdfdea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-}
-
-.from-yellow-100 {
-  --gradient-from-color: #fdf6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-}
-
-.from-yellow-200 {
-  --gradient-from-color: #fce96a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-}
-
-.from-yellow-300 {
-  --gradient-from-color: #faca15;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-}
-
-.from-yellow-400 {
-  --gradient-from-color: #e3a008;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-}
-
-.from-yellow-500 {
-  --gradient-from-color: #c27803;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-}
-
-.from-yellow-600 {
-  --gradient-from-color: #9f580a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-}
-
-.from-yellow-700 {
-  --gradient-from-color: #8e4b10;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-}
-
-.from-yellow-800 {
-  --gradient-from-color: #723b13;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-}
-
-.from-yellow-900 {
-  --gradient-from-color: #633112;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-}
-
-.from-green-50 {
-  --gradient-from-color: #f3faf7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-}
-
-.from-green-100 {
-  --gradient-from-color: #def7ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-}
-
-.from-green-200 {
-  --gradient-from-color: #bcf0da;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-}
-
-.from-green-300 {
-  --gradient-from-color: #84e1bc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-}
-
-.from-green-400 {
-  --gradient-from-color: #31c48d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-}
-
-.from-green-500 {
-  --gradient-from-color: #0e9f6e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-}
-
-.from-green-600 {
-  --gradient-from-color: #057a55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-}
-
-.from-green-700 {
-  --gradient-from-color: #046c4e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-}
-
-.from-green-800 {
-  --gradient-from-color: #03543f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-}
-
-.from-green-900 {
-  --gradient-from-color: #014737;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-}
-
-.from-teal-50 {
-  --gradient-from-color: #edfafa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-}
-
-.from-teal-100 {
-  --gradient-from-color: #d5f5f6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-}
-
-.from-teal-200 {
-  --gradient-from-color: #afecef;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-}
-
-.from-teal-300 {
-  --gradient-from-color: #7edce2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-}
-
-.from-teal-400 {
-  --gradient-from-color: #16bdca;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-}
-
-.from-teal-500 {
-  --gradient-from-color: #0694a2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-}
-
-.from-teal-600 {
-  --gradient-from-color: #047481;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-}
-
-.from-teal-700 {
-  --gradient-from-color: #036672;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-}
-
-.from-teal-800 {
-  --gradient-from-color: #05505c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-}
-
-.from-teal-900 {
-  --gradient-from-color: #014451;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-}
-
-.from-blue-50 {
-  --gradient-from-color: #ebf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-}
-
-.from-blue-100 {
-  --gradient-from-color: #e1effe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-}
-
-.from-blue-200 {
-  --gradient-from-color: #c3ddfd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-}
-
-.from-blue-300 {
-  --gradient-from-color: #a4cafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-}
-
-.from-blue-400 {
-  --gradient-from-color: #76a9fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-}
-
-.from-blue-500 {
-  --gradient-from-color: #3f83f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-}
-
-.from-blue-600 {
-  --gradient-from-color: #1c64f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-}
-
-.from-blue-700 {
-  --gradient-from-color: #1a56db;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-}
-
-.from-blue-800 {
-  --gradient-from-color: #1e429f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-}
-
-.from-blue-900 {
-  --gradient-from-color: #233876;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-}
-
-.from-indigo-50 {
-  --gradient-from-color: #f0f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-}
-
-.from-indigo-100 {
-  --gradient-from-color: #e5edff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-}
-
-.from-indigo-200 {
-  --gradient-from-color: #cddbfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-}
-
-.from-indigo-300 {
-  --gradient-from-color: #b4c6fc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-}
-
-.from-indigo-400 {
-  --gradient-from-color: #8da2fb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-}
-
-.from-indigo-500 {
-  --gradient-from-color: #6875f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-}
-
-.from-indigo-600 {
-  --gradient-from-color: #5850ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-}
-
-.from-indigo-700 {
-  --gradient-from-color: #5145cd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-}
-
-.from-indigo-800 {
-  --gradient-from-color: #42389d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-}
-
-.from-indigo-900 {
-  --gradient-from-color: #362f78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-}
-
-.from-purple-50 {
-  --gradient-from-color: #f6f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-}
-
-.from-purple-100 {
-  --gradient-from-color: #edebfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-}
-
-.from-purple-200 {
-  --gradient-from-color: #dcd7fe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-}
-
-.from-purple-300 {
-  --gradient-from-color: #cabffd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-}
-
-.from-purple-400 {
-  --gradient-from-color: #ac94fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-}
-
-.from-purple-500 {
-  --gradient-from-color: #9061f9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-}
-
-.from-purple-600 {
-  --gradient-from-color: #7e3af2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-}
-
-.from-purple-700 {
-  --gradient-from-color: #6c2bd9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-}
-
-.from-purple-800 {
-  --gradient-from-color: #5521b5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-}
-
-.from-purple-900 {
-  --gradient-from-color: #4a1d96;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-}
-
-.from-pink-50 {
-  --gradient-from-color: #fdf2f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-}
-
-.from-pink-100 {
-  --gradient-from-color: #fce8f3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-}
-
-.from-pink-200 {
-  --gradient-from-color: #fad1e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-}
-
-.from-pink-300 {
-  --gradient-from-color: #f8b4d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-}
-
-.from-pink-400 {
-  --gradient-from-color: #f17eb8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-}
-
-.from-pink-500 {
-  --gradient-from-color: #e74694;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-}
-
-.from-pink-600 {
-  --gradient-from-color: #d61f69;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-}
-
-.from-pink-700 {
-  --gradient-from-color: #bf125d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-}
-
-.from-pink-800 {
-  --gradient-from-color: #99154b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-}
-
-.from-pink-900 {
-  --gradient-from-color: #751a3d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-}
-
-.from-cool-gray-50 {
-  --gradient-from-color: #f8fafc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-}
-
-.from-cool-gray-100 {
-  --gradient-from-color: #f1f5f9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-}
-
-.from-cool-gray-200 {
-  --gradient-from-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-}
-
-.from-cool-gray-300 {
-  --gradient-from-color: #cfd8e3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-}
-
-.from-cool-gray-400 {
-  --gradient-from-color: #97a6ba;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-}
-
-.from-cool-gray-500 {
-  --gradient-from-color: #64748b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-}
-
-.from-cool-gray-600 {
-  --gradient-from-color: #475569;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-}
-
-.from-cool-gray-700 {
-  --gradient-from-color: #364152;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-}
-
-.from-cool-gray-800 {
-  --gradient-from-color: #27303f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-}
-
-.from-cool-gray-900 {
-  --gradient-from-color: #1a202e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-}
-
-.via-current {
-  --gradient-via-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-}
-
-.via-transparent {
-  --gradient-via-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-}
-
-.via-white {
-  --gradient-via-color: #ffffff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-}
-
-.via-black {
-  --gradient-via-color: #000000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-}
-
-.via-gray-50 {
-  --gradient-via-color: #f9fafb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-}
-
-.via-gray-100 {
-  --gradient-via-color: #f4f5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-}
-
-.via-gray-200 {
-  --gradient-via-color: #e5e7eb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-}
-
-.via-gray-300 {
-  --gradient-via-color: #d2d6dc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-}
-
-.via-gray-400 {
-  --gradient-via-color: #9fa6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-}
-
-.via-gray-500 {
-  --gradient-via-color: #6b7280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-}
-
-.via-gray-600 {
-  --gradient-via-color: #4b5563;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-}
-
-.via-gray-700 {
-  --gradient-via-color: #374151;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-}
-
-.via-gray-800 {
-  --gradient-via-color: #252f3f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-}
-
-.via-gray-900 {
-  --gradient-via-color: #161e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-}
-
-.via-red-50 {
-  --gradient-via-color: #fdf2f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-}
-
-.via-red-100 {
-  --gradient-via-color: #fde8e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-}
-
-.via-red-200 {
-  --gradient-via-color: #fbd5d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-}
-
-.via-red-300 {
-  --gradient-via-color: #f8b4b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-}
-
-.via-red-400 {
-  --gradient-via-color: #f98080;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-}
-
-.via-red-500 {
-  --gradient-via-color: #f05252;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-}
-
-.via-red-600 {
-  --gradient-via-color: #e02424;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-}
-
-.via-red-700 {
-  --gradient-via-color: #c81e1e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-}
-
-.via-red-800 {
-  --gradient-via-color: #9b1c1c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-}
-
-.via-red-900 {
-  --gradient-via-color: #771d1d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-}
-
-.via-orange-50 {
-  --gradient-via-color: #fff8f1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-}
-
-.via-orange-100 {
-  --gradient-via-color: #feecdc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-}
-
-.via-orange-200 {
-  --gradient-via-color: #fcd9bd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-}
-
-.via-orange-300 {
-  --gradient-via-color: #fdba8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-}
-
-.via-orange-400 {
-  --gradient-via-color: #ff8a4c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-}
-
-.via-orange-500 {
-  --gradient-via-color: #ff5a1f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-}
-
-.via-orange-600 {
-  --gradient-via-color: #d03801;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-}
-
-.via-orange-700 {
-  --gradient-via-color: #b43403;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-}
-
-.via-orange-800 {
-  --gradient-via-color: #8a2c0d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-}
-
-.via-orange-900 {
-  --gradient-via-color: #73230d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-}
-
-.via-yellow-50 {
-  --gradient-via-color: #fdfdea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-}
-
-.via-yellow-100 {
-  --gradient-via-color: #fdf6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-}
-
-.via-yellow-200 {
-  --gradient-via-color: #fce96a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-}
-
-.via-yellow-300 {
-  --gradient-via-color: #faca15;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-}
-
-.via-yellow-400 {
-  --gradient-via-color: #e3a008;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-}
-
-.via-yellow-500 {
-  --gradient-via-color: #c27803;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-}
-
-.via-yellow-600 {
-  --gradient-via-color: #9f580a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-}
-
-.via-yellow-700 {
-  --gradient-via-color: #8e4b10;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-}
-
-.via-yellow-800 {
-  --gradient-via-color: #723b13;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-}
-
-.via-yellow-900 {
-  --gradient-via-color: #633112;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-}
-
-.via-green-50 {
-  --gradient-via-color: #f3faf7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-}
-
-.via-green-100 {
-  --gradient-via-color: #def7ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-}
-
-.via-green-200 {
-  --gradient-via-color: #bcf0da;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-}
-
-.via-green-300 {
-  --gradient-via-color: #84e1bc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-}
-
-.via-green-400 {
-  --gradient-via-color: #31c48d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-}
-
-.via-green-500 {
-  --gradient-via-color: #0e9f6e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-}
-
-.via-green-600 {
-  --gradient-via-color: #057a55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-}
-
-.via-green-700 {
-  --gradient-via-color: #046c4e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-}
-
-.via-green-800 {
-  --gradient-via-color: #03543f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-}
-
-.via-green-900 {
-  --gradient-via-color: #014737;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-}
-
-.via-teal-50 {
-  --gradient-via-color: #edfafa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-}
-
-.via-teal-100 {
-  --gradient-via-color: #d5f5f6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-}
-
-.via-teal-200 {
-  --gradient-via-color: #afecef;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-}
-
-.via-teal-300 {
-  --gradient-via-color: #7edce2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-}
-
-.via-teal-400 {
-  --gradient-via-color: #16bdca;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-}
-
-.via-teal-500 {
-  --gradient-via-color: #0694a2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-}
-
-.via-teal-600 {
-  --gradient-via-color: #047481;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-}
-
-.via-teal-700 {
-  --gradient-via-color: #036672;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-}
-
-.via-teal-800 {
-  --gradient-via-color: #05505c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-}
-
-.via-teal-900 {
-  --gradient-via-color: #014451;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-}
-
-.via-blue-50 {
-  --gradient-via-color: #ebf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-}
-
-.via-blue-100 {
-  --gradient-via-color: #e1effe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-}
-
-.via-blue-200 {
-  --gradient-via-color: #c3ddfd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-}
-
-.via-blue-300 {
-  --gradient-via-color: #a4cafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-}
-
-.via-blue-400 {
-  --gradient-via-color: #76a9fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-}
-
-.via-blue-500 {
-  --gradient-via-color: #3f83f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-}
-
-.via-blue-600 {
-  --gradient-via-color: #1c64f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-}
-
-.via-blue-700 {
-  --gradient-via-color: #1a56db;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-}
-
-.via-blue-800 {
-  --gradient-via-color: #1e429f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-}
-
-.via-blue-900 {
-  --gradient-via-color: #233876;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-}
-
-.via-indigo-50 {
-  --gradient-via-color: #f0f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-}
-
-.via-indigo-100 {
-  --gradient-via-color: #e5edff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-}
-
-.via-indigo-200 {
-  --gradient-via-color: #cddbfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-}
-
-.via-indigo-300 {
-  --gradient-via-color: #b4c6fc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-}
-
-.via-indigo-400 {
-  --gradient-via-color: #8da2fb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-}
-
-.via-indigo-500 {
-  --gradient-via-color: #6875f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-}
-
-.via-indigo-600 {
-  --gradient-via-color: #5850ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-}
-
-.via-indigo-700 {
-  --gradient-via-color: #5145cd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-}
-
-.via-indigo-800 {
-  --gradient-via-color: #42389d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-}
-
-.via-indigo-900 {
-  --gradient-via-color: #362f78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-}
-
-.via-purple-50 {
-  --gradient-via-color: #f6f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-}
-
-.via-purple-100 {
-  --gradient-via-color: #edebfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-}
-
-.via-purple-200 {
-  --gradient-via-color: #dcd7fe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-}
-
-.via-purple-300 {
-  --gradient-via-color: #cabffd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-}
-
-.via-purple-400 {
-  --gradient-via-color: #ac94fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-}
-
-.via-purple-500 {
-  --gradient-via-color: #9061f9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-}
-
-.via-purple-600 {
-  --gradient-via-color: #7e3af2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-}
-
-.via-purple-700 {
-  --gradient-via-color: #6c2bd9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-}
-
-.via-purple-800 {
-  --gradient-via-color: #5521b5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-}
-
-.via-purple-900 {
-  --gradient-via-color: #4a1d96;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-}
-
-.via-pink-50 {
-  --gradient-via-color: #fdf2f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-}
-
-.via-pink-100 {
-  --gradient-via-color: #fce8f3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-}
-
-.via-pink-200 {
-  --gradient-via-color: #fad1e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-}
-
-.via-pink-300 {
-  --gradient-via-color: #f8b4d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-}
-
-.via-pink-400 {
-  --gradient-via-color: #f17eb8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-}
-
-.via-pink-500 {
-  --gradient-via-color: #e74694;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-}
-
-.via-pink-600 {
-  --gradient-via-color: #d61f69;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-}
-
-.via-pink-700 {
-  --gradient-via-color: #bf125d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-}
-
-.via-pink-800 {
-  --gradient-via-color: #99154b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-}
-
-.via-pink-900 {
-  --gradient-via-color: #751a3d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-}
-
-.via-cool-gray-50 {
-  --gradient-via-color: #f8fafc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-}
-
-.via-cool-gray-100 {
-  --gradient-via-color: #f1f5f9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-}
-
-.via-cool-gray-200 {
-  --gradient-via-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-}
-
-.via-cool-gray-300 {
-  --gradient-via-color: #cfd8e3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-}
-
-.via-cool-gray-400 {
-  --gradient-via-color: #97a6ba;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-}
-
-.via-cool-gray-500 {
-  --gradient-via-color: #64748b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-}
-
-.via-cool-gray-600 {
-  --gradient-via-color: #475569;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-}
-
-.via-cool-gray-700 {
-  --gradient-via-color: #364152;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-}
-
-.via-cool-gray-800 {
-  --gradient-via-color: #27303f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-}
-
-.via-cool-gray-900 {
-  --gradient-via-color: #1a202e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-}
-
-.to-current {
-  --gradient-to-color: currentColor;
-}
-
-.to-transparent {
-  --gradient-to-color: transparent;
-}
-
-.to-white {
-  --gradient-to-color: #ffffff;
-}
-
-.to-black {
-  --gradient-to-color: #000000;
-}
-
-.to-gray-50 {
-  --gradient-to-color: #f9fafb;
-}
-
-.to-gray-100 {
-  --gradient-to-color: #f4f5f7;
-}
-
-.to-gray-200 {
-  --gradient-to-color: #e5e7eb;
-}
-
-.to-gray-300 {
-  --gradient-to-color: #d2d6dc;
-}
-
-.to-gray-400 {
-  --gradient-to-color: #9fa6b2;
-}
-
-.to-gray-500 {
-  --gradient-to-color: #6b7280;
-}
-
-.to-gray-600 {
-  --gradient-to-color: #4b5563;
-}
-
-.to-gray-700 {
-  --gradient-to-color: #374151;
-}
-
-.to-gray-800 {
-  --gradient-to-color: #252f3f;
-}
-
-.to-gray-900 {
-  --gradient-to-color: #161e2e;
-}
-
-.to-red-50 {
-  --gradient-to-color: #fdf2f2;
-}
-
-.to-red-100 {
-  --gradient-to-color: #fde8e8;
-}
-
-.to-red-200 {
-  --gradient-to-color: #fbd5d5;
-}
-
-.to-red-300 {
-  --gradient-to-color: #f8b4b4;
-}
-
-.to-red-400 {
-  --gradient-to-color: #f98080;
-}
-
-.to-red-500 {
-  --gradient-to-color: #f05252;
-}
-
-.to-red-600 {
-  --gradient-to-color: #e02424;
-}
-
-.to-red-700 {
-  --gradient-to-color: #c81e1e;
-}
-
-.to-red-800 {
-  --gradient-to-color: #9b1c1c;
-}
-
-.to-red-900 {
-  --gradient-to-color: #771d1d;
-}
-
-.to-orange-50 {
-  --gradient-to-color: #fff8f1;
-}
-
-.to-orange-100 {
-  --gradient-to-color: #feecdc;
-}
-
-.to-orange-200 {
-  --gradient-to-color: #fcd9bd;
-}
-
-.to-orange-300 {
-  --gradient-to-color: #fdba8c;
-}
-
-.to-orange-400 {
-  --gradient-to-color: #ff8a4c;
-}
-
-.to-orange-500 {
-  --gradient-to-color: #ff5a1f;
-}
-
-.to-orange-600 {
-  --gradient-to-color: #d03801;
-}
-
-.to-orange-700 {
-  --gradient-to-color: #b43403;
-}
-
-.to-orange-800 {
-  --gradient-to-color: #8a2c0d;
-}
-
-.to-orange-900 {
-  --gradient-to-color: #73230d;
-}
-
-.to-yellow-50 {
-  --gradient-to-color: #fdfdea;
-}
-
-.to-yellow-100 {
-  --gradient-to-color: #fdf6b2;
-}
-
-.to-yellow-200 {
-  --gradient-to-color: #fce96a;
-}
-
-.to-yellow-300 {
-  --gradient-to-color: #faca15;
-}
-
-.to-yellow-400 {
-  --gradient-to-color: #e3a008;
-}
-
-.to-yellow-500 {
-  --gradient-to-color: #c27803;
-}
-
-.to-yellow-600 {
-  --gradient-to-color: #9f580a;
-}
-
-.to-yellow-700 {
-  --gradient-to-color: #8e4b10;
-}
-
-.to-yellow-800 {
-  --gradient-to-color: #723b13;
-}
-
-.to-yellow-900 {
-  --gradient-to-color: #633112;
-}
-
-.to-green-50 {
-  --gradient-to-color: #f3faf7;
-}
-
-.to-green-100 {
-  --gradient-to-color: #def7ec;
-}
-
-.to-green-200 {
-  --gradient-to-color: #bcf0da;
-}
-
-.to-green-300 {
-  --gradient-to-color: #84e1bc;
-}
-
-.to-green-400 {
-  --gradient-to-color: #31c48d;
-}
-
-.to-green-500 {
-  --gradient-to-color: #0e9f6e;
-}
-
-.to-green-600 {
-  --gradient-to-color: #057a55;
-}
-
-.to-green-700 {
-  --gradient-to-color: #046c4e;
-}
-
-.to-green-800 {
-  --gradient-to-color: #03543f;
-}
-
-.to-green-900 {
-  --gradient-to-color: #014737;
-}
-
-.to-teal-50 {
-  --gradient-to-color: #edfafa;
-}
-
-.to-teal-100 {
-  --gradient-to-color: #d5f5f6;
-}
-
-.to-teal-200 {
-  --gradient-to-color: #afecef;
-}
-
-.to-teal-300 {
-  --gradient-to-color: #7edce2;
-}
-
-.to-teal-400 {
-  --gradient-to-color: #16bdca;
-}
-
-.to-teal-500 {
-  --gradient-to-color: #0694a2;
-}
-
-.to-teal-600 {
-  --gradient-to-color: #047481;
-}
-
-.to-teal-700 {
-  --gradient-to-color: #036672;
-}
-
-.to-teal-800 {
-  --gradient-to-color: #05505c;
-}
-
-.to-teal-900 {
-  --gradient-to-color: #014451;
-}
-
-.to-blue-50 {
-  --gradient-to-color: #ebf5ff;
-}
-
-.to-blue-100 {
-  --gradient-to-color: #e1effe;
-}
-
-.to-blue-200 {
-  --gradient-to-color: #c3ddfd;
-}
-
-.to-blue-300 {
-  --gradient-to-color: #a4cafe;
-}
-
-.to-blue-400 {
-  --gradient-to-color: #76a9fa;
-}
-
-.to-blue-500 {
-  --gradient-to-color: #3f83f8;
-}
-
-.to-blue-600 {
-  --gradient-to-color: #1c64f2;
-}
-
-.to-blue-700 {
-  --gradient-to-color: #1a56db;
-}
-
-.to-blue-800 {
-  --gradient-to-color: #1e429f;
-}
-
-.to-blue-900 {
-  --gradient-to-color: #233876;
-}
-
-.to-indigo-50 {
-  --gradient-to-color: #f0f5ff;
-}
-
-.to-indigo-100 {
-  --gradient-to-color: #e5edff;
-}
-
-.to-indigo-200 {
-  --gradient-to-color: #cddbfe;
-}
-
-.to-indigo-300 {
-  --gradient-to-color: #b4c6fc;
-}
-
-.to-indigo-400 {
-  --gradient-to-color: #8da2fb;
-}
-
-.to-indigo-500 {
-  --gradient-to-color: #6875f5;
-}
-
-.to-indigo-600 {
-  --gradient-to-color: #5850ec;
-}
-
-.to-indigo-700 {
-  --gradient-to-color: #5145cd;
-}
-
-.to-indigo-800 {
-  --gradient-to-color: #42389d;
-}
-
-.to-indigo-900 {
-  --gradient-to-color: #362f78;
-}
-
-.to-purple-50 {
-  --gradient-to-color: #f6f5ff;
-}
-
-.to-purple-100 {
-  --gradient-to-color: #edebfe;
-}
-
-.to-purple-200 {
-  --gradient-to-color: #dcd7fe;
-}
-
-.to-purple-300 {
-  --gradient-to-color: #cabffd;
-}
-
-.to-purple-400 {
-  --gradient-to-color: #ac94fa;
-}
-
-.to-purple-500 {
-  --gradient-to-color: #9061f9;
-}
-
-.to-purple-600 {
-  --gradient-to-color: #7e3af2;
-}
-
-.to-purple-700 {
-  --gradient-to-color: #6c2bd9;
-}
-
-.to-purple-800 {
-  --gradient-to-color: #5521b5;
-}
-
-.to-purple-900 {
-  --gradient-to-color: #4a1d96;
-}
-
-.to-pink-50 {
-  --gradient-to-color: #fdf2f8;
-}
-
-.to-pink-100 {
-  --gradient-to-color: #fce8f3;
-}
-
-.to-pink-200 {
-  --gradient-to-color: #fad1e8;
-}
-
-.to-pink-300 {
-  --gradient-to-color: #f8b4d9;
-}
-
-.to-pink-400 {
-  --gradient-to-color: #f17eb8;
-}
-
-.to-pink-500 {
-  --gradient-to-color: #e74694;
-}
-
-.to-pink-600 {
-  --gradient-to-color: #d61f69;
-}
-
-.to-pink-700 {
-  --gradient-to-color: #bf125d;
-}
-
-.to-pink-800 {
-  --gradient-to-color: #99154b;
-}
-
-.to-pink-900 {
-  --gradient-to-color: #751a3d;
-}
-
-.to-cool-gray-50 {
-  --gradient-to-color: #f8fafc;
-}
-
-.to-cool-gray-100 {
-  --gradient-to-color: #f1f5f9;
-}
-
-.to-cool-gray-200 {
-  --gradient-to-color: #e2e8f0;
-}
-
-.to-cool-gray-300 {
-  --gradient-to-color: #cfd8e3;
-}
-
-.to-cool-gray-400 {
-  --gradient-to-color: #97a6ba;
-}
-
-.to-cool-gray-500 {
-  --gradient-to-color: #64748b;
-}
-
-.to-cool-gray-600 {
-  --gradient-to-color: #475569;
-}
-
-.to-cool-gray-700 {
-  --gradient-to-color: #364152;
-}
-
-.to-cool-gray-800 {
-  --gradient-to-color: #27303f;
-}
-
-.to-cool-gray-900 {
-  --gradient-to-color: #1a202e;
-}
-
-.hover\:from-current:hover {
-  --gradient-from-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-}
-
-.hover\:from-transparent:hover {
-  --gradient-from-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-}
-
-.hover\:from-white:hover {
-  --gradient-from-color: #ffffff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-}
-
-.hover\:from-black:hover {
-  --gradient-from-color: #000000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-}
-
-.hover\:from-gray-50:hover {
-  --gradient-from-color: #f9fafb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-}
-
-.hover\:from-gray-100:hover {
-  --gradient-from-color: #f4f5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-}
-
-.hover\:from-gray-200:hover {
-  --gradient-from-color: #e5e7eb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-}
-
-.hover\:from-gray-300:hover {
-  --gradient-from-color: #d2d6dc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-}
-
-.hover\:from-gray-400:hover {
-  --gradient-from-color: #9fa6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-}
-
-.hover\:from-gray-500:hover {
-  --gradient-from-color: #6b7280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-}
-
-.hover\:from-gray-600:hover {
-  --gradient-from-color: #4b5563;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-}
-
-.hover\:from-gray-700:hover {
-  --gradient-from-color: #374151;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-}
-
-.hover\:from-gray-800:hover {
-  --gradient-from-color: #252f3f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-}
-
-.hover\:from-gray-900:hover {
-  --gradient-from-color: #161e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-}
-
-.hover\:from-red-50:hover {
-  --gradient-from-color: #fdf2f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-}
-
-.hover\:from-red-100:hover {
-  --gradient-from-color: #fde8e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-}
-
-.hover\:from-red-200:hover {
-  --gradient-from-color: #fbd5d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-}
-
-.hover\:from-red-300:hover {
-  --gradient-from-color: #f8b4b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-}
-
-.hover\:from-red-400:hover {
-  --gradient-from-color: #f98080;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-}
-
-.hover\:from-red-500:hover {
-  --gradient-from-color: #f05252;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-}
-
-.hover\:from-red-600:hover {
-  --gradient-from-color: #e02424;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-}
-
-.hover\:from-red-700:hover {
-  --gradient-from-color: #c81e1e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-}
-
-.hover\:from-red-800:hover {
-  --gradient-from-color: #9b1c1c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-}
-
-.hover\:from-red-900:hover {
-  --gradient-from-color: #771d1d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-}
-
-.hover\:from-orange-50:hover {
-  --gradient-from-color: #fff8f1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-}
-
-.hover\:from-orange-100:hover {
-  --gradient-from-color: #feecdc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-}
-
-.hover\:from-orange-200:hover {
-  --gradient-from-color: #fcd9bd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-}
-
-.hover\:from-orange-300:hover {
-  --gradient-from-color: #fdba8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-}
-
-.hover\:from-orange-400:hover {
-  --gradient-from-color: #ff8a4c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-}
-
-.hover\:from-orange-500:hover {
-  --gradient-from-color: #ff5a1f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-}
-
-.hover\:from-orange-600:hover {
-  --gradient-from-color: #d03801;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-}
-
-.hover\:from-orange-700:hover {
-  --gradient-from-color: #b43403;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-}
-
-.hover\:from-orange-800:hover {
-  --gradient-from-color: #8a2c0d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-}
-
-.hover\:from-orange-900:hover {
-  --gradient-from-color: #73230d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-}
-
-.hover\:from-yellow-50:hover {
-  --gradient-from-color: #fdfdea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-}
-
-.hover\:from-yellow-100:hover {
-  --gradient-from-color: #fdf6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-}
-
-.hover\:from-yellow-200:hover {
-  --gradient-from-color: #fce96a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-}
-
-.hover\:from-yellow-300:hover {
-  --gradient-from-color: #faca15;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-}
-
-.hover\:from-yellow-400:hover {
-  --gradient-from-color: #e3a008;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-}
-
-.hover\:from-yellow-500:hover {
-  --gradient-from-color: #c27803;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-}
-
-.hover\:from-yellow-600:hover {
-  --gradient-from-color: #9f580a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-}
-
-.hover\:from-yellow-700:hover {
-  --gradient-from-color: #8e4b10;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-}
-
-.hover\:from-yellow-800:hover {
-  --gradient-from-color: #723b13;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-}
-
-.hover\:from-yellow-900:hover {
-  --gradient-from-color: #633112;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-}
-
-.hover\:from-green-50:hover {
-  --gradient-from-color: #f3faf7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-}
-
-.hover\:from-green-100:hover {
-  --gradient-from-color: #def7ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-}
-
-.hover\:from-green-200:hover {
-  --gradient-from-color: #bcf0da;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-}
-
-.hover\:from-green-300:hover {
-  --gradient-from-color: #84e1bc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-}
-
-.hover\:from-green-400:hover {
-  --gradient-from-color: #31c48d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-}
-
-.hover\:from-green-500:hover {
-  --gradient-from-color: #0e9f6e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-}
-
-.hover\:from-green-600:hover {
-  --gradient-from-color: #057a55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-}
-
-.hover\:from-green-700:hover {
-  --gradient-from-color: #046c4e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-}
-
-.hover\:from-green-800:hover {
-  --gradient-from-color: #03543f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-}
-
-.hover\:from-green-900:hover {
-  --gradient-from-color: #014737;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-}
-
-.hover\:from-teal-50:hover {
-  --gradient-from-color: #edfafa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-}
-
-.hover\:from-teal-100:hover {
-  --gradient-from-color: #d5f5f6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-}
-
-.hover\:from-teal-200:hover {
-  --gradient-from-color: #afecef;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-}
-
-.hover\:from-teal-300:hover {
-  --gradient-from-color: #7edce2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-}
-
-.hover\:from-teal-400:hover {
-  --gradient-from-color: #16bdca;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-}
-
-.hover\:from-teal-500:hover {
-  --gradient-from-color: #0694a2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-}
-
-.hover\:from-teal-600:hover {
-  --gradient-from-color: #047481;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-}
-
-.hover\:from-teal-700:hover {
-  --gradient-from-color: #036672;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-}
-
-.hover\:from-teal-800:hover {
-  --gradient-from-color: #05505c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-}
-
-.hover\:from-teal-900:hover {
-  --gradient-from-color: #014451;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-}
-
-.hover\:from-blue-50:hover {
-  --gradient-from-color: #ebf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-}
-
-.hover\:from-blue-100:hover {
-  --gradient-from-color: #e1effe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-}
-
-.hover\:from-blue-200:hover {
-  --gradient-from-color: #c3ddfd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-}
-
-.hover\:from-blue-300:hover {
-  --gradient-from-color: #a4cafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-}
-
-.hover\:from-blue-400:hover {
-  --gradient-from-color: #76a9fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-}
-
-.hover\:from-blue-500:hover {
-  --gradient-from-color: #3f83f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-}
-
-.hover\:from-blue-600:hover {
-  --gradient-from-color: #1c64f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-}
-
-.hover\:from-blue-700:hover {
-  --gradient-from-color: #1a56db;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-}
-
-.hover\:from-blue-800:hover {
-  --gradient-from-color: #1e429f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-}
-
-.hover\:from-blue-900:hover {
-  --gradient-from-color: #233876;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-}
-
-.hover\:from-indigo-50:hover {
-  --gradient-from-color: #f0f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-}
-
-.hover\:from-indigo-100:hover {
-  --gradient-from-color: #e5edff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-}
-
-.hover\:from-indigo-200:hover {
-  --gradient-from-color: #cddbfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-}
-
-.hover\:from-indigo-300:hover {
-  --gradient-from-color: #b4c6fc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-}
-
-.hover\:from-indigo-400:hover {
-  --gradient-from-color: #8da2fb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-}
-
-.hover\:from-indigo-500:hover {
-  --gradient-from-color: #6875f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-}
-
-.hover\:from-indigo-600:hover {
-  --gradient-from-color: #5850ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-}
-
-.hover\:from-indigo-700:hover {
-  --gradient-from-color: #5145cd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-}
-
-.hover\:from-indigo-800:hover {
-  --gradient-from-color: #42389d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-}
-
-.hover\:from-indigo-900:hover {
-  --gradient-from-color: #362f78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-}
-
-.hover\:from-purple-50:hover {
-  --gradient-from-color: #f6f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-}
-
-.hover\:from-purple-100:hover {
-  --gradient-from-color: #edebfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-}
-
-.hover\:from-purple-200:hover {
-  --gradient-from-color: #dcd7fe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-}
-
-.hover\:from-purple-300:hover {
-  --gradient-from-color: #cabffd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-}
-
-.hover\:from-purple-400:hover {
-  --gradient-from-color: #ac94fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-}
-
-.hover\:from-purple-500:hover {
-  --gradient-from-color: #9061f9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-}
-
-.hover\:from-purple-600:hover {
-  --gradient-from-color: #7e3af2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-}
-
-.hover\:from-purple-700:hover {
-  --gradient-from-color: #6c2bd9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-}
-
-.hover\:from-purple-800:hover {
-  --gradient-from-color: #5521b5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-}
-
-.hover\:from-purple-900:hover {
-  --gradient-from-color: #4a1d96;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-}
-
-.hover\:from-pink-50:hover {
-  --gradient-from-color: #fdf2f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-}
-
-.hover\:from-pink-100:hover {
-  --gradient-from-color: #fce8f3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-}
-
-.hover\:from-pink-200:hover {
-  --gradient-from-color: #fad1e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-}
-
-.hover\:from-pink-300:hover {
-  --gradient-from-color: #f8b4d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-}
-
-.hover\:from-pink-400:hover {
-  --gradient-from-color: #f17eb8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-}
-
-.hover\:from-pink-500:hover {
-  --gradient-from-color: #e74694;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-}
-
-.hover\:from-pink-600:hover {
-  --gradient-from-color: #d61f69;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-}
-
-.hover\:from-pink-700:hover {
-  --gradient-from-color: #bf125d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-}
-
-.hover\:from-pink-800:hover {
-  --gradient-from-color: #99154b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-}
-
-.hover\:from-pink-900:hover {
-  --gradient-from-color: #751a3d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-}
-
-.hover\:from-cool-gray-50:hover {
-  --gradient-from-color: #f8fafc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-}
-
-.hover\:from-cool-gray-100:hover {
-  --gradient-from-color: #f1f5f9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-}
-
-.hover\:from-cool-gray-200:hover {
-  --gradient-from-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-}
-
-.hover\:from-cool-gray-300:hover {
-  --gradient-from-color: #cfd8e3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-}
-
-.hover\:from-cool-gray-400:hover {
-  --gradient-from-color: #97a6ba;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-}
-
-.hover\:from-cool-gray-500:hover {
-  --gradient-from-color: #64748b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-}
-
-.hover\:from-cool-gray-600:hover {
-  --gradient-from-color: #475569;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-}
-
-.hover\:from-cool-gray-700:hover {
-  --gradient-from-color: #364152;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-}
-
-.hover\:from-cool-gray-800:hover {
-  --gradient-from-color: #27303f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-}
-
-.hover\:from-cool-gray-900:hover {
-  --gradient-from-color: #1a202e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-}
-
-.hover\:via-current:hover {
-  --gradient-via-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-}
-
-.hover\:via-transparent:hover {
-  --gradient-via-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-}
-
-.hover\:via-white:hover {
-  --gradient-via-color: #ffffff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-}
-
-.hover\:via-black:hover {
-  --gradient-via-color: #000000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-}
-
-.hover\:via-gray-50:hover {
-  --gradient-via-color: #f9fafb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-}
-
-.hover\:via-gray-100:hover {
-  --gradient-via-color: #f4f5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-}
-
-.hover\:via-gray-200:hover {
-  --gradient-via-color: #e5e7eb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-}
-
-.hover\:via-gray-300:hover {
-  --gradient-via-color: #d2d6dc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-}
-
-.hover\:via-gray-400:hover {
-  --gradient-via-color: #9fa6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-}
-
-.hover\:via-gray-500:hover {
-  --gradient-via-color: #6b7280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-}
-
-.hover\:via-gray-600:hover {
-  --gradient-via-color: #4b5563;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-}
-
-.hover\:via-gray-700:hover {
-  --gradient-via-color: #374151;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-}
-
-.hover\:via-gray-800:hover {
-  --gradient-via-color: #252f3f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-}
-
-.hover\:via-gray-900:hover {
-  --gradient-via-color: #161e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-}
-
-.hover\:via-red-50:hover {
-  --gradient-via-color: #fdf2f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-}
-
-.hover\:via-red-100:hover {
-  --gradient-via-color: #fde8e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-}
-
-.hover\:via-red-200:hover {
-  --gradient-via-color: #fbd5d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-}
-
-.hover\:via-red-300:hover {
-  --gradient-via-color: #f8b4b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-}
-
-.hover\:via-red-400:hover {
-  --gradient-via-color: #f98080;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-}
-
-.hover\:via-red-500:hover {
-  --gradient-via-color: #f05252;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-}
-
-.hover\:via-red-600:hover {
-  --gradient-via-color: #e02424;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-}
-
-.hover\:via-red-700:hover {
-  --gradient-via-color: #c81e1e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-}
-
-.hover\:via-red-800:hover {
-  --gradient-via-color: #9b1c1c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-}
-
-.hover\:via-red-900:hover {
-  --gradient-via-color: #771d1d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-}
-
-.hover\:via-orange-50:hover {
-  --gradient-via-color: #fff8f1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-}
-
-.hover\:via-orange-100:hover {
-  --gradient-via-color: #feecdc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-}
-
-.hover\:via-orange-200:hover {
-  --gradient-via-color: #fcd9bd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-}
-
-.hover\:via-orange-300:hover {
-  --gradient-via-color: #fdba8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-}
-
-.hover\:via-orange-400:hover {
-  --gradient-via-color: #ff8a4c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-}
-
-.hover\:via-orange-500:hover {
-  --gradient-via-color: #ff5a1f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-}
-
-.hover\:via-orange-600:hover {
-  --gradient-via-color: #d03801;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-}
-
-.hover\:via-orange-700:hover {
-  --gradient-via-color: #b43403;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-}
-
-.hover\:via-orange-800:hover {
-  --gradient-via-color: #8a2c0d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-}
-
-.hover\:via-orange-900:hover {
-  --gradient-via-color: #73230d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-}
-
-.hover\:via-yellow-50:hover {
-  --gradient-via-color: #fdfdea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-}
-
-.hover\:via-yellow-100:hover {
-  --gradient-via-color: #fdf6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-}
-
-.hover\:via-yellow-200:hover {
-  --gradient-via-color: #fce96a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-}
-
-.hover\:via-yellow-300:hover {
-  --gradient-via-color: #faca15;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-}
-
-.hover\:via-yellow-400:hover {
-  --gradient-via-color: #e3a008;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-}
-
-.hover\:via-yellow-500:hover {
-  --gradient-via-color: #c27803;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-}
-
-.hover\:via-yellow-600:hover {
-  --gradient-via-color: #9f580a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-}
-
-.hover\:via-yellow-700:hover {
-  --gradient-via-color: #8e4b10;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-}
-
-.hover\:via-yellow-800:hover {
-  --gradient-via-color: #723b13;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-}
-
-.hover\:via-yellow-900:hover {
-  --gradient-via-color: #633112;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-}
-
-.hover\:via-green-50:hover {
-  --gradient-via-color: #f3faf7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-}
-
-.hover\:via-green-100:hover {
-  --gradient-via-color: #def7ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-}
-
-.hover\:via-green-200:hover {
-  --gradient-via-color: #bcf0da;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-}
-
-.hover\:via-green-300:hover {
-  --gradient-via-color: #84e1bc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-}
-
-.hover\:via-green-400:hover {
-  --gradient-via-color: #31c48d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-}
-
-.hover\:via-green-500:hover {
-  --gradient-via-color: #0e9f6e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-}
-
-.hover\:via-green-600:hover {
-  --gradient-via-color: #057a55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-}
-
-.hover\:via-green-700:hover {
-  --gradient-via-color: #046c4e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-}
-
-.hover\:via-green-800:hover {
-  --gradient-via-color: #03543f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-}
-
-.hover\:via-green-900:hover {
-  --gradient-via-color: #014737;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-}
-
-.hover\:via-teal-50:hover {
-  --gradient-via-color: #edfafa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-}
-
-.hover\:via-teal-100:hover {
-  --gradient-via-color: #d5f5f6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-}
-
-.hover\:via-teal-200:hover {
-  --gradient-via-color: #afecef;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-}
-
-.hover\:via-teal-300:hover {
-  --gradient-via-color: #7edce2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-}
-
-.hover\:via-teal-400:hover {
-  --gradient-via-color: #16bdca;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-}
-
-.hover\:via-teal-500:hover {
-  --gradient-via-color: #0694a2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-}
-
-.hover\:via-teal-600:hover {
-  --gradient-via-color: #047481;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-}
-
-.hover\:via-teal-700:hover {
-  --gradient-via-color: #036672;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-}
-
-.hover\:via-teal-800:hover {
-  --gradient-via-color: #05505c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-}
-
-.hover\:via-teal-900:hover {
-  --gradient-via-color: #014451;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-}
-
-.hover\:via-blue-50:hover {
-  --gradient-via-color: #ebf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-}
-
-.hover\:via-blue-100:hover {
-  --gradient-via-color: #e1effe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-}
-
-.hover\:via-blue-200:hover {
-  --gradient-via-color: #c3ddfd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-}
-
-.hover\:via-blue-300:hover {
-  --gradient-via-color: #a4cafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-}
-
-.hover\:via-blue-400:hover {
-  --gradient-via-color: #76a9fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-}
-
-.hover\:via-blue-500:hover {
-  --gradient-via-color: #3f83f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-}
-
-.hover\:via-blue-600:hover {
-  --gradient-via-color: #1c64f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-}
-
-.hover\:via-blue-700:hover {
-  --gradient-via-color: #1a56db;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-}
-
-.hover\:via-blue-800:hover {
-  --gradient-via-color: #1e429f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-}
-
-.hover\:via-blue-900:hover {
-  --gradient-via-color: #233876;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-}
-
-.hover\:via-indigo-50:hover {
-  --gradient-via-color: #f0f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-}
-
-.hover\:via-indigo-100:hover {
-  --gradient-via-color: #e5edff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-}
-
-.hover\:via-indigo-200:hover {
-  --gradient-via-color: #cddbfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-}
-
-.hover\:via-indigo-300:hover {
-  --gradient-via-color: #b4c6fc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-}
-
-.hover\:via-indigo-400:hover {
-  --gradient-via-color: #8da2fb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-}
-
-.hover\:via-indigo-500:hover {
-  --gradient-via-color: #6875f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-}
-
-.hover\:via-indigo-600:hover {
-  --gradient-via-color: #5850ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-}
-
-.hover\:via-indigo-700:hover {
-  --gradient-via-color: #5145cd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-}
-
-.hover\:via-indigo-800:hover {
-  --gradient-via-color: #42389d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-}
-
-.hover\:via-indigo-900:hover {
-  --gradient-via-color: #362f78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-}
-
-.hover\:via-purple-50:hover {
-  --gradient-via-color: #f6f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-}
-
-.hover\:via-purple-100:hover {
-  --gradient-via-color: #edebfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-}
-
-.hover\:via-purple-200:hover {
-  --gradient-via-color: #dcd7fe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-}
-
-.hover\:via-purple-300:hover {
-  --gradient-via-color: #cabffd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-}
-
-.hover\:via-purple-400:hover {
-  --gradient-via-color: #ac94fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-}
-
-.hover\:via-purple-500:hover {
-  --gradient-via-color: #9061f9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-}
-
-.hover\:via-purple-600:hover {
-  --gradient-via-color: #7e3af2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-}
-
-.hover\:via-purple-700:hover {
-  --gradient-via-color: #6c2bd9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-}
-
-.hover\:via-purple-800:hover {
-  --gradient-via-color: #5521b5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-}
-
-.hover\:via-purple-900:hover {
-  --gradient-via-color: #4a1d96;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-}
-
-.hover\:via-pink-50:hover {
-  --gradient-via-color: #fdf2f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-}
-
-.hover\:via-pink-100:hover {
-  --gradient-via-color: #fce8f3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-}
-
-.hover\:via-pink-200:hover {
-  --gradient-via-color: #fad1e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-}
-
-.hover\:via-pink-300:hover {
-  --gradient-via-color: #f8b4d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-}
-
-.hover\:via-pink-400:hover {
-  --gradient-via-color: #f17eb8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-}
-
-.hover\:via-pink-500:hover {
-  --gradient-via-color: #e74694;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-}
-
-.hover\:via-pink-600:hover {
-  --gradient-via-color: #d61f69;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-}
-
-.hover\:via-pink-700:hover {
-  --gradient-via-color: #bf125d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-}
-
-.hover\:via-pink-800:hover {
-  --gradient-via-color: #99154b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-}
-
-.hover\:via-pink-900:hover {
-  --gradient-via-color: #751a3d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-}
-
-.hover\:via-cool-gray-50:hover {
-  --gradient-via-color: #f8fafc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-}
-
-.hover\:via-cool-gray-100:hover {
-  --gradient-via-color: #f1f5f9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-}
-
-.hover\:via-cool-gray-200:hover {
-  --gradient-via-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-}
-
-.hover\:via-cool-gray-300:hover {
-  --gradient-via-color: #cfd8e3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-}
-
-.hover\:via-cool-gray-400:hover {
-  --gradient-via-color: #97a6ba;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-}
-
-.hover\:via-cool-gray-500:hover {
-  --gradient-via-color: #64748b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-}
-
-.hover\:via-cool-gray-600:hover {
-  --gradient-via-color: #475569;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-}
-
-.hover\:via-cool-gray-700:hover {
-  --gradient-via-color: #364152;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-}
-
-.hover\:via-cool-gray-800:hover {
-  --gradient-via-color: #27303f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-}
-
-.hover\:via-cool-gray-900:hover {
-  --gradient-via-color: #1a202e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-}
-
-.hover\:to-current:hover {
-  --gradient-to-color: currentColor;
-}
-
-.hover\:to-transparent:hover {
-  --gradient-to-color: transparent;
-}
-
-.hover\:to-white:hover {
-  --gradient-to-color: #ffffff;
-}
-
-.hover\:to-black:hover {
-  --gradient-to-color: #000000;
-}
-
-.hover\:to-gray-50:hover {
-  --gradient-to-color: #f9fafb;
-}
-
-.hover\:to-gray-100:hover {
-  --gradient-to-color: #f4f5f7;
-}
-
-.hover\:to-gray-200:hover {
-  --gradient-to-color: #e5e7eb;
-}
-
-.hover\:to-gray-300:hover {
-  --gradient-to-color: #d2d6dc;
-}
-
-.hover\:to-gray-400:hover {
-  --gradient-to-color: #9fa6b2;
-}
-
-.hover\:to-gray-500:hover {
-  --gradient-to-color: #6b7280;
-}
-
-.hover\:to-gray-600:hover {
-  --gradient-to-color: #4b5563;
-}
-
-.hover\:to-gray-700:hover {
-  --gradient-to-color: #374151;
-}
-
-.hover\:to-gray-800:hover {
-  --gradient-to-color: #252f3f;
-}
-
-.hover\:to-gray-900:hover {
-  --gradient-to-color: #161e2e;
-}
-
-.hover\:to-red-50:hover {
-  --gradient-to-color: #fdf2f2;
-}
-
-.hover\:to-red-100:hover {
-  --gradient-to-color: #fde8e8;
-}
-
-.hover\:to-red-200:hover {
-  --gradient-to-color: #fbd5d5;
-}
-
-.hover\:to-red-300:hover {
-  --gradient-to-color: #f8b4b4;
-}
-
-.hover\:to-red-400:hover {
-  --gradient-to-color: #f98080;
-}
-
-.hover\:to-red-500:hover {
-  --gradient-to-color: #f05252;
-}
-
-.hover\:to-red-600:hover {
-  --gradient-to-color: #e02424;
-}
-
-.hover\:to-red-700:hover {
-  --gradient-to-color: #c81e1e;
-}
-
-.hover\:to-red-800:hover {
-  --gradient-to-color: #9b1c1c;
-}
-
-.hover\:to-red-900:hover {
-  --gradient-to-color: #771d1d;
-}
-
-.hover\:to-orange-50:hover {
-  --gradient-to-color: #fff8f1;
-}
-
-.hover\:to-orange-100:hover {
-  --gradient-to-color: #feecdc;
-}
-
-.hover\:to-orange-200:hover {
-  --gradient-to-color: #fcd9bd;
-}
-
-.hover\:to-orange-300:hover {
-  --gradient-to-color: #fdba8c;
-}
-
-.hover\:to-orange-400:hover {
-  --gradient-to-color: #ff8a4c;
-}
-
-.hover\:to-orange-500:hover {
-  --gradient-to-color: #ff5a1f;
-}
-
-.hover\:to-orange-600:hover {
-  --gradient-to-color: #d03801;
-}
-
-.hover\:to-orange-700:hover {
-  --gradient-to-color: #b43403;
-}
-
-.hover\:to-orange-800:hover {
-  --gradient-to-color: #8a2c0d;
-}
-
-.hover\:to-orange-900:hover {
-  --gradient-to-color: #73230d;
-}
-
-.hover\:to-yellow-50:hover {
-  --gradient-to-color: #fdfdea;
-}
-
-.hover\:to-yellow-100:hover {
-  --gradient-to-color: #fdf6b2;
-}
-
-.hover\:to-yellow-200:hover {
-  --gradient-to-color: #fce96a;
-}
-
-.hover\:to-yellow-300:hover {
-  --gradient-to-color: #faca15;
-}
-
-.hover\:to-yellow-400:hover {
-  --gradient-to-color: #e3a008;
-}
-
-.hover\:to-yellow-500:hover {
-  --gradient-to-color: #c27803;
-}
-
-.hover\:to-yellow-600:hover {
-  --gradient-to-color: #9f580a;
-}
-
-.hover\:to-yellow-700:hover {
-  --gradient-to-color: #8e4b10;
-}
-
-.hover\:to-yellow-800:hover {
-  --gradient-to-color: #723b13;
-}
-
-.hover\:to-yellow-900:hover {
-  --gradient-to-color: #633112;
-}
-
-.hover\:to-green-50:hover {
-  --gradient-to-color: #f3faf7;
-}
-
-.hover\:to-green-100:hover {
-  --gradient-to-color: #def7ec;
-}
-
-.hover\:to-green-200:hover {
-  --gradient-to-color: #bcf0da;
-}
-
-.hover\:to-green-300:hover {
-  --gradient-to-color: #84e1bc;
-}
-
-.hover\:to-green-400:hover {
-  --gradient-to-color: #31c48d;
-}
-
-.hover\:to-green-500:hover {
-  --gradient-to-color: #0e9f6e;
-}
-
-.hover\:to-green-600:hover {
-  --gradient-to-color: #057a55;
-}
-
-.hover\:to-green-700:hover {
-  --gradient-to-color: #046c4e;
-}
-
-.hover\:to-green-800:hover {
-  --gradient-to-color: #03543f;
-}
-
-.hover\:to-green-900:hover {
-  --gradient-to-color: #014737;
-}
-
-.hover\:to-teal-50:hover {
-  --gradient-to-color: #edfafa;
-}
-
-.hover\:to-teal-100:hover {
-  --gradient-to-color: #d5f5f6;
-}
-
-.hover\:to-teal-200:hover {
-  --gradient-to-color: #afecef;
-}
-
-.hover\:to-teal-300:hover {
-  --gradient-to-color: #7edce2;
-}
-
-.hover\:to-teal-400:hover {
-  --gradient-to-color: #16bdca;
-}
-
-.hover\:to-teal-500:hover {
-  --gradient-to-color: #0694a2;
-}
-
-.hover\:to-teal-600:hover {
-  --gradient-to-color: #047481;
-}
-
-.hover\:to-teal-700:hover {
-  --gradient-to-color: #036672;
-}
-
-.hover\:to-teal-800:hover {
-  --gradient-to-color: #05505c;
-}
-
-.hover\:to-teal-900:hover {
-  --gradient-to-color: #014451;
-}
-
-.hover\:to-blue-50:hover {
-  --gradient-to-color: #ebf5ff;
-}
-
-.hover\:to-blue-100:hover {
-  --gradient-to-color: #e1effe;
-}
-
-.hover\:to-blue-200:hover {
-  --gradient-to-color: #c3ddfd;
-}
-
-.hover\:to-blue-300:hover {
-  --gradient-to-color: #a4cafe;
-}
-
-.hover\:to-blue-400:hover {
-  --gradient-to-color: #76a9fa;
-}
-
-.hover\:to-blue-500:hover {
-  --gradient-to-color: #3f83f8;
-}
-
-.hover\:to-blue-600:hover {
-  --gradient-to-color: #1c64f2;
-}
-
-.hover\:to-blue-700:hover {
-  --gradient-to-color: #1a56db;
-}
-
-.hover\:to-blue-800:hover {
-  --gradient-to-color: #1e429f;
-}
-
-.hover\:to-blue-900:hover {
-  --gradient-to-color: #233876;
-}
-
-.hover\:to-indigo-50:hover {
-  --gradient-to-color: #f0f5ff;
-}
-
-.hover\:to-indigo-100:hover {
-  --gradient-to-color: #e5edff;
-}
-
-.hover\:to-indigo-200:hover {
-  --gradient-to-color: #cddbfe;
-}
-
-.hover\:to-indigo-300:hover {
-  --gradient-to-color: #b4c6fc;
-}
-
-.hover\:to-indigo-400:hover {
-  --gradient-to-color: #8da2fb;
-}
-
-.hover\:to-indigo-500:hover {
-  --gradient-to-color: #6875f5;
-}
-
-.hover\:to-indigo-600:hover {
-  --gradient-to-color: #5850ec;
-}
-
-.hover\:to-indigo-700:hover {
-  --gradient-to-color: #5145cd;
-}
-
-.hover\:to-indigo-800:hover {
-  --gradient-to-color: #42389d;
-}
-
-.hover\:to-indigo-900:hover {
-  --gradient-to-color: #362f78;
-}
-
-.hover\:to-purple-50:hover {
-  --gradient-to-color: #f6f5ff;
-}
-
-.hover\:to-purple-100:hover {
-  --gradient-to-color: #edebfe;
-}
-
-.hover\:to-purple-200:hover {
-  --gradient-to-color: #dcd7fe;
-}
-
-.hover\:to-purple-300:hover {
-  --gradient-to-color: #cabffd;
-}
-
-.hover\:to-purple-400:hover {
-  --gradient-to-color: #ac94fa;
-}
-
-.hover\:to-purple-500:hover {
-  --gradient-to-color: #9061f9;
-}
-
-.hover\:to-purple-600:hover {
-  --gradient-to-color: #7e3af2;
-}
-
-.hover\:to-purple-700:hover {
-  --gradient-to-color: #6c2bd9;
-}
-
-.hover\:to-purple-800:hover {
-  --gradient-to-color: #5521b5;
-}
-
-.hover\:to-purple-900:hover {
-  --gradient-to-color: #4a1d96;
-}
-
-.hover\:to-pink-50:hover {
-  --gradient-to-color: #fdf2f8;
-}
-
-.hover\:to-pink-100:hover {
-  --gradient-to-color: #fce8f3;
-}
-
-.hover\:to-pink-200:hover {
-  --gradient-to-color: #fad1e8;
-}
-
-.hover\:to-pink-300:hover {
-  --gradient-to-color: #f8b4d9;
-}
-
-.hover\:to-pink-400:hover {
-  --gradient-to-color: #f17eb8;
-}
-
-.hover\:to-pink-500:hover {
-  --gradient-to-color: #e74694;
-}
-
-.hover\:to-pink-600:hover {
-  --gradient-to-color: #d61f69;
-}
-
-.hover\:to-pink-700:hover {
-  --gradient-to-color: #bf125d;
-}
-
-.hover\:to-pink-800:hover {
-  --gradient-to-color: #99154b;
-}
-
-.hover\:to-pink-900:hover {
-  --gradient-to-color: #751a3d;
-}
-
-.hover\:to-cool-gray-50:hover {
-  --gradient-to-color: #f8fafc;
-}
-
-.hover\:to-cool-gray-100:hover {
-  --gradient-to-color: #f1f5f9;
-}
-
-.hover\:to-cool-gray-200:hover {
-  --gradient-to-color: #e2e8f0;
-}
-
-.hover\:to-cool-gray-300:hover {
-  --gradient-to-color: #cfd8e3;
-}
-
-.hover\:to-cool-gray-400:hover {
-  --gradient-to-color: #97a6ba;
-}
-
-.hover\:to-cool-gray-500:hover {
-  --gradient-to-color: #64748b;
-}
-
-.hover\:to-cool-gray-600:hover {
-  --gradient-to-color: #475569;
-}
-
-.hover\:to-cool-gray-700:hover {
-  --gradient-to-color: #364152;
-}
-
-.hover\:to-cool-gray-800:hover {
-  --gradient-to-color: #27303f;
-}
-
-.hover\:to-cool-gray-900:hover {
-  --gradient-to-color: #1a202e;
-}
-
-.focus\:from-current:focus {
-  --gradient-from-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-}
-
-.focus\:from-transparent:focus {
-  --gradient-from-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-}
-
-.focus\:from-white:focus {
-  --gradient-from-color: #ffffff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-}
-
-.focus\:from-black:focus {
-  --gradient-from-color: #000000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-}
-
-.focus\:from-gray-50:focus {
-  --gradient-from-color: #f9fafb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-}
-
-.focus\:from-gray-100:focus {
-  --gradient-from-color: #f4f5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-}
-
-.focus\:from-gray-200:focus {
-  --gradient-from-color: #e5e7eb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-}
-
-.focus\:from-gray-300:focus {
-  --gradient-from-color: #d2d6dc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-}
-
-.focus\:from-gray-400:focus {
-  --gradient-from-color: #9fa6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-}
-
-.focus\:from-gray-500:focus {
-  --gradient-from-color: #6b7280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-}
-
-.focus\:from-gray-600:focus {
-  --gradient-from-color: #4b5563;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-}
-
-.focus\:from-gray-700:focus {
-  --gradient-from-color: #374151;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-}
-
-.focus\:from-gray-800:focus {
-  --gradient-from-color: #252f3f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-}
-
-.focus\:from-gray-900:focus {
-  --gradient-from-color: #161e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-}
-
-.focus\:from-red-50:focus {
-  --gradient-from-color: #fdf2f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-}
-
-.focus\:from-red-100:focus {
-  --gradient-from-color: #fde8e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-}
-
-.focus\:from-red-200:focus {
-  --gradient-from-color: #fbd5d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-}
-
-.focus\:from-red-300:focus {
-  --gradient-from-color: #f8b4b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-}
-
-.focus\:from-red-400:focus {
-  --gradient-from-color: #f98080;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-}
-
-.focus\:from-red-500:focus {
-  --gradient-from-color: #f05252;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-}
-
-.focus\:from-red-600:focus {
-  --gradient-from-color: #e02424;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-}
-
-.focus\:from-red-700:focus {
-  --gradient-from-color: #c81e1e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-}
-
-.focus\:from-red-800:focus {
-  --gradient-from-color: #9b1c1c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-}
-
-.focus\:from-red-900:focus {
-  --gradient-from-color: #771d1d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-}
-
-.focus\:from-orange-50:focus {
-  --gradient-from-color: #fff8f1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-}
-
-.focus\:from-orange-100:focus {
-  --gradient-from-color: #feecdc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-}
-
-.focus\:from-orange-200:focus {
-  --gradient-from-color: #fcd9bd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-}
-
-.focus\:from-orange-300:focus {
-  --gradient-from-color: #fdba8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-}
-
-.focus\:from-orange-400:focus {
-  --gradient-from-color: #ff8a4c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-}
-
-.focus\:from-orange-500:focus {
-  --gradient-from-color: #ff5a1f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-}
-
-.focus\:from-orange-600:focus {
-  --gradient-from-color: #d03801;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-}
-
-.focus\:from-orange-700:focus {
-  --gradient-from-color: #b43403;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-}
-
-.focus\:from-orange-800:focus {
-  --gradient-from-color: #8a2c0d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-}
-
-.focus\:from-orange-900:focus {
-  --gradient-from-color: #73230d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-}
-
-.focus\:from-yellow-50:focus {
-  --gradient-from-color: #fdfdea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-}
-
-.focus\:from-yellow-100:focus {
-  --gradient-from-color: #fdf6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-}
-
-.focus\:from-yellow-200:focus {
-  --gradient-from-color: #fce96a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-}
-
-.focus\:from-yellow-300:focus {
-  --gradient-from-color: #faca15;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-}
-
-.focus\:from-yellow-400:focus {
-  --gradient-from-color: #e3a008;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-}
-
-.focus\:from-yellow-500:focus {
-  --gradient-from-color: #c27803;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-}
-
-.focus\:from-yellow-600:focus {
-  --gradient-from-color: #9f580a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-}
-
-.focus\:from-yellow-700:focus {
-  --gradient-from-color: #8e4b10;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-}
-
-.focus\:from-yellow-800:focus {
-  --gradient-from-color: #723b13;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-}
-
-.focus\:from-yellow-900:focus {
-  --gradient-from-color: #633112;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-}
-
-.focus\:from-green-50:focus {
-  --gradient-from-color: #f3faf7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-}
-
-.focus\:from-green-100:focus {
-  --gradient-from-color: #def7ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-}
-
-.focus\:from-green-200:focus {
-  --gradient-from-color: #bcf0da;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-}
-
-.focus\:from-green-300:focus {
-  --gradient-from-color: #84e1bc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-}
-
-.focus\:from-green-400:focus {
-  --gradient-from-color: #31c48d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-}
-
-.focus\:from-green-500:focus {
-  --gradient-from-color: #0e9f6e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-}
-
-.focus\:from-green-600:focus {
-  --gradient-from-color: #057a55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-}
-
-.focus\:from-green-700:focus {
-  --gradient-from-color: #046c4e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-}
-
-.focus\:from-green-800:focus {
-  --gradient-from-color: #03543f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-}
-
-.focus\:from-green-900:focus {
-  --gradient-from-color: #014737;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-}
-
-.focus\:from-teal-50:focus {
-  --gradient-from-color: #edfafa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-}
-
-.focus\:from-teal-100:focus {
-  --gradient-from-color: #d5f5f6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-}
-
-.focus\:from-teal-200:focus {
-  --gradient-from-color: #afecef;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-}
-
-.focus\:from-teal-300:focus {
-  --gradient-from-color: #7edce2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-}
-
-.focus\:from-teal-400:focus {
-  --gradient-from-color: #16bdca;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-}
-
-.focus\:from-teal-500:focus {
-  --gradient-from-color: #0694a2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-}
-
-.focus\:from-teal-600:focus {
-  --gradient-from-color: #047481;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-}
-
-.focus\:from-teal-700:focus {
-  --gradient-from-color: #036672;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-}
-
-.focus\:from-teal-800:focus {
-  --gradient-from-color: #05505c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-}
-
-.focus\:from-teal-900:focus {
-  --gradient-from-color: #014451;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-}
-
-.focus\:from-blue-50:focus {
-  --gradient-from-color: #ebf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-}
-
-.focus\:from-blue-100:focus {
-  --gradient-from-color: #e1effe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-}
-
-.focus\:from-blue-200:focus {
-  --gradient-from-color: #c3ddfd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-}
-
-.focus\:from-blue-300:focus {
-  --gradient-from-color: #a4cafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-}
-
-.focus\:from-blue-400:focus {
-  --gradient-from-color: #76a9fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-}
-
-.focus\:from-blue-500:focus {
-  --gradient-from-color: #3f83f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-}
-
-.focus\:from-blue-600:focus {
-  --gradient-from-color: #1c64f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-}
-
-.focus\:from-blue-700:focus {
-  --gradient-from-color: #1a56db;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-}
-
-.focus\:from-blue-800:focus {
-  --gradient-from-color: #1e429f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-}
-
-.focus\:from-blue-900:focus {
-  --gradient-from-color: #233876;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-}
-
-.focus\:from-indigo-50:focus {
-  --gradient-from-color: #f0f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-}
-
-.focus\:from-indigo-100:focus {
-  --gradient-from-color: #e5edff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-}
-
-.focus\:from-indigo-200:focus {
-  --gradient-from-color: #cddbfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-}
-
-.focus\:from-indigo-300:focus {
-  --gradient-from-color: #b4c6fc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-}
-
-.focus\:from-indigo-400:focus {
-  --gradient-from-color: #8da2fb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-}
-
-.focus\:from-indigo-500:focus {
-  --gradient-from-color: #6875f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-}
-
-.focus\:from-indigo-600:focus {
-  --gradient-from-color: #5850ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-}
-
-.focus\:from-indigo-700:focus {
-  --gradient-from-color: #5145cd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-}
-
-.focus\:from-indigo-800:focus {
-  --gradient-from-color: #42389d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-}
-
-.focus\:from-indigo-900:focus {
-  --gradient-from-color: #362f78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-}
-
-.focus\:from-purple-50:focus {
-  --gradient-from-color: #f6f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-}
-
-.focus\:from-purple-100:focus {
-  --gradient-from-color: #edebfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-}
-
-.focus\:from-purple-200:focus {
-  --gradient-from-color: #dcd7fe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-}
-
-.focus\:from-purple-300:focus {
-  --gradient-from-color: #cabffd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-}
-
-.focus\:from-purple-400:focus {
-  --gradient-from-color: #ac94fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-}
-
-.focus\:from-purple-500:focus {
-  --gradient-from-color: #9061f9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-}
-
-.focus\:from-purple-600:focus {
-  --gradient-from-color: #7e3af2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-}
-
-.focus\:from-purple-700:focus {
-  --gradient-from-color: #6c2bd9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-}
-
-.focus\:from-purple-800:focus {
-  --gradient-from-color: #5521b5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-}
-
-.focus\:from-purple-900:focus {
-  --gradient-from-color: #4a1d96;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-}
-
-.focus\:from-pink-50:focus {
-  --gradient-from-color: #fdf2f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-}
-
-.focus\:from-pink-100:focus {
-  --gradient-from-color: #fce8f3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-}
-
-.focus\:from-pink-200:focus {
-  --gradient-from-color: #fad1e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-}
-
-.focus\:from-pink-300:focus {
-  --gradient-from-color: #f8b4d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-}
-
-.focus\:from-pink-400:focus {
-  --gradient-from-color: #f17eb8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-}
-
-.focus\:from-pink-500:focus {
-  --gradient-from-color: #e74694;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-}
-
-.focus\:from-pink-600:focus {
-  --gradient-from-color: #d61f69;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-}
-
-.focus\:from-pink-700:focus {
-  --gradient-from-color: #bf125d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-}
-
-.focus\:from-pink-800:focus {
-  --gradient-from-color: #99154b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-}
-
-.focus\:from-pink-900:focus {
-  --gradient-from-color: #751a3d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-}
-
-.focus\:from-cool-gray-50:focus {
-  --gradient-from-color: #f8fafc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-}
-
-.focus\:from-cool-gray-100:focus {
-  --gradient-from-color: #f1f5f9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-}
-
-.focus\:from-cool-gray-200:focus {
-  --gradient-from-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-}
-
-.focus\:from-cool-gray-300:focus {
-  --gradient-from-color: #cfd8e3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-}
-
-.focus\:from-cool-gray-400:focus {
-  --gradient-from-color: #97a6ba;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-}
-
-.focus\:from-cool-gray-500:focus {
-  --gradient-from-color: #64748b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-}
-
-.focus\:from-cool-gray-600:focus {
-  --gradient-from-color: #475569;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-}
-
-.focus\:from-cool-gray-700:focus {
-  --gradient-from-color: #364152;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-}
-
-.focus\:from-cool-gray-800:focus {
-  --gradient-from-color: #27303f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-}
-
-.focus\:from-cool-gray-900:focus {
-  --gradient-from-color: #1a202e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-}
-
-.focus\:via-current:focus {
-  --gradient-via-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-}
-
-.focus\:via-transparent:focus {
-  --gradient-via-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-}
-
-.focus\:via-white:focus {
-  --gradient-via-color: #ffffff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-}
-
-.focus\:via-black:focus {
-  --gradient-via-color: #000000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-}
-
-.focus\:via-gray-50:focus {
-  --gradient-via-color: #f9fafb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-}
-
-.focus\:via-gray-100:focus {
-  --gradient-via-color: #f4f5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-}
-
-.focus\:via-gray-200:focus {
-  --gradient-via-color: #e5e7eb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-}
-
-.focus\:via-gray-300:focus {
-  --gradient-via-color: #d2d6dc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-}
-
-.focus\:via-gray-400:focus {
-  --gradient-via-color: #9fa6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-}
-
-.focus\:via-gray-500:focus {
-  --gradient-via-color: #6b7280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-}
-
-.focus\:via-gray-600:focus {
-  --gradient-via-color: #4b5563;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-}
-
-.focus\:via-gray-700:focus {
-  --gradient-via-color: #374151;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-}
-
-.focus\:via-gray-800:focus {
-  --gradient-via-color: #252f3f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-}
-
-.focus\:via-gray-900:focus {
-  --gradient-via-color: #161e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-}
-
-.focus\:via-red-50:focus {
-  --gradient-via-color: #fdf2f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-}
-
-.focus\:via-red-100:focus {
-  --gradient-via-color: #fde8e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-}
-
-.focus\:via-red-200:focus {
-  --gradient-via-color: #fbd5d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-}
-
-.focus\:via-red-300:focus {
-  --gradient-via-color: #f8b4b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-}
-
-.focus\:via-red-400:focus {
-  --gradient-via-color: #f98080;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-}
-
-.focus\:via-red-500:focus {
-  --gradient-via-color: #f05252;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-}
-
-.focus\:via-red-600:focus {
-  --gradient-via-color: #e02424;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-}
-
-.focus\:via-red-700:focus {
-  --gradient-via-color: #c81e1e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-}
-
-.focus\:via-red-800:focus {
-  --gradient-via-color: #9b1c1c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-}
-
-.focus\:via-red-900:focus {
-  --gradient-via-color: #771d1d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-}
-
-.focus\:via-orange-50:focus {
-  --gradient-via-color: #fff8f1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-}
-
-.focus\:via-orange-100:focus {
-  --gradient-via-color: #feecdc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-}
-
-.focus\:via-orange-200:focus {
-  --gradient-via-color: #fcd9bd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-}
-
-.focus\:via-orange-300:focus {
-  --gradient-via-color: #fdba8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-}
-
-.focus\:via-orange-400:focus {
-  --gradient-via-color: #ff8a4c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-}
-
-.focus\:via-orange-500:focus {
-  --gradient-via-color: #ff5a1f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-}
-
-.focus\:via-orange-600:focus {
-  --gradient-via-color: #d03801;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-}
-
-.focus\:via-orange-700:focus {
-  --gradient-via-color: #b43403;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-}
-
-.focus\:via-orange-800:focus {
-  --gradient-via-color: #8a2c0d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-}
-
-.focus\:via-orange-900:focus {
-  --gradient-via-color: #73230d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-}
-
-.focus\:via-yellow-50:focus {
-  --gradient-via-color: #fdfdea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-}
-
-.focus\:via-yellow-100:focus {
-  --gradient-via-color: #fdf6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-}
-
-.focus\:via-yellow-200:focus {
-  --gradient-via-color: #fce96a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-}
-
-.focus\:via-yellow-300:focus {
-  --gradient-via-color: #faca15;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-}
-
-.focus\:via-yellow-400:focus {
-  --gradient-via-color: #e3a008;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-}
-
-.focus\:via-yellow-500:focus {
-  --gradient-via-color: #c27803;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-}
-
-.focus\:via-yellow-600:focus {
-  --gradient-via-color: #9f580a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-}
-
-.focus\:via-yellow-700:focus {
-  --gradient-via-color: #8e4b10;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-}
-
-.focus\:via-yellow-800:focus {
-  --gradient-via-color: #723b13;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-}
-
-.focus\:via-yellow-900:focus {
-  --gradient-via-color: #633112;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-}
-
-.focus\:via-green-50:focus {
-  --gradient-via-color: #f3faf7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-}
-
-.focus\:via-green-100:focus {
-  --gradient-via-color: #def7ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-}
-
-.focus\:via-green-200:focus {
-  --gradient-via-color: #bcf0da;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-}
-
-.focus\:via-green-300:focus {
-  --gradient-via-color: #84e1bc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-}
-
-.focus\:via-green-400:focus {
-  --gradient-via-color: #31c48d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-}
-
-.focus\:via-green-500:focus {
-  --gradient-via-color: #0e9f6e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-}
-
-.focus\:via-green-600:focus {
-  --gradient-via-color: #057a55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-}
-
-.focus\:via-green-700:focus {
-  --gradient-via-color: #046c4e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-}
-
-.focus\:via-green-800:focus {
-  --gradient-via-color: #03543f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-}
-
-.focus\:via-green-900:focus {
-  --gradient-via-color: #014737;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-}
-
-.focus\:via-teal-50:focus {
-  --gradient-via-color: #edfafa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-}
-
-.focus\:via-teal-100:focus {
-  --gradient-via-color: #d5f5f6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-}
-
-.focus\:via-teal-200:focus {
-  --gradient-via-color: #afecef;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-}
-
-.focus\:via-teal-300:focus {
-  --gradient-via-color: #7edce2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-}
-
-.focus\:via-teal-400:focus {
-  --gradient-via-color: #16bdca;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-}
-
-.focus\:via-teal-500:focus {
-  --gradient-via-color: #0694a2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-}
-
-.focus\:via-teal-600:focus {
-  --gradient-via-color: #047481;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-}
-
-.focus\:via-teal-700:focus {
-  --gradient-via-color: #036672;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-}
-
-.focus\:via-teal-800:focus {
-  --gradient-via-color: #05505c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-}
-
-.focus\:via-teal-900:focus {
-  --gradient-via-color: #014451;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-}
-
-.focus\:via-blue-50:focus {
-  --gradient-via-color: #ebf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-}
-
-.focus\:via-blue-100:focus {
-  --gradient-via-color: #e1effe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-}
-
-.focus\:via-blue-200:focus {
-  --gradient-via-color: #c3ddfd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-}
-
-.focus\:via-blue-300:focus {
-  --gradient-via-color: #a4cafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-}
-
-.focus\:via-blue-400:focus {
-  --gradient-via-color: #76a9fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-}
-
-.focus\:via-blue-500:focus {
-  --gradient-via-color: #3f83f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-}
-
-.focus\:via-blue-600:focus {
-  --gradient-via-color: #1c64f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-}
-
-.focus\:via-blue-700:focus {
-  --gradient-via-color: #1a56db;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-}
-
-.focus\:via-blue-800:focus {
-  --gradient-via-color: #1e429f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-}
-
-.focus\:via-blue-900:focus {
-  --gradient-via-color: #233876;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-}
-
-.focus\:via-indigo-50:focus {
-  --gradient-via-color: #f0f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-}
-
-.focus\:via-indigo-100:focus {
-  --gradient-via-color: #e5edff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-}
-
-.focus\:via-indigo-200:focus {
-  --gradient-via-color: #cddbfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-}
-
-.focus\:via-indigo-300:focus {
-  --gradient-via-color: #b4c6fc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-}
-
-.focus\:via-indigo-400:focus {
-  --gradient-via-color: #8da2fb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-}
-
-.focus\:via-indigo-500:focus {
-  --gradient-via-color: #6875f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-}
-
-.focus\:via-indigo-600:focus {
-  --gradient-via-color: #5850ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-}
-
-.focus\:via-indigo-700:focus {
-  --gradient-via-color: #5145cd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-}
-
-.focus\:via-indigo-800:focus {
-  --gradient-via-color: #42389d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-}
-
-.focus\:via-indigo-900:focus {
-  --gradient-via-color: #362f78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-}
-
-.focus\:via-purple-50:focus {
-  --gradient-via-color: #f6f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-}
-
-.focus\:via-purple-100:focus {
-  --gradient-via-color: #edebfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-}
-
-.focus\:via-purple-200:focus {
-  --gradient-via-color: #dcd7fe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-}
-
-.focus\:via-purple-300:focus {
-  --gradient-via-color: #cabffd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-}
-
-.focus\:via-purple-400:focus {
-  --gradient-via-color: #ac94fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-}
-
-.focus\:via-purple-500:focus {
-  --gradient-via-color: #9061f9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-}
-
-.focus\:via-purple-600:focus {
-  --gradient-via-color: #7e3af2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-}
-
-.focus\:via-purple-700:focus {
-  --gradient-via-color: #6c2bd9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-}
-
-.focus\:via-purple-800:focus {
-  --gradient-via-color: #5521b5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-}
-
-.focus\:via-purple-900:focus {
-  --gradient-via-color: #4a1d96;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-}
-
-.focus\:via-pink-50:focus {
-  --gradient-via-color: #fdf2f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-}
-
-.focus\:via-pink-100:focus {
-  --gradient-via-color: #fce8f3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-}
-
-.focus\:via-pink-200:focus {
-  --gradient-via-color: #fad1e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-}
-
-.focus\:via-pink-300:focus {
-  --gradient-via-color: #f8b4d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-}
-
-.focus\:via-pink-400:focus {
-  --gradient-via-color: #f17eb8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-}
-
-.focus\:via-pink-500:focus {
-  --gradient-via-color: #e74694;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-}
-
-.focus\:via-pink-600:focus {
-  --gradient-via-color: #d61f69;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-}
-
-.focus\:via-pink-700:focus {
-  --gradient-via-color: #bf125d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-}
-
-.focus\:via-pink-800:focus {
-  --gradient-via-color: #99154b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-}
-
-.focus\:via-pink-900:focus {
-  --gradient-via-color: #751a3d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-}
-
-.focus\:via-cool-gray-50:focus {
-  --gradient-via-color: #f8fafc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-}
-
-.focus\:via-cool-gray-100:focus {
-  --gradient-via-color: #f1f5f9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-}
-
-.focus\:via-cool-gray-200:focus {
-  --gradient-via-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-}
-
-.focus\:via-cool-gray-300:focus {
-  --gradient-via-color: #cfd8e3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-}
-
-.focus\:via-cool-gray-400:focus {
-  --gradient-via-color: #97a6ba;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-}
-
-.focus\:via-cool-gray-500:focus {
-  --gradient-via-color: #64748b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-}
-
-.focus\:via-cool-gray-600:focus {
-  --gradient-via-color: #475569;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-}
-
-.focus\:via-cool-gray-700:focus {
-  --gradient-via-color: #364152;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-}
-
-.focus\:via-cool-gray-800:focus {
-  --gradient-via-color: #27303f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-}
-
-.focus\:via-cool-gray-900:focus {
-  --gradient-via-color: #1a202e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-}
-
-.focus\:to-current:focus {
-  --gradient-to-color: currentColor;
-}
-
-.focus\:to-transparent:focus {
-  --gradient-to-color: transparent;
-}
-
-.focus\:to-white:focus {
-  --gradient-to-color: #ffffff;
-}
-
-.focus\:to-black:focus {
-  --gradient-to-color: #000000;
-}
-
-.focus\:to-gray-50:focus {
-  --gradient-to-color: #f9fafb;
-}
-
-.focus\:to-gray-100:focus {
-  --gradient-to-color: #f4f5f7;
-}
-
-.focus\:to-gray-200:focus {
-  --gradient-to-color: #e5e7eb;
-}
-
-.focus\:to-gray-300:focus {
-  --gradient-to-color: #d2d6dc;
-}
-
-.focus\:to-gray-400:focus {
-  --gradient-to-color: #9fa6b2;
-}
-
-.focus\:to-gray-500:focus {
-  --gradient-to-color: #6b7280;
-}
-
-.focus\:to-gray-600:focus {
-  --gradient-to-color: #4b5563;
-}
-
-.focus\:to-gray-700:focus {
-  --gradient-to-color: #374151;
-}
-
-.focus\:to-gray-800:focus {
-  --gradient-to-color: #252f3f;
-}
-
-.focus\:to-gray-900:focus {
-  --gradient-to-color: #161e2e;
-}
-
-.focus\:to-red-50:focus {
-  --gradient-to-color: #fdf2f2;
-}
-
-.focus\:to-red-100:focus {
-  --gradient-to-color: #fde8e8;
-}
-
-.focus\:to-red-200:focus {
-  --gradient-to-color: #fbd5d5;
-}
-
-.focus\:to-red-300:focus {
-  --gradient-to-color: #f8b4b4;
-}
-
-.focus\:to-red-400:focus {
-  --gradient-to-color: #f98080;
-}
-
-.focus\:to-red-500:focus {
-  --gradient-to-color: #f05252;
-}
-
-.focus\:to-red-600:focus {
-  --gradient-to-color: #e02424;
-}
-
-.focus\:to-red-700:focus {
-  --gradient-to-color: #c81e1e;
-}
-
-.focus\:to-red-800:focus {
-  --gradient-to-color: #9b1c1c;
-}
-
-.focus\:to-red-900:focus {
-  --gradient-to-color: #771d1d;
-}
-
-.focus\:to-orange-50:focus {
-  --gradient-to-color: #fff8f1;
-}
-
-.focus\:to-orange-100:focus {
-  --gradient-to-color: #feecdc;
-}
-
-.focus\:to-orange-200:focus {
-  --gradient-to-color: #fcd9bd;
-}
-
-.focus\:to-orange-300:focus {
-  --gradient-to-color: #fdba8c;
-}
-
-.focus\:to-orange-400:focus {
-  --gradient-to-color: #ff8a4c;
-}
-
-.focus\:to-orange-500:focus {
-  --gradient-to-color: #ff5a1f;
-}
-
-.focus\:to-orange-600:focus {
-  --gradient-to-color: #d03801;
-}
-
-.focus\:to-orange-700:focus {
-  --gradient-to-color: #b43403;
-}
-
-.focus\:to-orange-800:focus {
-  --gradient-to-color: #8a2c0d;
-}
-
-.focus\:to-orange-900:focus {
-  --gradient-to-color: #73230d;
-}
-
-.focus\:to-yellow-50:focus {
-  --gradient-to-color: #fdfdea;
-}
-
-.focus\:to-yellow-100:focus {
-  --gradient-to-color: #fdf6b2;
-}
-
-.focus\:to-yellow-200:focus {
-  --gradient-to-color: #fce96a;
-}
-
-.focus\:to-yellow-300:focus {
-  --gradient-to-color: #faca15;
-}
-
-.focus\:to-yellow-400:focus {
-  --gradient-to-color: #e3a008;
-}
-
-.focus\:to-yellow-500:focus {
-  --gradient-to-color: #c27803;
-}
-
-.focus\:to-yellow-600:focus {
-  --gradient-to-color: #9f580a;
-}
-
-.focus\:to-yellow-700:focus {
-  --gradient-to-color: #8e4b10;
-}
-
-.focus\:to-yellow-800:focus {
-  --gradient-to-color: #723b13;
-}
-
-.focus\:to-yellow-900:focus {
-  --gradient-to-color: #633112;
-}
-
-.focus\:to-green-50:focus {
-  --gradient-to-color: #f3faf7;
-}
-
-.focus\:to-green-100:focus {
-  --gradient-to-color: #def7ec;
-}
-
-.focus\:to-green-200:focus {
-  --gradient-to-color: #bcf0da;
-}
-
-.focus\:to-green-300:focus {
-  --gradient-to-color: #84e1bc;
-}
-
-.focus\:to-green-400:focus {
-  --gradient-to-color: #31c48d;
-}
-
-.focus\:to-green-500:focus {
-  --gradient-to-color: #0e9f6e;
-}
-
-.focus\:to-green-600:focus {
-  --gradient-to-color: #057a55;
-}
-
-.focus\:to-green-700:focus {
-  --gradient-to-color: #046c4e;
-}
-
-.focus\:to-green-800:focus {
-  --gradient-to-color: #03543f;
-}
-
-.focus\:to-green-900:focus {
-  --gradient-to-color: #014737;
-}
-
-.focus\:to-teal-50:focus {
-  --gradient-to-color: #edfafa;
-}
-
-.focus\:to-teal-100:focus {
-  --gradient-to-color: #d5f5f6;
-}
-
-.focus\:to-teal-200:focus {
-  --gradient-to-color: #afecef;
-}
-
-.focus\:to-teal-300:focus {
-  --gradient-to-color: #7edce2;
-}
-
-.focus\:to-teal-400:focus {
-  --gradient-to-color: #16bdca;
-}
-
-.focus\:to-teal-500:focus {
-  --gradient-to-color: #0694a2;
-}
-
-.focus\:to-teal-600:focus {
-  --gradient-to-color: #047481;
-}
-
-.focus\:to-teal-700:focus {
-  --gradient-to-color: #036672;
-}
-
-.focus\:to-teal-800:focus {
-  --gradient-to-color: #05505c;
-}
-
-.focus\:to-teal-900:focus {
-  --gradient-to-color: #014451;
-}
-
-.focus\:to-blue-50:focus {
-  --gradient-to-color: #ebf5ff;
-}
-
-.focus\:to-blue-100:focus {
-  --gradient-to-color: #e1effe;
-}
-
-.focus\:to-blue-200:focus {
-  --gradient-to-color: #c3ddfd;
-}
-
-.focus\:to-blue-300:focus {
-  --gradient-to-color: #a4cafe;
-}
-
-.focus\:to-blue-400:focus {
-  --gradient-to-color: #76a9fa;
-}
-
-.focus\:to-blue-500:focus {
-  --gradient-to-color: #3f83f8;
-}
-
-.focus\:to-blue-600:focus {
-  --gradient-to-color: #1c64f2;
-}
-
-.focus\:to-blue-700:focus {
-  --gradient-to-color: #1a56db;
-}
-
-.focus\:to-blue-800:focus {
-  --gradient-to-color: #1e429f;
-}
-
-.focus\:to-blue-900:focus {
-  --gradient-to-color: #233876;
-}
-
-.focus\:to-indigo-50:focus {
-  --gradient-to-color: #f0f5ff;
-}
-
-.focus\:to-indigo-100:focus {
-  --gradient-to-color: #e5edff;
-}
-
-.focus\:to-indigo-200:focus {
-  --gradient-to-color: #cddbfe;
-}
-
-.focus\:to-indigo-300:focus {
-  --gradient-to-color: #b4c6fc;
-}
-
-.focus\:to-indigo-400:focus {
-  --gradient-to-color: #8da2fb;
-}
-
-.focus\:to-indigo-500:focus {
-  --gradient-to-color: #6875f5;
-}
-
-.focus\:to-indigo-600:focus {
-  --gradient-to-color: #5850ec;
-}
-
-.focus\:to-indigo-700:focus {
-  --gradient-to-color: #5145cd;
-}
-
-.focus\:to-indigo-800:focus {
-  --gradient-to-color: #42389d;
-}
-
-.focus\:to-indigo-900:focus {
-  --gradient-to-color: #362f78;
-}
-
-.focus\:to-purple-50:focus {
-  --gradient-to-color: #f6f5ff;
-}
-
-.focus\:to-purple-100:focus {
-  --gradient-to-color: #edebfe;
-}
-
-.focus\:to-purple-200:focus {
-  --gradient-to-color: #dcd7fe;
-}
-
-.focus\:to-purple-300:focus {
-  --gradient-to-color: #cabffd;
-}
-
-.focus\:to-purple-400:focus {
-  --gradient-to-color: #ac94fa;
-}
-
-.focus\:to-purple-500:focus {
-  --gradient-to-color: #9061f9;
-}
-
-.focus\:to-purple-600:focus {
-  --gradient-to-color: #7e3af2;
-}
-
-.focus\:to-purple-700:focus {
-  --gradient-to-color: #6c2bd9;
-}
-
-.focus\:to-purple-800:focus {
-  --gradient-to-color: #5521b5;
-}
-
-.focus\:to-purple-900:focus {
-  --gradient-to-color: #4a1d96;
-}
-
-.focus\:to-pink-50:focus {
-  --gradient-to-color: #fdf2f8;
-}
-
-.focus\:to-pink-100:focus {
-  --gradient-to-color: #fce8f3;
-}
-
-.focus\:to-pink-200:focus {
-  --gradient-to-color: #fad1e8;
-}
-
-.focus\:to-pink-300:focus {
-  --gradient-to-color: #f8b4d9;
-}
-
-.focus\:to-pink-400:focus {
-  --gradient-to-color: #f17eb8;
-}
-
-.focus\:to-pink-500:focus {
-  --gradient-to-color: #e74694;
-}
-
-.focus\:to-pink-600:focus {
-  --gradient-to-color: #d61f69;
-}
-
-.focus\:to-pink-700:focus {
-  --gradient-to-color: #bf125d;
-}
-
-.focus\:to-pink-800:focus {
-  --gradient-to-color: #99154b;
-}
-
-.focus\:to-pink-900:focus {
-  --gradient-to-color: #751a3d;
-}
-
-.focus\:to-cool-gray-50:focus {
-  --gradient-to-color: #f8fafc;
-}
-
-.focus\:to-cool-gray-100:focus {
-  --gradient-to-color: #f1f5f9;
-}
-
-.focus\:to-cool-gray-200:focus {
-  --gradient-to-color: #e2e8f0;
-}
-
-.focus\:to-cool-gray-300:focus {
-  --gradient-to-color: #cfd8e3;
-}
-
-.focus\:to-cool-gray-400:focus {
-  --gradient-to-color: #97a6ba;
-}
-
-.focus\:to-cool-gray-500:focus {
-  --gradient-to-color: #64748b;
-}
-
-.focus\:to-cool-gray-600:focus {
-  --gradient-to-color: #475569;
-}
-
-.focus\:to-cool-gray-700:focus {
-  --gradient-to-color: #364152;
-}
-
-.focus\:to-cool-gray-800:focus {
-  --gradient-to-color: #27303f;
-}
-
-.focus\:to-cool-gray-900:focus {
-  --gradient-to-color: #1a202e;
-}
-
-.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-current {
-  border-color: currentColor;
-}
-
-.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-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: #73230d;
-  border-color: rgba(115, 35, 13, 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));
-}
-
-.border-cool-gray-50 {
-  --border-opacity: 1;
-  border-color: #f8fafc;
-  border-color: rgba(248, 250, 252, 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));
-}
-
-.group:hover .group-hover\:border-current {
-  border-color: currentColor;
-}
-
-.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-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: #73230d;
-  border-color: rgba(115, 35, 13, 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:hover .group-hover\:border-cool-gray-50 {
-  --border-opacity: 1;
-  border-color: #f8fafc;
-  border-color: rgba(248, 250, 252, 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:focus .group-focus\:border-current {
-  border-color: currentColor;
-}
-
-.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-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: #73230d;
-  border-color: rgba(115, 35, 13, 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));
-}
-
-.group:focus .group-focus\:border-cool-gray-50 {
-  --border-opacity: 1;
-  border-color: #f8fafc;
-  border-color: rgba(248, 250, 252, 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));
-}
-
-.hover\:border-current:hover {
-  border-color: currentColor;
-}
-
-.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-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: #73230d;
-  border-color: rgba(115, 35, 13, 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));
-}
-
-.hover\:border-cool-gray-50:hover {
-  --border-opacity: 1;
-  border-color: #f8fafc;
-  border-color: rgba(248, 250, 252, 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));
-}
-
-.focus-within\:border-current:focus-within {
-  border-color: currentColor;
-}
-
-.focus-within\:border-transparent:focus-within {
-  border-color: transparent;
-}
-
-.focus-within\:border-white:focus-within {
-  --border-opacity: 1;
-  border-color: #ffffff;
-  border-color: rgba(255, 255, 255, var(--border-opacity));
-}
-
-.focus-within\:border-black:focus-within {
-  --border-opacity: 1;
-  border-color: #000000;
-  border-color: rgba(0, 0, 0, var(--border-opacity));
-}
-
-.focus-within\:border-gray-50:focus-within {
-  --border-opacity: 1;
-  border-color: #f9fafb;
-  border-color: rgba(249, 250, 251, var(--border-opacity));
-}
-
-.focus-within\:border-gray-100:focus-within {
-  --border-opacity: 1;
-  border-color: #f4f5f7;
-  border-color: rgba(244, 245, 247, var(--border-opacity));
-}
-
-.focus-within\:border-gray-200:focus-within {
-  --border-opacity: 1;
-  border-color: #e5e7eb;
-  border-color: rgba(229, 231, 235, var(--border-opacity));
-}
-
-.focus-within\:border-gray-300:focus-within {
-  --border-opacity: 1;
-  border-color: #d2d6dc;
-  border-color: rgba(210, 214, 220, var(--border-opacity));
-}
-
-.focus-within\:border-gray-400:focus-within {
-  --border-opacity: 1;
-  border-color: #9fa6b2;
-  border-color: rgba(159, 166, 178, var(--border-opacity));
-}
-
-.focus-within\:border-gray-500:focus-within {
-  --border-opacity: 1;
-  border-color: #6b7280;
-  border-color: rgba(107, 114, 128, var(--border-opacity));
-}
-
-.focus-within\:border-gray-600:focus-within {
-  --border-opacity: 1;
-  border-color: #4b5563;
-  border-color: rgba(75, 85, 99, var(--border-opacity));
-}
-
-.focus-within\:border-gray-700:focus-within {
-  --border-opacity: 1;
-  border-color: #374151;
-  border-color: rgba(55, 65, 81, var(--border-opacity));
-}
-
-.focus-within\:border-gray-800:focus-within {
-  --border-opacity: 1;
-  border-color: #252f3f;
-  border-color: rgba(37, 47, 63, var(--border-opacity));
-}
-
-.focus-within\:border-gray-900:focus-within {
-  --border-opacity: 1;
-  border-color: #161e2e;
-  border-color: rgba(22, 30, 46, var(--border-opacity));
-}
-
-.focus-within\:border-red-50:focus-within {
-  --border-opacity: 1;
-  border-color: #fdf2f2;
-  border-color: rgba(253, 242, 242, var(--border-opacity));
-}
-
-.focus-within\:border-red-100:focus-within {
-  --border-opacity: 1;
-  border-color: #fde8e8;
-  border-color: rgba(253, 232, 232, var(--border-opacity));
-}
-
-.focus-within\:border-red-200:focus-within {
-  --border-opacity: 1;
-  border-color: #fbd5d5;
-  border-color: rgba(251, 213, 213, var(--border-opacity));
-}
-
-.focus-within\:border-red-300:focus-within {
-  --border-opacity: 1;
-  border-color: #f8b4b4;
-  border-color: rgba(248, 180, 180, var(--border-opacity));
-}
-
-.focus-within\:border-red-400:focus-within {
-  --border-opacity: 1;
-  border-color: #f98080;
-  border-color: rgba(249, 128, 128, var(--border-opacity));
-}
-
-.focus-within\:border-red-500:focus-within {
-  --border-opacity: 1;
-  border-color: #f05252;
-  border-color: rgba(240, 82, 82, var(--border-opacity));
-}
-
-.focus-within\:border-red-600:focus-within {
-  --border-opacity: 1;
-  border-color: #e02424;
-  border-color: rgba(224, 36, 36, var(--border-opacity));
-}
-
-.focus-within\:border-red-700:focus-within {
-  --border-opacity: 1;
-  border-color: #c81e1e;
-  border-color: rgba(200, 30, 30, var(--border-opacity));
-}
-
-.focus-within\:border-red-800:focus-within {
-  --border-opacity: 1;
-  border-color: #9b1c1c;
-  border-color: rgba(155, 28, 28, var(--border-opacity));
-}
-
-.focus-within\:border-red-900:focus-within {
-  --border-opacity: 1;
-  border-color: #771d1d;
-  border-color: rgba(119, 29, 29, var(--border-opacity));
-}
-
-.focus-within\:border-orange-50:focus-within {
-  --border-opacity: 1;
-  border-color: #fff8f1;
-  border-color: rgba(255, 248, 241, var(--border-opacity));
-}
-
-.focus-within\:border-orange-100:focus-within {
-  --border-opacity: 1;
-  border-color: #feecdc;
-  border-color: rgba(254, 236, 220, var(--border-opacity));
-}
-
-.focus-within\:border-orange-200:focus-within {
-  --border-opacity: 1;
-  border-color: #fcd9bd;
-  border-color: rgba(252, 217, 189, var(--border-opacity));
-}
-
-.focus-within\:border-orange-300:focus-within {
-  --border-opacity: 1;
-  border-color: #fdba8c;
-  border-color: rgba(253, 186, 140, var(--border-opacity));
-}
-
-.focus-within\:border-orange-400:focus-within {
-  --border-opacity: 1;
-  border-color: #ff8a4c;
-  border-color: rgba(255, 138, 76, var(--border-opacity));
-}
-
-.focus-within\:border-orange-500:focus-within {
-  --border-opacity: 1;
-  border-color: #ff5a1f;
-  border-color: rgba(255, 90, 31, var(--border-opacity));
-}
-
-.focus-within\:border-orange-600:focus-within {
-  --border-opacity: 1;
-  border-color: #d03801;
-  border-color: rgba(208, 56, 1, var(--border-opacity));
-}
-
-.focus-within\:border-orange-700:focus-within {
-  --border-opacity: 1;
-  border-color: #b43403;
-  border-color: rgba(180, 52, 3, var(--border-opacity));
-}
-
-.focus-within\:border-orange-800:focus-within {
-  --border-opacity: 1;
-  border-color: #8a2c0d;
-  border-color: rgba(138, 44, 13, var(--border-opacity));
-}
-
-.focus-within\:border-orange-900:focus-within {
-  --border-opacity: 1;
-  border-color: #73230d;
-  border-color: rgba(115, 35, 13, var(--border-opacity));
-}
-
-.focus-within\:border-yellow-50:focus-within {
-  --border-opacity: 1;
-  border-color: #fdfdea;
-  border-color: rgba(253, 253, 234, var(--border-opacity));
-}
-
-.focus-within\:border-yellow-100:focus-within {
-  --border-opacity: 1;
-  border-color: #fdf6b2;
-  border-color: rgba(253, 246, 178, var(--border-opacity));
-}
-
-.focus-within\:border-yellow-200:focus-within {
-  --border-opacity: 1;
-  border-color: #fce96a;
-  border-color: rgba(252, 233, 106, var(--border-opacity));
-}
-
-.focus-within\:border-yellow-300:focus-within {
-  --border-opacity: 1;
-  border-color: #faca15;
-  border-color: rgba(250, 202, 21, var(--border-opacity));
-}
-
-.focus-within\:border-yellow-400:focus-within {
-  --border-opacity: 1;
-  border-color: #e3a008;
-  border-color: rgba(227, 160, 8, var(--border-opacity));
-}
-
-.focus-within\:border-yellow-500:focus-within {
-  --border-opacity: 1;
-  border-color: #c27803;
-  border-color: rgba(194, 120, 3, var(--border-opacity));
-}
-
-.focus-within\:border-yellow-600:focus-within {
-  --border-opacity: 1;
-  border-color: #9f580a;
-  border-color: rgba(159, 88, 10, var(--border-opacity));
-}
-
-.focus-within\:border-yellow-700:focus-within {
-  --border-opacity: 1;
-  border-color: #8e4b10;
-  border-color: rgba(142, 75, 16, var(--border-opacity));
-}
-
-.focus-within\:border-yellow-800:focus-within {
-  --border-opacity: 1;
-  border-color: #723b13;
-  border-color: rgba(114, 59, 19, var(--border-opacity));
-}
-
-.focus-within\:border-yellow-900:focus-within {
-  --border-opacity: 1;
-  border-color: #633112;
-  border-color: rgba(99, 49, 18, var(--border-opacity));
-}
-
-.focus-within\:border-green-50:focus-within {
-  --border-opacity: 1;
-  border-color: #f3faf7;
-  border-color: rgba(243, 250, 247, var(--border-opacity));
-}
-
-.focus-within\:border-green-100:focus-within {
-  --border-opacity: 1;
-  border-color: #def7ec;
-  border-color: rgba(222, 247, 236, var(--border-opacity));
-}
-
-.focus-within\:border-green-200:focus-within {
-  --border-opacity: 1;
-  border-color: #bcf0da;
-  border-color: rgba(188, 240, 218, var(--border-opacity));
-}
-
-.focus-within\:border-green-300:focus-within {
-  --border-opacity: 1;
-  border-color: #84e1bc;
-  border-color: rgba(132, 225, 188, var(--border-opacity));
-}
-
-.focus-within\:border-green-400:focus-within {
-  --border-opacity: 1;
-  border-color: #31c48d;
-  border-color: rgba(49, 196, 141, var(--border-opacity));
-}
-
-.focus-within\:border-green-500:focus-within {
-  --border-opacity: 1;
-  border-color: #0e9f6e;
-  border-color: rgba(14, 159, 110, var(--border-opacity));
-}
-
-.focus-within\:border-green-600:focus-within {
-  --border-opacity: 1;
-  border-color: #057a55;
-  border-color: rgba(5, 122, 85, var(--border-opacity));
-}
-
-.focus-within\:border-green-700:focus-within {
-  --border-opacity: 1;
-  border-color: #046c4e;
-  border-color: rgba(4, 108, 78, var(--border-opacity));
-}
-
-.focus-within\:border-green-800:focus-within {
-  --border-opacity: 1;
-  border-color: #03543f;
-  border-color: rgba(3, 84, 63, var(--border-opacity));
-}
-
-.focus-within\:border-green-900:focus-within {
-  --border-opacity: 1;
-  border-color: #014737;
-  border-color: rgba(1, 71, 55, var(--border-opacity));
-}
-
-.focus-within\:border-teal-50:focus-within {
-  --border-opacity: 1;
-  border-color: #edfafa;
-  border-color: rgba(237, 250, 250, var(--border-opacity));
-}
-
-.focus-within\:border-teal-100:focus-within {
-  --border-opacity: 1;
-  border-color: #d5f5f6;
-  border-color: rgba(213, 245, 246, var(--border-opacity));
-}
-
-.focus-within\:border-teal-200:focus-within {
-  --border-opacity: 1;
-  border-color: #afecef;
-  border-color: rgba(175, 236, 239, var(--border-opacity));
-}
-
-.focus-within\:border-teal-300:focus-within {
-  --border-opacity: 1;
-  border-color: #7edce2;
-  border-color: rgba(126, 220, 226, var(--border-opacity));
-}
-
-.focus-within\:border-teal-400:focus-within {
-  --border-opacity: 1;
-  border-color: #16bdca;
-  border-color: rgba(22, 189, 202, var(--border-opacity));
-}
-
-.focus-within\:border-teal-500:focus-within {
-  --border-opacity: 1;
-  border-color: #0694a2;
-  border-color: rgba(6, 148, 162, var(--border-opacity));
-}
-
-.focus-within\:border-teal-600:focus-within {
-  --border-opacity: 1;
-  border-color: #047481;
-  border-color: rgba(4, 116, 129, var(--border-opacity));
-}
-
-.focus-within\:border-teal-700:focus-within {
-  --border-opacity: 1;
-  border-color: #036672;
-  border-color: rgba(3, 102, 114, var(--border-opacity));
-}
-
-.focus-within\:border-teal-800:focus-within {
-  --border-opacity: 1;
-  border-color: #05505c;
-  border-color: rgba(5, 80, 92, var(--border-opacity));
-}
-
-.focus-within\:border-teal-900:focus-within {
-  --border-opacity: 1;
-  border-color: #014451;
-  border-color: rgba(1, 68, 81, var(--border-opacity));
-}
-
-.focus-within\:border-blue-50:focus-within {
-  --border-opacity: 1;
-  border-color: #ebf5ff;
-  border-color: rgba(235, 245, 255, var(--border-opacity));
-}
-
-.focus-within\:border-blue-100:focus-within {
-  --border-opacity: 1;
-  border-color: #e1effe;
-  border-color: rgba(225, 239, 254, var(--border-opacity));
-}
-
-.focus-within\:border-blue-200:focus-within {
-  --border-opacity: 1;
-  border-color: #c3ddfd;
-  border-color: rgba(195, 221, 253, var(--border-opacity));
-}
-
-.focus-within\:border-blue-300:focus-within {
-  --border-opacity: 1;
-  border-color: #a4cafe;
-  border-color: rgba(164, 202, 254, var(--border-opacity));
-}
-
-.focus-within\:border-blue-400:focus-within {
-  --border-opacity: 1;
-  border-color: #76a9fa;
-  border-color: rgba(118, 169, 250, var(--border-opacity));
-}
-
-.focus-within\:border-blue-500:focus-within {
-  --border-opacity: 1;
-  border-color: #3f83f8;
-  border-color: rgba(63, 131, 248, var(--border-opacity));
-}
-
-.focus-within\:border-blue-600:focus-within {
-  --border-opacity: 1;
-  border-color: #1c64f2;
-  border-color: rgba(28, 100, 242, var(--border-opacity));
-}
-
-.focus-within\:border-blue-700:focus-within {
-  --border-opacity: 1;
-  border-color: #1a56db;
-  border-color: rgba(26, 86, 219, var(--border-opacity));
-}
-
-.focus-within\:border-blue-800:focus-within {
-  --border-opacity: 1;
-  border-color: #1e429f;
-  border-color: rgba(30, 66, 159, var(--border-opacity));
-}
-
-.focus-within\:border-blue-900:focus-within {
-  --border-opacity: 1;
-  border-color: #233876;
-  border-color: rgba(35, 56, 118, var(--border-opacity));
-}
-
-.focus-within\:border-indigo-50:focus-within {
-  --border-opacity: 1;
-  border-color: #f0f5ff;
-  border-color: rgba(240, 245, 255, var(--border-opacity));
-}
-
-.focus-within\:border-indigo-100:focus-within {
-  --border-opacity: 1;
-  border-color: #e5edff;
-  border-color: rgba(229, 237, 255, var(--border-opacity));
-}
-
-.focus-within\:border-indigo-200:focus-within {
-  --border-opacity: 1;
-  border-color: #cddbfe;
-  border-color: rgba(205, 219, 254, var(--border-opacity));
-}
-
-.focus-within\:border-indigo-300:focus-within {
-  --border-opacity: 1;
-  border-color: #b4c6fc;
-  border-color: rgba(180, 198, 252, var(--border-opacity));
-}
-
-.focus-within\:border-indigo-400:focus-within {
-  --border-opacity: 1;
-  border-color: #8da2fb;
-  border-color: rgba(141, 162, 251, var(--border-opacity));
-}
-
-.focus-within\:border-indigo-500:focus-within {
-  --border-opacity: 1;
-  border-color: #6875f5;
-  border-color: rgba(104, 117, 245, var(--border-opacity));
-}
-
-.focus-within\:border-indigo-600:focus-within {
-  --border-opacity: 1;
-  border-color: #5850ec;
-  border-color: rgba(88, 80, 236, var(--border-opacity));
-}
-
-.focus-within\:border-indigo-700:focus-within {
-  --border-opacity: 1;
-  border-color: #5145cd;
-  border-color: rgba(81, 69, 205, var(--border-opacity));
-}
-
-.focus-within\:border-indigo-800:focus-within {
-  --border-opacity: 1;
-  border-color: #42389d;
-  border-color: rgba(66, 56, 157, var(--border-opacity));
-}
-
-.focus-within\:border-indigo-900:focus-within {
-  --border-opacity: 1;
-  border-color: #362f78;
-  border-color: rgba(54, 47, 120, var(--border-opacity));
-}
-
-.focus-within\:border-purple-50:focus-within {
-  --border-opacity: 1;
-  border-color: #f6f5ff;
-  border-color: rgba(246, 245, 255, var(--border-opacity));
-}
-
-.focus-within\:border-purple-100:focus-within {
-  --border-opacity: 1;
-  border-color: #edebfe;
-  border-color: rgba(237, 235, 254, var(--border-opacity));
-}
-
-.focus-within\:border-purple-200:focus-within {
-  --border-opacity: 1;
-  border-color: #dcd7fe;
-  border-color: rgba(220, 215, 254, var(--border-opacity));
-}
-
-.focus-within\:border-purple-300:focus-within {
-  --border-opacity: 1;
-  border-color: #cabffd;
-  border-color: rgba(202, 191, 253, var(--border-opacity));
-}
-
-.focus-within\:border-purple-400:focus-within {
-  --border-opacity: 1;
-  border-color: #ac94fa;
-  border-color: rgba(172, 148, 250, var(--border-opacity));
-}
-
-.focus-within\:border-purple-500:focus-within {
-  --border-opacity: 1;
-  border-color: #9061f9;
-  border-color: rgba(144, 97, 249, var(--border-opacity));
-}
-
-.focus-within\:border-purple-600:focus-within {
-  --border-opacity: 1;
-  border-color: #7e3af2;
-  border-color: rgba(126, 58, 242, var(--border-opacity));
-}
-
-.focus-within\:border-purple-700:focus-within {
-  --border-opacity: 1;
-  border-color: #6c2bd9;
-  border-color: rgba(108, 43, 217, var(--border-opacity));
-}
-
-.focus-within\:border-purple-800:focus-within {
-  --border-opacity: 1;
-  border-color: #5521b5;
-  border-color: rgba(85, 33, 181, var(--border-opacity));
-}
-
-.focus-within\:border-purple-900:focus-within {
-  --border-opacity: 1;
-  border-color: #4a1d96;
-  border-color: rgba(74, 29, 150, var(--border-opacity));
-}
-
-.focus-within\:border-pink-50:focus-within {
-  --border-opacity: 1;
-  border-color: #fdf2f8;
-  border-color: rgba(253, 242, 248, var(--border-opacity));
-}
-
-.focus-within\:border-pink-100:focus-within {
-  --border-opacity: 1;
-  border-color: #fce8f3;
-  border-color: rgba(252, 232, 243, var(--border-opacity));
-}
-
-.focus-within\:border-pink-200:focus-within {
-  --border-opacity: 1;
-  border-color: #fad1e8;
-  border-color: rgba(250, 209, 232, var(--border-opacity));
-}
-
-.focus-within\:border-pink-300:focus-within {
-  --border-opacity: 1;
-  border-color: #f8b4d9;
-  border-color: rgba(248, 180, 217, var(--border-opacity));
-}
-
-.focus-within\:border-pink-400:focus-within {
-  --border-opacity: 1;
-  border-color: #f17eb8;
-  border-color: rgba(241, 126, 184, var(--border-opacity));
-}
-
-.focus-within\:border-pink-500:focus-within {
-  --border-opacity: 1;
-  border-color: #e74694;
-  border-color: rgba(231, 70, 148, var(--border-opacity));
-}
-
-.focus-within\:border-pink-600:focus-within {
-  --border-opacity: 1;
-  border-color: #d61f69;
-  border-color: rgba(214, 31, 105, var(--border-opacity));
-}
-
-.focus-within\:border-pink-700:focus-within {
-  --border-opacity: 1;
-  border-color: #bf125d;
-  border-color: rgba(191, 18, 93, var(--border-opacity));
-}
-
-.focus-within\:border-pink-800:focus-within {
-  --border-opacity: 1;
-  border-color: #99154b;
-  border-color: rgba(153, 21, 75, var(--border-opacity));
-}
-
-.focus-within\:border-pink-900:focus-within {
-  --border-opacity: 1;
-  border-color: #751a3d;
-  border-color: rgba(117, 26, 61, var(--border-opacity));
-}
-
-.focus-within\:border-cool-gray-50:focus-within {
-  --border-opacity: 1;
-  border-color: #f8fafc;
-  border-color: rgba(248, 250, 252, var(--border-opacity));
-}
-
-.focus-within\:border-cool-gray-100:focus-within {
-  --border-opacity: 1;
-  border-color: #f1f5f9;
-  border-color: rgba(241, 245, 249, var(--border-opacity));
-}
-
-.focus-within\:border-cool-gray-200:focus-within {
-  --border-opacity: 1;
-  border-color: #e2e8f0;
-  border-color: rgba(226, 232, 240, var(--border-opacity));
-}
-
-.focus-within\:border-cool-gray-300:focus-within {
-  --border-opacity: 1;
-  border-color: #cfd8e3;
-  border-color: rgba(207, 216, 227, var(--border-opacity));
-}
-
-.focus-within\:border-cool-gray-400:focus-within {
-  --border-opacity: 1;
-  border-color: #97a6ba;
-  border-color: rgba(151, 166, 186, var(--border-opacity));
-}
-
-.focus-within\:border-cool-gray-500:focus-within {
-  --border-opacity: 1;
-  border-color: #64748b;
-  border-color: rgba(100, 116, 139, var(--border-opacity));
-}
-
-.focus-within\:border-cool-gray-600:focus-within {
-  --border-opacity: 1;
-  border-color: #475569;
-  border-color: rgba(71, 85, 105, var(--border-opacity));
-}
-
-.focus-within\:border-cool-gray-700:focus-within {
-  --border-opacity: 1;
-  border-color: #364152;
-  border-color: rgba(54, 65, 82, var(--border-opacity));
-}
-
-.focus-within\:border-cool-gray-800:focus-within {
-  --border-opacity: 1;
-  border-color: #27303f;
-  border-color: rgba(39, 48, 63, var(--border-opacity));
-}
-
-.focus-within\:border-cool-gray-900:focus-within {
-  --border-opacity: 1;
-  border-color: #1a202e;
-  border-color: rgba(26, 32, 46, var(--border-opacity));
-}
-
-.focus\:border-current:focus {
-  border-color: currentColor;
-}
-
-.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-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: #73230d;
-  border-color: rgba(115, 35, 13, 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));
-}
-
-.focus\:border-cool-gray-50:focus {
-  --border-opacity: 1;
-  border-color: #f8fafc;
-  border-color: rgba(248, 250, 252, 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));
-}
-
-.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-xl {
-  border-radius: 0.75rem;
-}
-
-.rounded-2xl {
-  border-radius: 1rem;
-}
-
-.rounded-3xl {
-  border-radius: 1.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-xl {
-  border-top-left-radius: 0.75rem;
-  border-top-right-radius: 0.75rem;
-}
-
-.rounded-r-xl {
-  border-top-right-radius: 0.75rem;
-  border-bottom-right-radius: 0.75rem;
-}
-
-.rounded-b-xl {
-  border-bottom-right-radius: 0.75rem;
-  border-bottom-left-radius: 0.75rem;
-}
-
-.rounded-l-xl {
-  border-top-left-radius: 0.75rem;
-  border-bottom-left-radius: 0.75rem;
-}
-
-.rounded-t-2xl {
-  border-top-left-radius: 1rem;
-  border-top-right-radius: 1rem;
-}
-
-.rounded-r-2xl {
-  border-top-right-radius: 1rem;
-  border-bottom-right-radius: 1rem;
-}
-
-.rounded-b-2xl {
-  border-bottom-right-radius: 1rem;
-  border-bottom-left-radius: 1rem;
-}
-
-.rounded-l-2xl {
-  border-top-left-radius: 1rem;
-  border-bottom-left-radius: 1rem;
-}
-
-.rounded-t-3xl {
-  border-top-left-radius: 1.5rem;
-  border-top-right-radius: 1.5rem;
-}
-
-.rounded-r-3xl {
-  border-top-right-radius: 1.5rem;
-  border-bottom-right-radius: 1.5rem;
-}
-
-.rounded-b-3xl {
-  border-bottom-right-radius: 1.5rem;
-  border-bottom-left-radius: 1.5rem;
-}
-
-.rounded-l-3xl {
-  border-top-left-radius: 1.5rem;
-  border-bottom-left-radius: 1.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-xl {
-  border-top-left-radius: 0.75rem;
-}
-
-.rounded-tr-xl {
-  border-top-right-radius: 0.75rem;
-}
-
-.rounded-br-xl {
-  border-bottom-right-radius: 0.75rem;
-}
-
-.rounded-bl-xl {
-  border-bottom-left-radius: 0.75rem;
-}
-
-.rounded-tl-2xl {
-  border-top-left-radius: 1rem;
-}
-
-.rounded-tr-2xl {
-  border-top-right-radius: 1rem;
-}
-
-.rounded-br-2xl {
-  border-bottom-right-radius: 1rem;
-}
-
-.rounded-bl-2xl {
-  border-bottom-left-radius: 1rem;
-}
-
-.rounded-tl-3xl {
-  border-top-left-radius: 1.5rem;
-}
-
-.rounded-tr-3xl {
-  border-top-right-radius: 1.5rem;
-}
-
-.rounded-br-3xl {
-  border-bottom-right-radius: 1.5rem;
-}
-
-.rounded-bl-3xl {
-  border-bottom-left-radius: 1.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;
-}
-
-.contents {
-  display: contents;
-}
-
-.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;
-}
-
-.place-items-auto {
-  place-items: auto;
-}
-
-.place-items-start {
-  place-items: start;
-}
-
-.place-items-end {
-  place-items: end;
-}
-
-.place-items-center {
-  place-items: center;
-}
-
-.place-items-stretch {
-  place-items: stretch;
-}
-
-.place-content-center {
-  place-content: center;
-}
-
-.place-content-start {
-  place-content: start;
-}
-
-.place-content-end {
-  place-content: end;
-}
-
-.place-content-between {
-  place-content: space-between;
-}
-
-.place-content-around {
-  place-content: space-around;
-}
-
-.place-content-evenly {
-  place-content: space-evenly;
-}
-
-.place-content-stretch {
-  place-content: stretch;
-}
-
-.place-self-auto {
-  place-self: auto;
-}
-
-.place-self-start {
-  place-self: start;
-}
-
-.place-self-end {
-  place-self: end;
-}
-
-.place-self-center {
-  place-self: center;
-}
-
-.place-self-stretch {
-  place-self: stretch;
-}
-
-.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;
-}
-
-.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;
-}
-
-.content-evenly {
-  align-content: space-evenly;
-}
-
-.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-items-auto {
-  justify-items: auto;
-}
-
-.justify-items-start {
-  justify-items: start;
-}
-
-.justify-items-end {
-  justify-items: end;
-}
-
-.justify-items-center {
-  justify-items: center;
-}
-
-.justify-items-stretch {
-  justify-items: 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;
-}
-
-.justify-self-auto {
-  justify-self: auto;
-}
-
-.justify-self-start {
-  justify-self: start;
-}
-
-.justify-self-end {
-  justify-self: end;
-}
-
-.justify-self-center {
-  justify-self: center;
-}
-
-.justify-self-stretch {
-  justify-self: stretch;
-}
-
-.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-44 {
-  height: 11rem;
-}
-
-.h-48 {
-  height: 12rem;
-}
-
-.h-52 {
-  height: 13rem;
-}
-
-.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-44 {
-  margin: 11rem;
-}
-
-.m-48 {
-  margin: 12rem;
-}
-
-.m-52 {
-  margin: 13rem;
-}
-
-.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-44 {
-  margin: -11rem;
-}
-
-.-m-48 {
-  margin: -12rem;
-}
-
-.-m-52 {
-  margin: -13rem;
-}
-
-.-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-44 {
-  margin-top: 11rem;
-  margin-bottom: 11rem;
-}
-
-.mx-44 {
-  margin-left: 11rem;
-  margin-right: 11rem;
-}
-
-.my-48 {
-  margin-top: 12rem;
-  margin-bottom: 12rem;
-}
-
-.mx-48 {
-  margin-left: 12rem;
-  margin-right: 12rem;
-}
-
-.my-52 {
-  margin-top: 13rem;
-  margin-bottom: 13rem;
-}
-
-.mx-52 {
-  margin-left: 13rem;
-  margin-right: 13rem;
-}
-
-.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-44 {
-  margin-top: -11rem;
-  margin-bottom: -11rem;
-}
-
-.-mx-44 {
-  margin-left: -11rem;
-  margin-right: -11rem;
-}
-
-.-my-48 {
-  margin-top: -12rem;
-  margin-bottom: -12rem;
-}
-
-.-mx-48 {
-  margin-left: -12rem;
-  margin-right: -12rem;
-}
-
-.-my-52 {
-  margin-top: -13rem;
-  margin-bottom: -13rem;
-}
-
-.-mx-52 {
-  margin-left: -13rem;
-  margin-right: -13rem;
-}
-
-.-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-44 {
-  margin-top: 11rem;
-}
-
-.mr-44 {
-  margin-right: 11rem;
-}
-
-.mb-44 {
-  margin-bottom: 11rem;
-}
-
-.ml-44 {
-  margin-left: 11rem;
-}
-
-.mt-48 {
-  margin-top: 12rem;
-}
-
-.mr-48 {
-  margin-right: 12rem;
-}
-
-.mb-48 {
-  margin-bottom: 12rem;
-}
-
-.ml-48 {
-  margin-left: 12rem;
-}
-
-.mt-52 {
-  margin-top: 13rem;
-}
-
-.mr-52 {
-  margin-right: 13rem;
-}
-
-.mb-52 {
-  margin-bottom: 13rem;
-}
-
-.ml-52 {
-  margin-left: 13rem;
-}
-
-.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-44 {
-  margin-top: -11rem;
-}
-
-.-mr-44 {
-  margin-right: -11rem;
-}
-
-.-mb-44 {
-  margin-bottom: -11rem;
-}
-
-.-ml-44 {
-  margin-left: -11rem;
-}
-
-.-mt-48 {
-  margin-top: -12rem;
-}
-
-.-mr-48 {
-  margin-right: -12rem;
-}
-
-.-mb-48 {
-  margin-bottom: -12rem;
-}
-
-.-ml-48 {
-  margin-left: -12rem;
-}
-
-.-mt-52 {
-  margin-top: -13rem;
-}
-
-.-mr-52 {
-  margin-right: -13rem;
-}
-
-.-mb-52 {
-  margin-bottom: -13rem;
-}
-
-.-ml-52 {
-  margin-left: -13rem;
-}
-
-.-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-44 {
-  max-height: 11rem;
-}
-
-.max-h-48 {
-  max-height: 12rem;
-}
-
-.max-h-52 {
-  max-height: 13rem;
-}
-
-.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-0 {
-  max-width: 0rem;
-}
-
-.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-min-content {
-  max-width: -webkit-min-content;
-  max-width: -moz-min-content;
-  max-width: min-content;
-}
-
-.max-w-max-content {
-  max-width: -webkit-max-content;
-  max-width: -moz-max-content;
-  max-width: max-content;
-}
-
-.max-w-prose {
-  max-width: 65ch;
-}
-
-.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%;
-}
-
-.min-w-min-content {
-  min-width: -webkit-min-content;
-  min-width: -moz-min-content;
-  min-width: min-content;
-}
-
-.min-w-max-content {
-  min-width: -webkit-max-content;
-  min-width: -moz-max-content;
-  min-width: max-content;
-}
-
-.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;
-}
-
-.focus-within\:opacity-0:focus-within {
-  opacity: 0;
-}
-
-.focus-within\:opacity-25:focus-within {
-  opacity: 0.25;
-}
-
-.focus-within\:opacity-50:focus-within {
-  opacity: 0.5;
-}
-
-.focus-within\:opacity-75:focus-within {
-  opacity: 0.75;
-}
-
-.focus-within\:opacity-100:focus-within {
-  opacity: 1;
-}
-
-.group:hover .group-hover\:opacity-0 {
-  opacity: 0;
-}
-
-.group:hover .group-hover\:opacity-25 {
-  opacity: 0.25;
-}
-
-.group:hover .group-hover\:opacity-50 {
-  opacity: 0.5;
-}
-
-.group:hover .group-hover\:opacity-75 {
-  opacity: 0.75;
-}
-
-.group:hover .group-hover\:opacity-100 {
-  opacity: 1;
-}
-
-.group:focus .group-focus\:opacity-0 {
-  opacity: 0;
-}
-
-.group:focus .group-focus\:opacity-25 {
-  opacity: 0.25;
-}
-
-.group:focus .group-focus\:opacity-50 {
-  opacity: 0.5;
-}
-
-.group:focus .group-focus\:opacity-75 {
-  opacity: 0.75;
-}
-
-.group:focus .group-focus\: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: 2px solid transparent;
-  outline-offset: 2px;
-}
-
-.outline-white {
-  outline: 2px dotted white;
-  outline-offset: 2px;
-}
-
-.outline-black {
-  outline: 2px dotted black;
-  outline-offset: 2px;
-}
-
-.focus\:outline-none:focus {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-
-.focus\:outline-white:focus {
-  outline: 2px dotted white;
-  outline-offset: 2px;
-}
-
-.focus\:outline-black:focus {
-  outline: 2px dotted black;
-  outline-offset: 2px;
-}
-
-.overflow-auto {
-  overflow: auto;
-}
-
-.overflow-hidden {
-  overflow: hidden;
-}
-
-.overflow-visible {
-  overflow: visible;
-}
-
-.overflow-scroll {
-  overflow: scroll;
-}
-
-.overflow-x-auto {
-  overflow-x: auto;
-}
-
-.overflow-y-auto {
-  overflow-y: auto;
-}
-
-.overflow-x-hidden {
-  overflow-x: hidden;
-}
-
-.overflow-y-hidden {
-  overflow-y: hidden;
-}
-
-.overflow-x-visible {
-  overflow-x: visible;
-}
-
-.overflow-y-visible {
-  overflow-y: visible;
-}
-
-.overflow-x-scroll {
-  overflow-x: scroll;
-}
-
-.overflow-y-scroll {
-  overflow-y: scroll;
-}
-
-.scrolling-touch {
-  -webkit-overflow-scrolling: touch;
-}
-
-.scrolling-auto {
-  -webkit-overflow-scrolling: auto;
-}
-
-.overscroll-auto {
-  -ms-scroll-chaining: chained;
-      overscroll-behavior: auto;
-}
-
-.overscroll-contain {
-  -ms-scroll-chaining: none;
-      overscroll-behavior: contain;
-}
-
-.overscroll-none {
-  -ms-scroll-chaining: none;
-      overscroll-behavior: none;
-}
-
-.overscroll-y-auto {
-  overscroll-behavior-y: auto;
-}
-
-.overscroll-y-contain {
-  overscroll-behavior-y: contain;
-}
-
-.overscroll-y-none {
-  overscroll-behavior-y: none;
-}
-
-.overscroll-x-auto {
-  overscroll-behavior-x: auto;
-}
-
-.overscroll-x-contain {
-  overscroll-behavior-x: contain;
-}
-
-.overscroll-x-none {
-  overscroll-behavior-x: none;
-}
-
-.p-0 {
-  padding: 0;
-}
-
-.p-1 {
-  padding: 0.25rem;
-}
-
-.p-2 {
-  padding: 0.5rem;
-}
-
-.p-3 {
-  padding: 0.75rem;
-}
-
-.p-4 {
-  padding: 1rem;
-}
-
-.p-5 {
-  padding: 1.25rem;
-}
-
-.p-6 {
-  padding: 1.5rem;
-}
-
-.p-7 {
-  padding: 1.75rem;
-}
-
-.p-8 {
-  padding: 2rem;
-}
-
-.p-9 {
-  padding: 2.25rem;
-}
-
-.p-10 {
-  padding: 2.5rem;
-}
-
-.p-11 {
-  padding: 2.75rem;
-}
-
-.p-12 {
-  padding: 3rem;
-}
-
-.p-13 {
-  padding: 3.25rem;
-}
-
-.p-14 {
-  padding: 3.5rem;
-}
-
-.p-15 {
-  padding: 3.75rem;
-}
-
-.p-16 {
-  padding: 4rem;
-}
-
-.p-20 {
-  padding: 5rem;
-}
-
-.p-24 {
-  padding: 6rem;
-}
-
-.p-28 {
-  padding: 7rem;
-}
-
-.p-32 {
-  padding: 8rem;
-}
-
-.p-36 {
-  padding: 9rem;
-}
-
-.p-40 {
-  padding: 10rem;
-}
-
-.p-44 {
-  padding: 11rem;
-}
-
-.p-48 {
-  padding: 12rem;
-}
-
-.p-52 {
-  padding: 13rem;
-}
-
-.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-44 {
-  padding-top: 11rem;
-  padding-bottom: 11rem;
-}
-
-.px-44 {
-  padding-left: 11rem;
-  padding-right: 11rem;
-}
-
-.py-48 {
-  padding-top: 12rem;
-  padding-bottom: 12rem;
-}
-
-.px-48 {
-  padding-left: 12rem;
-  padding-right: 12rem;
-}
-
-.py-52 {
-  padding-top: 13rem;
-  padding-bottom: 13rem;
-}
-
-.px-52 {
-  padding-left: 13rem;
-  padding-right: 13rem;
-}
-
-.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-44 {
-  padding-top: 11rem;
-}
-
-.pr-44 {
-  padding-right: 11rem;
-}
-
-.pb-44 {
-  padding-bottom: 11rem;
-}
-
-.pl-44 {
-  padding-left: 11rem;
-}
-
-.pt-48 {
-  padding-top: 12rem;
-}
-
-.pr-48 {
-  padding-right: 12rem;
-}
-
-.pb-48 {
-  padding-bottom: 12rem;
-}
-
-.pl-48 {
-  padding-left: 12rem;
-}
-
-.pt-52 {
-  padding-top: 13rem;
-}
-
-.pr-52 {
-  padding-right: 13rem;
-}
-
-.pb-52 {
-  padding-bottom: 13rem;
-}
-
-.pl-52 {
-  padding-left: 13rem;
-}
-
-.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-current::-moz-placeholder {
-  color: currentColor;
-}
-
-.placeholder-current:-ms-input-placeholder {
-  color: currentColor;
-}
-
-.placeholder-current::placeholder {
-  color: currentColor;
-}
-
-.placeholder-transparent::-moz-placeholder {
-  color: transparent;
-}
-
-.placeholder-transparent:-ms-input-placeholder {
-  color: transparent;
-}
-
-.placeholder-transparent::placeholder {
-  color: transparent;
-}
-
-.placeholder-white::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--placeholder-opacity));
-}
-
-.placeholder-white:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--placeholder-opacity));
-}
-
-.placeholder-white::placeholder {
-  --placeholder-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--placeholder-opacity));
-}
-
-.placeholder-black::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--placeholder-opacity));
-}
-
-.placeholder-black:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--placeholder-opacity));
-}
-
-.placeholder-black::placeholder {
-  --placeholder-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--placeholder-opacity));
-}
-
-.placeholder-gray-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--placeholder-opacity));
-}
-
-.placeholder-gray-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--placeholder-opacity));
-}
-
-.placeholder-gray-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--placeholder-opacity));
-}
-
-.placeholder-gray-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--placeholder-opacity));
-}
-
-.placeholder-gray-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--placeholder-opacity));
-}
-
-.placeholder-gray-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--placeholder-opacity));
-}
-
-.placeholder-gray-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--placeholder-opacity));
-}
-
-.placeholder-gray-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--placeholder-opacity));
-}
-
-.placeholder-gray-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--placeholder-opacity));
-}
-
-.placeholder-gray-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--placeholder-opacity));
-}
-
-.placeholder-gray-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--placeholder-opacity));
-}
-
-.placeholder-gray-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--placeholder-opacity));
-}
-
-.placeholder-gray-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--placeholder-opacity));
-}
-
-.placeholder-gray-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--placeholder-opacity));
-}
-
-.placeholder-gray-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--placeholder-opacity));
-}
-
-.placeholder-gray-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--placeholder-opacity));
-}
-
-.placeholder-gray-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--placeholder-opacity));
-}
-
-.placeholder-gray-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--placeholder-opacity));
-}
-
-.placeholder-gray-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--placeholder-opacity));
-}
-
-.placeholder-gray-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--placeholder-opacity));
-}
-
-.placeholder-gray-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--placeholder-opacity));
-}
-
-.placeholder-gray-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--placeholder-opacity));
-}
-
-.placeholder-gray-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--placeholder-opacity));
-}
-
-.placeholder-gray-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--placeholder-opacity));
-}
-
-.placeholder-gray-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--placeholder-opacity));
-}
-
-.placeholder-gray-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--placeholder-opacity));
-}
-
-.placeholder-gray-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--placeholder-opacity));
-}
-
-.placeholder-gray-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--placeholder-opacity));
-}
-
-.placeholder-gray-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--placeholder-opacity));
-}
-
-.placeholder-gray-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--placeholder-opacity));
-}
-
-.placeholder-red-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--placeholder-opacity));
-}
-
-.placeholder-red-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--placeholder-opacity));
-}
-
-.placeholder-red-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--placeholder-opacity));
-}
-
-.placeholder-red-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--placeholder-opacity));
-}
-
-.placeholder-red-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--placeholder-opacity));
-}
-
-.placeholder-red-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--placeholder-opacity));
-}
-
-.placeholder-red-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--placeholder-opacity));
-}
-
-.placeholder-red-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--placeholder-opacity));
-}
-
-.placeholder-red-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--placeholder-opacity));
-}
-
-.placeholder-red-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--placeholder-opacity));
-}
-
-.placeholder-red-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--placeholder-opacity));
-}
-
-.placeholder-red-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--placeholder-opacity));
-}
-
-.placeholder-red-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--placeholder-opacity));
-}
-
-.placeholder-red-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--placeholder-opacity));
-}
-
-.placeholder-red-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--placeholder-opacity));
-}
-
-.placeholder-red-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--placeholder-opacity));
-}
-
-.placeholder-red-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--placeholder-opacity));
-}
-
-.placeholder-red-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--placeholder-opacity));
-}
-
-.placeholder-red-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--placeholder-opacity));
-}
-
-.placeholder-red-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--placeholder-opacity));
-}
-
-.placeholder-red-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--placeholder-opacity));
-}
-
-.placeholder-red-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--placeholder-opacity));
-}
-
-.placeholder-red-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--placeholder-opacity));
-}
-
-.placeholder-red-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--placeholder-opacity));
-}
-
-.placeholder-red-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--placeholder-opacity));
-}
-
-.placeholder-red-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--placeholder-opacity));
-}
-
-.placeholder-red-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--placeholder-opacity));
-}
-
-.placeholder-red-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.placeholder-red-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.placeholder-red-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.placeholder-orange-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--placeholder-opacity));
-}
-
-.placeholder-orange-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--placeholder-opacity));
-}
-
-.placeholder-orange-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--placeholder-opacity));
-}
-
-.placeholder-orange-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--placeholder-opacity));
-}
-
-.placeholder-orange-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--placeholder-opacity));
-}
-
-.placeholder-orange-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--placeholder-opacity));
-}
-
-.placeholder-orange-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--placeholder-opacity));
-}
-
-.placeholder-orange-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--placeholder-opacity));
-}
-
-.placeholder-orange-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--placeholder-opacity));
-}
-
-.placeholder-orange-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--placeholder-opacity));
-}
-
-.placeholder-orange-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--placeholder-opacity));
-}
-
-.placeholder-orange-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--placeholder-opacity));
-}
-
-.placeholder-orange-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--placeholder-opacity));
-}
-
-.placeholder-orange-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--placeholder-opacity));
-}
-
-.placeholder-orange-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--placeholder-opacity));
-}
-
-.placeholder-orange-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--placeholder-opacity));
-}
-
-.placeholder-orange-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--placeholder-opacity));
-}
-
-.placeholder-orange-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--placeholder-opacity));
-}
-
-.placeholder-orange-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--placeholder-opacity));
-}
-
-.placeholder-orange-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--placeholder-opacity));
-}
-
-.placeholder-orange-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--placeholder-opacity));
-}
-
-.placeholder-orange-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--placeholder-opacity));
-}
-
-.placeholder-orange-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--placeholder-opacity));
-}
-
-.placeholder-orange-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--placeholder-opacity));
-}
-
-.placeholder-orange-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--placeholder-opacity));
-}
-
-.placeholder-orange-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--placeholder-opacity));
-}
-
-.placeholder-orange-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--placeholder-opacity));
-}
-
-.placeholder-orange-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #73230d;
-  color: rgba(115, 35, 13, var(--placeholder-opacity));
-}
-
-.placeholder-orange-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #73230d;
-  color: rgba(115, 35, 13, var(--placeholder-opacity));
-}
-
-.placeholder-orange-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #73230d;
-  color: rgba(115, 35, 13, 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::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdfdea;
-  color: rgba(253, 253, 234, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--placeholder-opacity));
-}
-
-.placeholder-green-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--placeholder-opacity));
-}
-
-.placeholder-green-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--placeholder-opacity));
-}
-
-.placeholder-green-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--placeholder-opacity));
-}
-
-.placeholder-green-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--placeholder-opacity));
-}
-
-.placeholder-green-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--placeholder-opacity));
-}
-
-.placeholder-green-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--placeholder-opacity));
-}
-
-.placeholder-green-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--placeholder-opacity));
-}
-
-.placeholder-green-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--placeholder-opacity));
-}
-
-.placeholder-green-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--placeholder-opacity));
-}
-
-.placeholder-green-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--placeholder-opacity));
-}
-
-.placeholder-green-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--placeholder-opacity));
-}
-
-.placeholder-green-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--placeholder-opacity));
-}
-
-.placeholder-green-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--placeholder-opacity));
-}
-
-.placeholder-green-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--placeholder-opacity));
-}
-
-.placeholder-green-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--placeholder-opacity));
-}
-
-.placeholder-green-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--placeholder-opacity));
-}
-
-.placeholder-green-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--placeholder-opacity));
-}
-
-.placeholder-green-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--placeholder-opacity));
-}
-
-.placeholder-green-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--placeholder-opacity));
-}
-
-.placeholder-green-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--placeholder-opacity));
-}
-
-.placeholder-green-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--placeholder-opacity));
-}
-
-.placeholder-green-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--placeholder-opacity));
-}
-
-.placeholder-green-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--placeholder-opacity));
-}
-
-.placeholder-green-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--placeholder-opacity));
-}
-
-.placeholder-green-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--placeholder-opacity));
-}
-
-.placeholder-green-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--placeholder-opacity));
-}
-
-.placeholder-green-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--placeholder-opacity));
-}
-
-.placeholder-green-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--placeholder-opacity));
-}
-
-.placeholder-green-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--placeholder-opacity));
-}
-
-.placeholder-green-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--placeholder-opacity));
-}
-
-.placeholder-teal-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--placeholder-opacity));
-}
-
-.placeholder-teal-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--placeholder-opacity));
-}
-
-.placeholder-teal-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--placeholder-opacity));
-}
-
-.placeholder-teal-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--placeholder-opacity));
-}
-
-.placeholder-teal-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--placeholder-opacity));
-}
-
-.placeholder-teal-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--placeholder-opacity));
-}
-
-.placeholder-teal-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--placeholder-opacity));
-}
-
-.placeholder-teal-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--placeholder-opacity));
-}
-
-.placeholder-teal-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--placeholder-opacity));
-}
-
-.placeholder-teal-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--placeholder-opacity));
-}
-
-.placeholder-teal-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--placeholder-opacity));
-}
-
-.placeholder-teal-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--placeholder-opacity));
-}
-
-.placeholder-teal-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--placeholder-opacity));
-}
-
-.placeholder-teal-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--placeholder-opacity));
-}
-
-.placeholder-teal-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--placeholder-opacity));
-}
-
-.placeholder-teal-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--placeholder-opacity));
-}
-
-.placeholder-teal-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--placeholder-opacity));
-}
-
-.placeholder-teal-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--placeholder-opacity));
-}
-
-.placeholder-teal-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--placeholder-opacity));
-}
-
-.placeholder-teal-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--placeholder-opacity));
-}
-
-.placeholder-teal-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--placeholder-opacity));
-}
-
-.placeholder-teal-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--placeholder-opacity));
-}
-
-.placeholder-teal-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--placeholder-opacity));
-}
-
-.placeholder-teal-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--placeholder-opacity));
-}
-
-.placeholder-teal-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--placeholder-opacity));
-}
-
-.placeholder-teal-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--placeholder-opacity));
-}
-
-.placeholder-teal-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--placeholder-opacity));
-}
-
-.placeholder-teal-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--placeholder-opacity));
-}
-
-.placeholder-teal-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--placeholder-opacity));
-}
-
-.placeholder-teal-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--placeholder-opacity));
-}
-
-.placeholder-blue-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-blue-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-blue-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-blue-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--placeholder-opacity));
-}
-
-.placeholder-blue-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--placeholder-opacity));
-}
-
-.placeholder-blue-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--placeholder-opacity));
-}
-
-.placeholder-blue-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--placeholder-opacity));
-}
-
-.placeholder-blue-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--placeholder-opacity));
-}
-
-.placeholder-blue-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--placeholder-opacity));
-}
-
-.placeholder-blue-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--placeholder-opacity));
-}
-
-.placeholder-blue-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--placeholder-opacity));
-}
-
-.placeholder-blue-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--placeholder-opacity));
-}
-
-.placeholder-blue-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--placeholder-opacity));
-}
-
-.placeholder-blue-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--placeholder-opacity));
-}
-
-.placeholder-blue-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--placeholder-opacity));
-}
-
-.placeholder-blue-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--placeholder-opacity));
-}
-
-.placeholder-blue-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--placeholder-opacity));
-}
-
-.placeholder-blue-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--placeholder-opacity));
-}
-
-.placeholder-blue-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--placeholder-opacity));
-}
-
-.placeholder-blue-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--placeholder-opacity));
-}
-
-.placeholder-blue-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--placeholder-opacity));
-}
-
-.placeholder-blue-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--placeholder-opacity));
-}
-
-.placeholder-blue-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--placeholder-opacity));
-}
-
-.placeholder-blue-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--placeholder-opacity));
-}
-
-.placeholder-blue-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--placeholder-opacity));
-}
-
-.placeholder-blue-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--placeholder-opacity));
-}
-
-.placeholder-blue-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--placeholder-opacity));
-}
-
-.placeholder-blue-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--placeholder-opacity));
-}
-
-.placeholder-blue-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--placeholder-opacity));
-}
-
-.placeholder-blue-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--placeholder-opacity));
-}
-
-.placeholder-purple-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-purple-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-purple-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-purple-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--placeholder-opacity));
-}
-
-.placeholder-purple-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--placeholder-opacity));
-}
-
-.placeholder-purple-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--placeholder-opacity));
-}
-
-.placeholder-purple-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--placeholder-opacity));
-}
-
-.placeholder-purple-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--placeholder-opacity));
-}
-
-.placeholder-purple-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--placeholder-opacity));
-}
-
-.placeholder-purple-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--placeholder-opacity));
-}
-
-.placeholder-purple-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--placeholder-opacity));
-}
-
-.placeholder-purple-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--placeholder-opacity));
-}
-
-.placeholder-purple-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--placeholder-opacity));
-}
-
-.placeholder-purple-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--placeholder-opacity));
-}
-
-.placeholder-purple-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--placeholder-opacity));
-}
-
-.placeholder-purple-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--placeholder-opacity));
-}
-
-.placeholder-purple-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--placeholder-opacity));
-}
-
-.placeholder-purple-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--placeholder-opacity));
-}
-
-.placeholder-purple-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--placeholder-opacity));
-}
-
-.placeholder-purple-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--placeholder-opacity));
-}
-
-.placeholder-purple-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--placeholder-opacity));
-}
-
-.placeholder-purple-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--placeholder-opacity));
-}
-
-.placeholder-purple-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--placeholder-opacity));
-}
-
-.placeholder-purple-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--placeholder-opacity));
-}
-
-.placeholder-purple-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--placeholder-opacity));
-}
-
-.placeholder-purple-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--placeholder-opacity));
-}
-
-.placeholder-purple-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--placeholder-opacity));
-}
-
-.placeholder-purple-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--placeholder-opacity));
-}
-
-.placeholder-purple-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--placeholder-opacity));
-}
-
-.placeholder-purple-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--placeholder-opacity));
-}
-
-.placeholder-pink-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--placeholder-opacity));
-}
-
-.placeholder-pink-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--placeholder-opacity));
-}
-
-.placeholder-pink-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--placeholder-opacity));
-}
-
-.placeholder-pink-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--placeholder-opacity));
-}
-
-.placeholder-pink-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--placeholder-opacity));
-}
-
-.placeholder-pink-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--placeholder-opacity));
-}
-
-.placeholder-pink-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--placeholder-opacity));
-}
-
-.placeholder-pink-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--placeholder-opacity));
-}
-
-.placeholder-pink-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--placeholder-opacity));
-}
-
-.placeholder-pink-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--placeholder-opacity));
-}
-
-.placeholder-pink-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--placeholder-opacity));
-}
-
-.placeholder-pink-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--placeholder-opacity));
-}
-
-.placeholder-pink-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--placeholder-opacity));
-}
-
-.placeholder-pink-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--placeholder-opacity));
-}
-
-.placeholder-pink-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--placeholder-opacity));
-}
-
-.placeholder-pink-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--placeholder-opacity));
-}
-
-.placeholder-pink-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--placeholder-opacity));
-}
-
-.placeholder-pink-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--placeholder-opacity));
-}
-
-.placeholder-pink-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--placeholder-opacity));
-}
-
-.placeholder-pink-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--placeholder-opacity));
-}
-
-.placeholder-pink-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--placeholder-opacity));
-}
-
-.placeholder-pink-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--placeholder-opacity));
-}
-
-.placeholder-pink-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--placeholder-opacity));
-}
-
-.placeholder-pink-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--placeholder-opacity));
-}
-
-.placeholder-pink-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--placeholder-opacity));
-}
-
-.placeholder-pink-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--placeholder-opacity));
-}
-
-.placeholder-pink-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--placeholder-opacity));
-}
-
-.placeholder-pink-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--placeholder-opacity));
-}
-
-.placeholder-pink-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--placeholder-opacity));
-}
-
-.placeholder-pink-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8fafc;
-  color: rgba(248, 250, 252, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8fafc;
-  color: rgba(248, 250, 252, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #f8fafc;
-  color: rgba(248, 250, 252, 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::placeholder {
-  --placeholder-opacity: 1;
-  color: #f1f5f9;
-  color: rgba(241, 245, 249, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-current:focus::-moz-placeholder {
-  color: currentColor;
-}
-
-.focus\:placeholder-current:focus:-ms-input-placeholder {
-  color: currentColor;
-}
-
-.focus\:placeholder-current:focus::placeholder {
-  color: currentColor;
-}
-
-.focus\:placeholder-transparent:focus::-moz-placeholder {
-  color: transparent;
-}
-
-.focus\:placeholder-transparent:focus:-ms-input-placeholder {
-  color: transparent;
-}
-
-.focus\:placeholder-transparent:focus::placeholder {
-  color: transparent;
-}
-
-.focus\:placeholder-white:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-white:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-white:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-black:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-black:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-black:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #73230d;
-  color: rgba(115, 35, 13, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #73230d;
-  color: rgba(115, 35, 13, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #73230d;
-  color: rgba(115, 35, 13, 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::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdfdea;
-  color: rgba(253, 253, 234, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8fafc;
-  color: rgba(248, 250, 252, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8fafc;
-  color: rgba(248, 250, 252, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f8fafc;
-  color: rgba(248, 250, 252, 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::placeholder {
-  --placeholder-opacity: 1;
-  color: #f1f5f9;
-  color: rgba(241, 245, 249, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--placeholder-opacity));
-}
-
-.placeholder-opacity-0::-moz-placeholder {
-  --placeholder-opacity: 0;
-}
-
-.placeholder-opacity-0:-ms-input-placeholder {
-  --placeholder-opacity: 0;
-}
-
-.placeholder-opacity-0::placeholder {
-  --placeholder-opacity: 0;
-}
-
-.placeholder-opacity-25::-moz-placeholder {
-  --placeholder-opacity: 0.25;
-}
-
-.placeholder-opacity-25:-ms-input-placeholder {
-  --placeholder-opacity: 0.25;
-}
-
-.placeholder-opacity-25::placeholder {
-  --placeholder-opacity: 0.25;
-}
-
-.placeholder-opacity-50::-moz-placeholder {
-  --placeholder-opacity: 0.5;
-}
-
-.placeholder-opacity-50:-ms-input-placeholder {
-  --placeholder-opacity: 0.5;
-}
-
-.placeholder-opacity-50::placeholder {
-  --placeholder-opacity: 0.5;
-}
-
-.placeholder-opacity-75::-moz-placeholder {
-  --placeholder-opacity: 0.75;
-}
-
-.placeholder-opacity-75:-ms-input-placeholder {
-  --placeholder-opacity: 0.75;
-}
-
-.placeholder-opacity-75::placeholder {
-  --placeholder-opacity: 0.75;
-}
-
-.placeholder-opacity-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-}
-
-.placeholder-opacity-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-}
-
-.placeholder-opacity-100::placeholder {
-  --placeholder-opacity: 1;
-}
-
-.focus\:placeholder-opacity-0:focus::-moz-placeholder {
-  --placeholder-opacity: 0;
-}
-
-.focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-  --placeholder-opacity: 0;
-}
-
-.focus\:placeholder-opacity-0:focus::placeholder {
-  --placeholder-opacity: 0;
-}
-
-.focus\:placeholder-opacity-25:focus::-moz-placeholder {
-  --placeholder-opacity: 0.25;
-}
-
-.focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-  --placeholder-opacity: 0.25;
-}
-
-.focus\:placeholder-opacity-25:focus::placeholder {
-  --placeholder-opacity: 0.25;
-}
-
-.focus\:placeholder-opacity-50:focus::-moz-placeholder {
-  --placeholder-opacity: 0.5;
-}
-
-.focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 0.5;
-}
-
-.focus\:placeholder-opacity-50:focus::placeholder {
-  --placeholder-opacity: 0.5;
-}
-
-.focus\:placeholder-opacity-75:focus::-moz-placeholder {
-  --placeholder-opacity: 0.75;
-}
-
-.focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-  --placeholder-opacity: 0.75;
-}
-
-.focus\:placeholder-opacity-75:focus::placeholder {
-  --placeholder-opacity: 0.75;
-}
-
-.focus\:placeholder-opacity-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-}
-
-.focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-}
-
-.focus\:placeholder-opacity-100:focus::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-44 {
-  top: 11rem;
-  right: 11rem;
-  bottom: 11rem;
-  left: 11rem;
-}
-
-.inset-48 {
-  top: 12rem;
-  right: 12rem;
-  bottom: 12rem;
-  left: 12rem;
-}
-
-.inset-52 {
-  top: 13rem;
-  right: 13rem;
-  bottom: 13rem;
-  left: 13rem;
-}
-
-.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-44 {
-  top: 11rem;
-  bottom: 11rem;
-}
-
-.inset-x-44 {
-  right: 11rem;
-  left: 11rem;
-}
-
-.inset-y-48 {
-  top: 12rem;
-  bottom: 12rem;
-}
-
-.inset-x-48 {
-  right: 12rem;
-  left: 12rem;
-}
-
-.inset-y-52 {
-  top: 13rem;
-  bottom: 13rem;
-}
-
-.inset-x-52 {
-  right: 13rem;
-  left: 13rem;
-}
-
-.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-44 {
-  top: 11rem;
-}
-
-.right-44 {
-  right: 11rem;
-}
-
-.bottom-44 {
-  bottom: 11rem;
-}
-
-.left-44 {
-  left: 11rem;
-}
-
-.top-48 {
-  top: 12rem;
-}
-
-.right-48 {
-  right: 12rem;
-}
-
-.bottom-48 {
-  bottom: 12rem;
-}
-
-.left-48 {
-  left: 12rem;
-}
-
-.top-52 {
-  top: 13rem;
-}
-
-.right-52 {
-  right: 13rem;
-}
-
-.bottom-52 {
-  bottom: 13rem;
-}
-
-.left-52 {
-  left: 13rem;
-}
-
-.top-56 {
-  top: 14rem;
-}
-
-.right-56 {
-  right: 14rem;
-}
-
-.bottom-56 {
-  bottom: 14rem;
-}
-
-.left-56 {
-  left: 14rem;
-}
-
-.top-60 {
-  top: 15rem;
-}
-
-.right-60 {
-  right: 15rem;
-}
-
-.bottom-60 {
-  bottom: 15rem;
-}
-
-.left-60 {
-  left: 15rem;
-}
-
-.top-64 {
-  top: 16rem;
-}
-
-.right-64 {
-  right: 16rem;
-}
-
-.bottom-64 {
-  bottom: 16rem;
-}
-
-.left-64 {
-  left: 16rem;
-}
-
-.top-72 {
-  top: 18rem;
-}
-
-.right-72 {
-  right: 18rem;
-}
-
-.bottom-72 {
-  bottom: 18rem;
-}
-
-.left-72 {
-  left: 18rem;
-}
-
-.top-80 {
-  top: 20rem;
-}
-
-.right-80 {
-  right: 20rem;
-}
-
-.bottom-80 {
-  bottom: 20rem;
-}
-
-.left-80 {
-  left: 20rem;
-}
-
-.top-96 {
-  top: 24rem;
-}
-
-.right-96 {
-  right: 24rem;
-}
-
-.bottom-96 {
-  bottom: 24rem;
-}
-
-.left-96 {
-  left: 24rem;
-}
-
-.top-auto {
-  top: auto;
-}
-
-.right-auto {
-  right: auto;
-}
-
-.bottom-auto {
-  bottom: auto;
-}
-
-.left-auto {
-  left: auto;
-}
-
-.top-px {
-  top: 1px;
-}
-
-.right-px {
-  right: 1px;
-}
-
-.bottom-px {
-  bottom: 1px;
-}
-
-.left-px {
-  left: 1px;
-}
-
-.top-0\.5 {
-  top: 0.125rem;
-}
-
-.right-0\.5 {
-  right: 0.125rem;
-}
-
-.bottom-0\.5 {
-  bottom: 0.125rem;
-}
-
-.left-0\.5 {
-  left: 0.125rem;
-}
-
-.top-1\.5 {
-  top: 0.375rem;
-}
-
-.right-1\.5 {
-  right: 0.375rem;
-}
-
-.bottom-1\.5 {
-  bottom: 0.375rem;
-}
-
-.left-1\.5 {
-  left: 0.375rem;
-}
-
-.top-2\.5 {
-  top: 0.625rem;
-}
-
-.right-2\.5 {
-  right: 0.625rem;
-}
-
-.bottom-2\.5 {
-  bottom: 0.625rem;
-}
-
-.left-2\.5 {
-  left: 0.625rem;
-}
-
-.top-3\.5 {
-  top: 0.875rem;
-}
-
-.right-3\.5 {
-  right: 0.875rem;
-}
-
-.bottom-3\.5 {
-  bottom: 0.875rem;
-}
-
-.left-3\.5 {
-  left: 0.875rem;
-}
-
-.top-1\/2 {
-  top: 50%;
-}
-
-.right-1\/2 {
-  right: 50%;
-}
-
-.bottom-1\/2 {
-  bottom: 50%;
-}
-
-.left-1\/2 {
-  left: 50%;
-}
-
-.top-1\/3 {
-  top: 33.333333%;
-}
-
-.right-1\/3 {
-  right: 33.333333%;
-}
-
-.bottom-1\/3 {
-  bottom: 33.333333%;
-}
-
-.left-1\/3 {
-  left: 33.333333%;
-}
-
-.top-2\/3 {
-  top: 66.666667%;
-}
-
-.right-2\/3 {
-  right: 66.666667%;
-}
-
-.bottom-2\/3 {
-  bottom: 66.666667%;
-}
-
-.left-2\/3 {
-  left: 66.666667%;
-}
-
-.top-1\/4 {
-  top: 25%;
-}
-
-.right-1\/4 {
-  right: 25%;
-}
-
-.bottom-1\/4 {
-  bottom: 25%;
-}
-
-.left-1\/4 {
-  left: 25%;
-}
-
-.top-2\/4 {
-  top: 50%;
-}
-
-.right-2\/4 {
-  right: 50%;
-}
-
-.bottom-2\/4 {
-  bottom: 50%;
-}
-
-.left-2\/4 {
-  left: 50%;
-}
-
-.top-3\/4 {
-  top: 75%;
-}
-
-.right-3\/4 {
-  right: 75%;
-}
-
-.bottom-3\/4 {
-  bottom: 75%;
-}
-
-.left-3\/4 {
-  left: 75%;
-}
-
-.top-1\/5 {
-  top: 20%;
-}
-
-.right-1\/5 {
-  right: 20%;
-}
-
-.bottom-1\/5 {
-  bottom: 20%;
-}
-
-.left-1\/5 {
-  left: 20%;
-}
-
-.top-2\/5 {
-  top: 40%;
-}
-
-.right-2\/5 {
-  right: 40%;
-}
-
-.bottom-2\/5 {
-  bottom: 40%;
-}
-
-.left-2\/5 {
-  left: 40%;
-}
-
-.top-3\/5 {
-  top: 60%;
-}
-
-.right-3\/5 {
-  right: 60%;
-}
-
-.bottom-3\/5 {
-  bottom: 60%;
-}
-
-.left-3\/5 {
-  left: 60%;
-}
-
-.top-4\/5 {
-  top: 80%;
-}
-
-.right-4\/5 {
-  right: 80%;
-}
-
-.bottom-4\/5 {
-  bottom: 80%;
-}
-
-.left-4\/5 {
-  left: 80%;
-}
-
-.top-1\/6 {
-  top: 16.666667%;
-}
-
-.right-1\/6 {
-  right: 16.666667%;
-}
-
-.bottom-1\/6 {
-  bottom: 16.666667%;
-}
-
-.left-1\/6 {
-  left: 16.666667%;
-}
-
-.top-2\/6 {
-  top: 33.333333%;
-}
-
-.right-2\/6 {
-  right: 33.333333%;
-}
-
-.bottom-2\/6 {
-  bottom: 33.333333%;
-}
-
-.left-2\/6 {
-  left: 33.333333%;
-}
-
-.top-3\/6 {
-  top: 50%;
-}
-
-.right-3\/6 {
-  right: 50%;
-}
-
-.bottom-3\/6 {
-  bottom: 50%;
-}
-
-.left-3\/6 {
-  left: 50%;
-}
-
-.top-4\/6 {
-  top: 66.666667%;
-}
-
-.right-4\/6 {
-  right: 66.666667%;
-}
-
-.bottom-4\/6 {
-  bottom: 66.666667%;
-}
-
-.left-4\/6 {
-  left: 66.666667%;
-}
-
-.top-5\/6 {
-  top: 83.333333%;
-}
-
-.right-5\/6 {
-  right: 83.333333%;
-}
-
-.bottom-5\/6 {
-  bottom: 83.333333%;
-}
-
-.left-5\/6 {
-  left: 83.333333%;
-}
-
-.top-1\/12 {
-  top: 8.333333%;
-}
-
-.right-1\/12 {
-  right: 8.333333%;
-}
-
-.bottom-1\/12 {
-  bottom: 8.333333%;
-}
-
-.left-1\/12 {
-  left: 8.333333%;
-}
-
-.top-2\/12 {
-  top: 16.666667%;
-}
-
-.right-2\/12 {
-  right: 16.666667%;
-}
-
-.bottom-2\/12 {
-  bottom: 16.666667%;
-}
-
-.left-2\/12 {
-  left: 16.666667%;
-}
-
-.top-3\/12 {
-  top: 25%;
-}
-
-.right-3\/12 {
-  right: 25%;
-}
-
-.bottom-3\/12 {
-  bottom: 25%;
-}
-
-.left-3\/12 {
-  left: 25%;
-}
-
-.top-4\/12 {
-  top: 33.333333%;
-}
-
-.right-4\/12 {
-  right: 33.333333%;
-}
-
-.bottom-4\/12 {
-  bottom: 33.333333%;
-}
-
-.left-4\/12 {
-  left: 33.333333%;
-}
-
-.top-5\/12 {
-  top: 41.666667%;
-}
-
-.right-5\/12 {
-  right: 41.666667%;
-}
-
-.bottom-5\/12 {
-  bottom: 41.666667%;
-}
-
-.left-5\/12 {
-  left: 41.666667%;
-}
-
-.top-6\/12 {
-  top: 50%;
-}
-
-.right-6\/12 {
-  right: 50%;
-}
-
-.bottom-6\/12 {
-  bottom: 50%;
-}
-
-.left-6\/12 {
-  left: 50%;
-}
-
-.top-7\/12 {
-  top: 58.333333%;
-}
-
-.right-7\/12 {
-  right: 58.333333%;
-}
-
-.bottom-7\/12 {
-  bottom: 58.333333%;
-}
-
-.left-7\/12 {
-  left: 58.333333%;
-}
-
-.top-8\/12 {
-  top: 66.666667%;
-}
-
-.right-8\/12 {
-  right: 66.666667%;
-}
-
-.bottom-8\/12 {
-  bottom: 66.666667%;
-}
-
-.left-8\/12 {
-  left: 66.666667%;
-}
-
-.top-9\/12 {
-  top: 75%;
-}
-
-.right-9\/12 {
-  right: 75%;
-}
-
-.bottom-9\/12 {
-  bottom: 75%;
-}
-
-.left-9\/12 {
-  left: 75%;
-}
-
-.top-10\/12 {
-  top: 83.333333%;
-}
-
-.right-10\/12 {
-  right: 83.333333%;
-}
-
-.bottom-10\/12 {
-  bottom: 83.333333%;
-}
-
-.left-10\/12 {
-  left: 83.333333%;
-}
-
-.top-11\/12 {
-  top: 91.666667%;
-}
-
-.right-11\/12 {
-  right: 91.666667%;
-}
-
-.bottom-11\/12 {
-  bottom: 91.666667%;
-}
-
-.left-11\/12 {
-  left: 91.666667%;
-}
-
-.top-full {
-  top: 100%;
-}
-
-.right-full {
-  right: 100%;
-}
-
-.bottom-full {
-  bottom: 100%;
-}
-
-.left-full {
-  left: 100%;
-}
-
-.resize-none {
-  resize: none;
-}
-
-.resize-y {
-  resize: vertical;
-}
-
-.resize-x {
-  resize: horizontal;
-}
-
-.resize {
-  resize: both;
-}
-
-.shadow-xs {
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-}
-
-.shadow-sm {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-}
-
-.shadow {
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-}
-
-.shadow-md {
-  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-}
-
-.shadow-lg {
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-}
-
-.shadow-xl {
-  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-}
-
-.shadow-2xl {
-  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-}
-
-.shadow-inner {
-  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-}
-
-.shadow-outline {
-  box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-}
-
-.shadow-none {
-  box-shadow: none;
-}
-
-.shadow-solid {
-  box-shadow: 0 0 0 2px currentColor;
-}
-
-.shadow-outline-gray {
-  box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-}
-
-.shadow-outline-blue {
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-}
-
-.shadow-outline-teal {
-  box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-}
-
-.shadow-outline-green {
-  box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-}
-
-.shadow-outline-yellow {
-  box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-}
-
-.shadow-outline-orange {
-  box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-}
-
-.shadow-outline-red {
-  box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-}
-
-.shadow-outline-pink {
-  box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-}
-
-.shadow-outline-purple {
-  box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-}
-
-.shadow-outline-indigo {
-  box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-}
-
-.group:focus .group-focus\:shadow-xs {
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-}
-
-.group:focus .group-focus\:shadow-sm {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-}
-
-.group:focus .group-focus\:shadow {
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-}
-
-.group:focus .group-focus\:shadow-md {
-  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-}
-
-.group:focus .group-focus\:shadow-lg {
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-}
-
-.group:focus .group-focus\:shadow-xl {
-  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-}
-
-.group:focus .group-focus\:shadow-2xl {
-  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-}
-
-.group:focus .group-focus\:shadow-inner {
-  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-}
-
-.group:focus .group-focus\:shadow-outline {
-  box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-}
-
-.group:focus .group-focus\:shadow-none {
-  box-shadow: none;
-}
-
-.group:focus .group-focus\:shadow-solid {
-  box-shadow: 0 0 0 2px currentColor;
-}
-
-.group:focus .group-focus\:shadow-outline-gray {
-  box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-}
-
-.group:focus .group-focus\:shadow-outline-blue {
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-}
-
-.group:focus .group-focus\:shadow-outline-teal {
-  box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-}
-
-.group:focus .group-focus\:shadow-outline-green {
-  box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-}
-
-.group:focus .group-focus\:shadow-outline-yellow {
-  box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-}
-
-.group:focus .group-focus\:shadow-outline-orange {
-  box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-}
-
-.group:focus .group-focus\:shadow-outline-red {
-  box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-}
-
-.group:focus .group-focus\:shadow-outline-pink {
-  box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-}
-
-.group:focus .group-focus\:shadow-outline-purple {
-  box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-}
-
-.group:focus .group-focus\:shadow-outline-indigo {
-  box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-}
-
-.hover\:shadow-xs:hover {
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-}
-
-.hover\:shadow-sm:hover {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-}
-
-.hover\:shadow:hover {
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-}
-
-.hover\:shadow-md:hover {
-  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-}
-
-.hover\:shadow-lg:hover {
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-}
-
-.hover\:shadow-xl:hover {
-  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-}
-
-.hover\:shadow-2xl:hover {
-  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-}
-
-.hover\:shadow-inner:hover {
-  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-}
-
-.hover\:shadow-outline:hover {
-  box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-}
-
-.hover\:shadow-none:hover {
-  box-shadow: none;
-}
-
-.hover\:shadow-solid:hover {
-  box-shadow: 0 0 0 2px currentColor;
-}
-
-.hover\:shadow-outline-gray:hover {
-  box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-}
-
-.hover\:shadow-outline-blue:hover {
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-}
-
-.hover\:shadow-outline-teal:hover {
-  box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-}
-
-.hover\:shadow-outline-green:hover {
-  box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-}
-
-.hover\:shadow-outline-yellow:hover {
-  box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-}
-
-.hover\:shadow-outline-orange:hover {
-  box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-}
-
-.hover\:shadow-outline-red:hover {
-  box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-}
-
-.hover\:shadow-outline-pink:hover {
-  box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-}
-
-.hover\:shadow-outline-purple:hover {
-  box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-}
-
-.hover\:shadow-outline-indigo:hover {
-  box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-}
-
-.focus-within\:shadow-xs:focus-within {
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-}
-
-.focus-within\:shadow-sm:focus-within {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-}
-
-.focus-within\:shadow:focus-within {
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-}
-
-.focus-within\:shadow-md:focus-within {
-  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-}
-
-.focus-within\:shadow-lg:focus-within {
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-}
-
-.focus-within\:shadow-xl:focus-within {
-  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-}
-
-.focus-within\:shadow-2xl:focus-within {
-  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-}
-
-.focus-within\:shadow-inner:focus-within {
-  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-}
-
-.focus-within\:shadow-outline:focus-within {
-  box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-}
-
-.focus-within\:shadow-none:focus-within {
-  box-shadow: none;
-}
-
-.focus-within\:shadow-solid:focus-within {
-  box-shadow: 0 0 0 2px currentColor;
-}
-
-.focus-within\:shadow-outline-gray:focus-within {
-  box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-}
-
-.focus-within\:shadow-outline-blue:focus-within {
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-}
-
-.focus-within\:shadow-outline-teal:focus-within {
-  box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-}
-
-.focus-within\:shadow-outline-green:focus-within {
-  box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-}
-
-.focus-within\:shadow-outline-yellow:focus-within {
-  box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-}
-
-.focus-within\:shadow-outline-orange:focus-within {
-  box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-}
-
-.focus-within\:shadow-outline-red:focus-within {
-  box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-}
-
-.focus-within\:shadow-outline-pink:focus-within {
-  box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-}
-
-.focus-within\:shadow-outline-purple:focus-within {
-  box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-}
-
-.focus-within\:shadow-outline-indigo:focus-within {
-  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-current {
-  color: currentColor;
-}
-
-.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-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: #73230d;
-  color: rgba(115, 35, 13, 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));
-}
-
-.text-cool-gray-50 {
-  --text-opacity: 1;
-  color: #f8fafc;
-  color: rgba(248, 250, 252, 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));
-}
-
-.group:hover .group-hover\:text-current {
-  color: currentColor;
-}
-
-.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-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: #73230d;
-  color: rgba(115, 35, 13, 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:hover .group-hover\:text-cool-gray-50 {
-  --text-opacity: 1;
-  color: #f8fafc;
-  color: rgba(248, 250, 252, 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:focus .group-focus\:text-current {
-  color: currentColor;
-}
-
-.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-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: #73230d;
-  color: rgba(115, 35, 13, 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));
-}
-
-.group:focus .group-focus\:text-cool-gray-50 {
-  --text-opacity: 1;
-  color: #f8fafc;
-  color: rgba(248, 250, 252, 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));
-}
-
-.hover\:text-current:hover {
-  color: currentColor;
-}
-
-.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-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: #73230d;
-  color: rgba(115, 35, 13, 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));
-}
-
-.hover\:text-cool-gray-50:hover {
-  --text-opacity: 1;
-  color: #f8fafc;
-  color: rgba(248, 250, 252, 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));
-}
-
-.focus-within\:text-current:focus-within {
-  color: currentColor;
-}
-
-.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-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: #73230d;
-  color: rgba(115, 35, 13, 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-within\:text-cool-gray-50:focus-within {
-  --text-opacity: 1;
-  color: #f8fafc;
-  color: rgba(248, 250, 252, 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\:text-current:focus {
-  color: currentColor;
-}
-
-.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-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: #73230d;
-  color: rgba(115, 35, 13, 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));
-}
-
-.focus\:text-cool-gray-50:focus {
-  --text-opacity: 1;
-  color: #f8fafc;
-  color: rgba(248, 250, 252, 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));
-}
-
-.active\:text-current:active {
-  color: currentColor;
-}
-
-.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-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: #73230d;
-  color: rgba(115, 35, 13, 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));
-}
-
-.active\:text-cool-gray-50:active {
-  --text-opacity: 1;
-  color: #f8fafc;
-  color: rgba(248, 250, 252, 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));
-}
-
-.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;
-}
-
-.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions {
-  --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
-  --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
-  --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
-  --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
-  --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
-  font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
-}
-
-.normal-nums {
-  font-variant-numeric: normal;
-}
-
-.ordinal {
-  --font-variant-numeric-ordinal: ordinal;
-}
-
-.slashed-zero {
-  --font-variant-numeric-slashed-zero: slashed-zero;
-}
-
-.lining-nums {
-  --font-variant-numeric-figure: lining-nums;
-}
-
-.oldstyle-nums {
-  --font-variant-numeric-figure: oldstyle-nums;
-}
-
-.proportional-nums {
-  --font-variant-numeric-spacing: proportional-nums;
-}
-
-.tabular-nums {
-  --font-variant-numeric-spacing: tabular-nums;
-}
-
-.diagonal-fractions {
-  --font-variant-numeric-fraction: diagonal-fractions;
-}
-
-.stacked-fractions {
-  --font-variant-numeric-fraction: stacked-fractions;
-}
-
-.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 {
-  word-wrap: normal;
-  overflow-wrap: normal;
-  word-break: normal;
-}
-
-.break-words {
-  word-wrap: break-word;
-  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-44 {
-  width: 11rem;
-}
-
-.w-48 {
-  width: 12rem;
-}
-
-.w-52 {
-  width: 13rem;
-}
-
-.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;
-}
-
-.w-min-content {
-  width: -webkit-min-content;
-  width: -moz-min-content;
-  width: min-content;
-}
-
-.w-max-content {
-  width: -webkit-max-content;
-  width: -moz-max-content;
-  width: max-content;
-}
-
-.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-44 {
-  grid-gap: 11rem;
-  gap: 11rem;
-}
-
-.gap-48 {
-  grid-gap: 12rem;
-  gap: 12rem;
-}
-
-.gap-52 {
-  grid-gap: 13rem;
-  gap: 13rem;
-}
-
-.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-44 {
-  grid-column-gap: 11rem;
-  -moz-column-gap: 11rem;
-       column-gap: 11rem;
-}
-
-.col-gap-48 {
-  grid-column-gap: 12rem;
-  -moz-column-gap: 12rem;
-       column-gap: 12rem;
-}
-
-.col-gap-52 {
-  grid-column-gap: 13rem;
-  -moz-column-gap: 13rem;
-       column-gap: 13rem;
-}
-
-.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%;
-}
-
-.gap-x-0 {
-  grid-column-gap: 0;
-  -moz-column-gap: 0;
-       column-gap: 0;
-}
-
-.gap-x-1 {
-  grid-column-gap: 0.25rem;
-  -moz-column-gap: 0.25rem;
-       column-gap: 0.25rem;
-}
-
-.gap-x-2 {
-  grid-column-gap: 0.5rem;
-  -moz-column-gap: 0.5rem;
-       column-gap: 0.5rem;
-}
-
-.gap-x-3 {
-  grid-column-gap: 0.75rem;
-  -moz-column-gap: 0.75rem;
-       column-gap: 0.75rem;
-}
-
-.gap-x-4 {
-  grid-column-gap: 1rem;
-  -moz-column-gap: 1rem;
-       column-gap: 1rem;
-}
-
-.gap-x-5 {
-  grid-column-gap: 1.25rem;
-  -moz-column-gap: 1.25rem;
-       column-gap: 1.25rem;
-}
-
-.gap-x-6 {
-  grid-column-gap: 1.5rem;
-  -moz-column-gap: 1.5rem;
-       column-gap: 1.5rem;
-}
-
-.gap-x-7 {
-  grid-column-gap: 1.75rem;
-  -moz-column-gap: 1.75rem;
-       column-gap: 1.75rem;
-}
-
-.gap-x-8 {
-  grid-column-gap: 2rem;
-  -moz-column-gap: 2rem;
-       column-gap: 2rem;
-}
-
-.gap-x-9 {
-  grid-column-gap: 2.25rem;
-  -moz-column-gap: 2.25rem;
-       column-gap: 2.25rem;
-}
-
-.gap-x-10 {
-  grid-column-gap: 2.5rem;
-  -moz-column-gap: 2.5rem;
-       column-gap: 2.5rem;
-}
-
-.gap-x-11 {
-  grid-column-gap: 2.75rem;
-  -moz-column-gap: 2.75rem;
-       column-gap: 2.75rem;
-}
-
-.gap-x-12 {
-  grid-column-gap: 3rem;
-  -moz-column-gap: 3rem;
-       column-gap: 3rem;
-}
-
-.gap-x-13 {
-  grid-column-gap: 3.25rem;
-  -moz-column-gap: 3.25rem;
-       column-gap: 3.25rem;
-}
-
-.gap-x-14 {
-  grid-column-gap: 3.5rem;
-  -moz-column-gap: 3.5rem;
-       column-gap: 3.5rem;
-}
-
-.gap-x-15 {
-  grid-column-gap: 3.75rem;
-  -moz-column-gap: 3.75rem;
-       column-gap: 3.75rem;
-}
-
-.gap-x-16 {
-  grid-column-gap: 4rem;
-  -moz-column-gap: 4rem;
-       column-gap: 4rem;
-}
-
-.gap-x-20 {
-  grid-column-gap: 5rem;
-  -moz-column-gap: 5rem;
-       column-gap: 5rem;
-}
-
-.gap-x-24 {
-  grid-column-gap: 6rem;
-  -moz-column-gap: 6rem;
-       column-gap: 6rem;
-}
-
-.gap-x-28 {
-  grid-column-gap: 7rem;
-  -moz-column-gap: 7rem;
-       column-gap: 7rem;
-}
-
-.gap-x-32 {
-  grid-column-gap: 8rem;
-  -moz-column-gap: 8rem;
-       column-gap: 8rem;
-}
-
-.gap-x-36 {
-  grid-column-gap: 9rem;
-  -moz-column-gap: 9rem;
-       column-gap: 9rem;
-}
-
-.gap-x-40 {
-  grid-column-gap: 10rem;
-  -moz-column-gap: 10rem;
-       column-gap: 10rem;
-}
-
-.gap-x-44 {
-  grid-column-gap: 11rem;
-  -moz-column-gap: 11rem;
-       column-gap: 11rem;
-}
-
-.gap-x-48 {
-  grid-column-gap: 12rem;
-  -moz-column-gap: 12rem;
-       column-gap: 12rem;
-}
-
-.gap-x-52 {
-  grid-column-gap: 13rem;
-  -moz-column-gap: 13rem;
-       column-gap: 13rem;
-}
-
-.gap-x-56 {
-  grid-column-gap: 14rem;
-  -moz-column-gap: 14rem;
-       column-gap: 14rem;
-}
-
-.gap-x-60 {
-  grid-column-gap: 15rem;
-  -moz-column-gap: 15rem;
-       column-gap: 15rem;
-}
-
-.gap-x-64 {
-  grid-column-gap: 16rem;
-  -moz-column-gap: 16rem;
-       column-gap: 16rem;
-}
-
-.gap-x-72 {
-  grid-column-gap: 18rem;
-  -moz-column-gap: 18rem;
-       column-gap: 18rem;
-}
-
-.gap-x-80 {
-  grid-column-gap: 20rem;
-  -moz-column-gap: 20rem;
-       column-gap: 20rem;
-}
-
-.gap-x-96 {
-  grid-column-gap: 24rem;
-  -moz-column-gap: 24rem;
-       column-gap: 24rem;
-}
-
-.gap-x-px {
-  grid-column-gap: 1px;
-  -moz-column-gap: 1px;
-       column-gap: 1px;
-}
-
-.gap-x-0\.5 {
-  grid-column-gap: 0.125rem;
-  -moz-column-gap: 0.125rem;
-       column-gap: 0.125rem;
-}
-
-.gap-x-1\.5 {
-  grid-column-gap: 0.375rem;
-  -moz-column-gap: 0.375rem;
-       column-gap: 0.375rem;
-}
-
-.gap-x-2\.5 {
-  grid-column-gap: 0.625rem;
-  -moz-column-gap: 0.625rem;
-       column-gap: 0.625rem;
-}
-
-.gap-x-3\.5 {
-  grid-column-gap: 0.875rem;
-  -moz-column-gap: 0.875rem;
-       column-gap: 0.875rem;
-}
-
-.gap-x-1\/2 {
-  grid-column-gap: 50%;
-  -moz-column-gap: 50%;
-       column-gap: 50%;
-}
-
-.gap-x-1\/3 {
-  grid-column-gap: 33.333333%;
-  -moz-column-gap: 33.333333%;
-       column-gap: 33.333333%;
-}
-
-.gap-x-2\/3 {
-  grid-column-gap: 66.666667%;
-  -moz-column-gap: 66.666667%;
-       column-gap: 66.666667%;
-}
-
-.gap-x-1\/4 {
-  grid-column-gap: 25%;
-  -moz-column-gap: 25%;
-       column-gap: 25%;
-}
-
-.gap-x-2\/4 {
-  grid-column-gap: 50%;
-  -moz-column-gap: 50%;
-       column-gap: 50%;
-}
-
-.gap-x-3\/4 {
-  grid-column-gap: 75%;
-  -moz-column-gap: 75%;
-       column-gap: 75%;
-}
-
-.gap-x-1\/5 {
-  grid-column-gap: 20%;
-  -moz-column-gap: 20%;
-       column-gap: 20%;
-}
-
-.gap-x-2\/5 {
-  grid-column-gap: 40%;
-  -moz-column-gap: 40%;
-       column-gap: 40%;
-}
-
-.gap-x-3\/5 {
-  grid-column-gap: 60%;
-  -moz-column-gap: 60%;
-       column-gap: 60%;
-}
-
-.gap-x-4\/5 {
-  grid-column-gap: 80%;
-  -moz-column-gap: 80%;
-       column-gap: 80%;
-}
-
-.gap-x-1\/6 {
-  grid-column-gap: 16.666667%;
-  -moz-column-gap: 16.666667%;
-       column-gap: 16.666667%;
-}
-
-.gap-x-2\/6 {
-  grid-column-gap: 33.333333%;
-  -moz-column-gap: 33.333333%;
-       column-gap: 33.333333%;
-}
-
-.gap-x-3\/6 {
-  grid-column-gap: 50%;
-  -moz-column-gap: 50%;
-       column-gap: 50%;
-}
-
-.gap-x-4\/6 {
-  grid-column-gap: 66.666667%;
-  -moz-column-gap: 66.666667%;
-       column-gap: 66.666667%;
-}
-
-.gap-x-5\/6 {
-  grid-column-gap: 83.333333%;
-  -moz-column-gap: 83.333333%;
-       column-gap: 83.333333%;
-}
-
-.gap-x-1\/12 {
-  grid-column-gap: 8.333333%;
-  -moz-column-gap: 8.333333%;
-       column-gap: 8.333333%;
-}
-
-.gap-x-2\/12 {
-  grid-column-gap: 16.666667%;
-  -moz-column-gap: 16.666667%;
-       column-gap: 16.666667%;
-}
-
-.gap-x-3\/12 {
-  grid-column-gap: 25%;
-  -moz-column-gap: 25%;
-       column-gap: 25%;
-}
-
-.gap-x-4\/12 {
-  grid-column-gap: 33.333333%;
-  -moz-column-gap: 33.333333%;
-       column-gap: 33.333333%;
-}
-
-.gap-x-5\/12 {
-  grid-column-gap: 41.666667%;
-  -moz-column-gap: 41.666667%;
-       column-gap: 41.666667%;
-}
-
-.gap-x-6\/12 {
-  grid-column-gap: 50%;
-  -moz-column-gap: 50%;
-       column-gap: 50%;
-}
-
-.gap-x-7\/12 {
-  grid-column-gap: 58.333333%;
-  -moz-column-gap: 58.333333%;
-       column-gap: 58.333333%;
-}
-
-.gap-x-8\/12 {
-  grid-column-gap: 66.666667%;
-  -moz-column-gap: 66.666667%;
-       column-gap: 66.666667%;
-}
-
-.gap-x-9\/12 {
-  grid-column-gap: 75%;
-  -moz-column-gap: 75%;
-       column-gap: 75%;
-}
-
-.gap-x-10\/12 {
-  grid-column-gap: 83.333333%;
-  -moz-column-gap: 83.333333%;
-       column-gap: 83.333333%;
-}
-
-.gap-x-11\/12 {
-  grid-column-gap: 91.666667%;
-  -moz-column-gap: 91.666667%;
-       column-gap: 91.666667%;
-}
-
-.gap-x-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-44 {
-  grid-row-gap: 11rem;
-  row-gap: 11rem;
-}
-
-.row-gap-48 {
-  grid-row-gap: 12rem;
-  row-gap: 12rem;
-}
-
-.row-gap-52 {
-  grid-row-gap: 13rem;
-  row-gap: 13rem;
-}
-
-.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%;
-}
-
-.gap-y-0 {
-  grid-row-gap: 0;
-  row-gap: 0;
-}
-
-.gap-y-1 {
-  grid-row-gap: 0.25rem;
-  row-gap: 0.25rem;
-}
-
-.gap-y-2 {
-  grid-row-gap: 0.5rem;
-  row-gap: 0.5rem;
-}
-
-.gap-y-3 {
-  grid-row-gap: 0.75rem;
-  row-gap: 0.75rem;
-}
-
-.gap-y-4 {
-  grid-row-gap: 1rem;
-  row-gap: 1rem;
-}
-
-.gap-y-5 {
-  grid-row-gap: 1.25rem;
-  row-gap: 1.25rem;
-}
-
-.gap-y-6 {
-  grid-row-gap: 1.5rem;
-  row-gap: 1.5rem;
-}
-
-.gap-y-7 {
-  grid-row-gap: 1.75rem;
-  row-gap: 1.75rem;
-}
-
-.gap-y-8 {
-  grid-row-gap: 2rem;
-  row-gap: 2rem;
-}
-
-.gap-y-9 {
-  grid-row-gap: 2.25rem;
-  row-gap: 2.25rem;
-}
-
-.gap-y-10 {
-  grid-row-gap: 2.5rem;
-  row-gap: 2.5rem;
-}
-
-.gap-y-11 {
-  grid-row-gap: 2.75rem;
-  row-gap: 2.75rem;
-}
-
-.gap-y-12 {
-  grid-row-gap: 3rem;
-  row-gap: 3rem;
-}
-
-.gap-y-13 {
-  grid-row-gap: 3.25rem;
-  row-gap: 3.25rem;
-}
-
-.gap-y-14 {
-  grid-row-gap: 3.5rem;
-  row-gap: 3.5rem;
-}
-
-.gap-y-15 {
-  grid-row-gap: 3.75rem;
-  row-gap: 3.75rem;
-}
-
-.gap-y-16 {
-  grid-row-gap: 4rem;
-  row-gap: 4rem;
-}
-
-.gap-y-20 {
-  grid-row-gap: 5rem;
-  row-gap: 5rem;
-}
-
-.gap-y-24 {
-  grid-row-gap: 6rem;
-  row-gap: 6rem;
-}
-
-.gap-y-28 {
-  grid-row-gap: 7rem;
-  row-gap: 7rem;
-}
-
-.gap-y-32 {
-  grid-row-gap: 8rem;
-  row-gap: 8rem;
-}
-
-.gap-y-36 {
-  grid-row-gap: 9rem;
-  row-gap: 9rem;
-}
-
-.gap-y-40 {
-  grid-row-gap: 10rem;
-  row-gap: 10rem;
-}
-
-.gap-y-44 {
-  grid-row-gap: 11rem;
-  row-gap: 11rem;
-}
-
-.gap-y-48 {
-  grid-row-gap: 12rem;
-  row-gap: 12rem;
-}
-
-.gap-y-52 {
-  grid-row-gap: 13rem;
-  row-gap: 13rem;
-}
-
-.gap-y-56 {
-  grid-row-gap: 14rem;
-  row-gap: 14rem;
-}
-
-.gap-y-60 {
-  grid-row-gap: 15rem;
-  row-gap: 15rem;
-}
-
-.gap-y-64 {
-  grid-row-gap: 16rem;
-  row-gap: 16rem;
-}
-
-.gap-y-72 {
-  grid-row-gap: 18rem;
-  row-gap: 18rem;
-}
-
-.gap-y-80 {
-  grid-row-gap: 20rem;
-  row-gap: 20rem;
-}
-
-.gap-y-96 {
-  grid-row-gap: 24rem;
-  row-gap: 24rem;
-}
-
-.gap-y-px {
-  grid-row-gap: 1px;
-  row-gap: 1px;
-}
-
-.gap-y-0\.5 {
-  grid-row-gap: 0.125rem;
-  row-gap: 0.125rem;
-}
-
-.gap-y-1\.5 {
-  grid-row-gap: 0.375rem;
-  row-gap: 0.375rem;
-}
-
-.gap-y-2\.5 {
-  grid-row-gap: 0.625rem;
-  row-gap: 0.625rem;
-}
-
-.gap-y-3\.5 {
-  grid-row-gap: 0.875rem;
-  row-gap: 0.875rem;
-}
-
-.gap-y-1\/2 {
-  grid-row-gap: 50%;
-  row-gap: 50%;
-}
-
-.gap-y-1\/3 {
-  grid-row-gap: 33.333333%;
-  row-gap: 33.333333%;
-}
-
-.gap-y-2\/3 {
-  grid-row-gap: 66.666667%;
-  row-gap: 66.666667%;
-}
-
-.gap-y-1\/4 {
-  grid-row-gap: 25%;
-  row-gap: 25%;
-}
-
-.gap-y-2\/4 {
-  grid-row-gap: 50%;
-  row-gap: 50%;
-}
-
-.gap-y-3\/4 {
-  grid-row-gap: 75%;
-  row-gap: 75%;
-}
-
-.gap-y-1\/5 {
-  grid-row-gap: 20%;
-  row-gap: 20%;
-}
-
-.gap-y-2\/5 {
-  grid-row-gap: 40%;
-  row-gap: 40%;
-}
-
-.gap-y-3\/5 {
-  grid-row-gap: 60%;
-  row-gap: 60%;
-}
-
-.gap-y-4\/5 {
-  grid-row-gap: 80%;
-  row-gap: 80%;
-}
-
-.gap-y-1\/6 {
-  grid-row-gap: 16.666667%;
-  row-gap: 16.666667%;
-}
-
-.gap-y-2\/6 {
-  grid-row-gap: 33.333333%;
-  row-gap: 33.333333%;
-}
-
-.gap-y-3\/6 {
-  grid-row-gap: 50%;
-  row-gap: 50%;
-}
-
-.gap-y-4\/6 {
-  grid-row-gap: 66.666667%;
-  row-gap: 66.666667%;
-}
-
-.gap-y-5\/6 {
-  grid-row-gap: 83.333333%;
-  row-gap: 83.333333%;
-}
-
-.gap-y-1\/12 {
-  grid-row-gap: 8.333333%;
-  row-gap: 8.333333%;
-}
-
-.gap-y-2\/12 {
-  grid-row-gap: 16.666667%;
-  row-gap: 16.666667%;
-}
-
-.gap-y-3\/12 {
-  grid-row-gap: 25%;
-  row-gap: 25%;
-}
-
-.gap-y-4\/12 {
-  grid-row-gap: 33.333333%;
-  row-gap: 33.333333%;
-}
-
-.gap-y-5\/12 {
-  grid-row-gap: 41.666667%;
-  row-gap: 41.666667%;
-}
-
-.gap-y-6\/12 {
-  grid-row-gap: 50%;
-  row-gap: 50%;
-}
-
-.gap-y-7\/12 {
-  grid-row-gap: 58.333333%;
-  row-gap: 58.333333%;
-}
-
-.gap-y-8\/12 {
-  grid-row-gap: 66.666667%;
-  row-gap: 66.666667%;
-}
-
-.gap-y-9\/12 {
-  grid-row-gap: 75%;
-  row-gap: 75%;
-}
-
-.gap-y-10\/12 {
-  grid-row-gap: 83.333333%;
-  row-gap: 83.333333%;
-}
-
-.gap-y-11\/12 {
-  grid-row-gap: 91.666667%;
-  row-gap: 91.666667%;
-}
-
-.gap-y-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;
-}
-
-.auto-cols-auto {
-  grid-auto-columns: auto;
-}
-
-.auto-cols-min {
-  grid-auto-columns: -webkit-min-content;
-  grid-auto-columns: min-content;
-}
-
-.auto-cols-max {
-  grid-auto-columns: -webkit-max-content;
-  grid-auto-columns: max-content;
-}
-
-.auto-cols-fr {
-  grid-auto-columns: minmax(0, 1fr);
-}
-
-.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-span-full {
-  grid-column: 1 / -1;
-}
-
-.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;
-}
-
-.auto-rows-auto {
-  grid-auto-rows: auto;
-}
-
-.auto-rows-min {
-  grid-auto-rows: -webkit-min-content;
-  grid-auto-rows: min-content;
-}
-
-.auto-rows-max {
-  grid-auto-rows: -webkit-max-content;
-  grid-auto-rows: max-content;
-}
-
-.auto-rows-fr {
-  grid-auto-rows: minmax(0, 1fr);
-}
-
-.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-span-full {
-  grid-row: 1 / -1;
-}
-
-.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-1 {
-  --transform-rotate: 1deg;
-}
-
-.rotate-2 {
-  --transform-rotate: 2deg;
-}
-
-.rotate-3 {
-  --transform-rotate: 3deg;
-}
-
-.rotate-6 {
-  --transform-rotate: 6deg;
-}
-
-.rotate-12 {
-  --transform-rotate: 12deg;
-}
-
-.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;
-}
-
-.-rotate-12 {
-  --transform-rotate: -12deg;
-}
-
-.-rotate-6 {
-  --transform-rotate: -6deg;
-}
-
-.-rotate-3 {
-  --transform-rotate: -3deg;
-}
-
-.-rotate-2 {
-  --transform-rotate: -2deg;
-}
-
-.-rotate-1 {
-  --transform-rotate: -1deg;
-}
-
-.hover\:rotate-0:hover {
-  --transform-rotate: 0;
-}
-
-.hover\:rotate-1:hover {
-  --transform-rotate: 1deg;
-}
-
-.hover\:rotate-2:hover {
-  --transform-rotate: 2deg;
-}
-
-.hover\:rotate-3:hover {
-  --transform-rotate: 3deg;
-}
-
-.hover\:rotate-6:hover {
-  --transform-rotate: 6deg;
-}
-
-.hover\:rotate-12:hover {
-  --transform-rotate: 12deg;
-}
-
-.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;
-}
-
-.hover\:-rotate-12:hover {
-  --transform-rotate: -12deg;
-}
-
-.hover\:-rotate-6:hover {
-  --transform-rotate: -6deg;
-}
-
-.hover\:-rotate-3:hover {
-  --transform-rotate: -3deg;
-}
-
-.hover\:-rotate-2:hover {
-  --transform-rotate: -2deg;
-}
-
-.hover\:-rotate-1:hover {
-  --transform-rotate: -1deg;
-}
-
-.focus\:rotate-0:focus {
-  --transform-rotate: 0;
-}
-
-.focus\:rotate-1:focus {
-  --transform-rotate: 1deg;
-}
-
-.focus\:rotate-2:focus {
-  --transform-rotate: 2deg;
-}
-
-.focus\:rotate-3:focus {
-  --transform-rotate: 3deg;
-}
-
-.focus\:rotate-6:focus {
-  --transform-rotate: 6deg;
-}
-
-.focus\:rotate-12:focus {
-  --transform-rotate: 12deg;
-}
-
-.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;
-}
-
-.focus\:-rotate-12:focus {
-  --transform-rotate: -12deg;
-}
-
-.focus\:-rotate-6:focus {
-  --transform-rotate: -6deg;
-}
-
-.focus\:-rotate-3:focus {
-  --transform-rotate: -3deg;
-}
-
-.focus\:-rotate-2:focus {
-  --transform-rotate: -2deg;
-}
-
-.focus\:-rotate-1:focus {
-  --transform-rotate: -1deg;
-}
-
-.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-44 {
-  --transform-translate-x: 11rem;
-}
-
-.translate-x-48 {
-  --transform-translate-x: 12rem;
-}
-
-.translate-x-52 {
-  --transform-translate-x: 13rem;
-}
-
-.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-44 {
-  --transform-translate-x: -11rem;
-}
-
-.-translate-x-48 {
-  --transform-translate-x: -12rem;
-}
-
-.-translate-x-52 {
-  --transform-translate-x: -13rem;
-}
-
-.-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-44 {
-  --transform-translate-y: 11rem;
-}
-
-.translate-y-48 {
-  --transform-translate-y: 12rem;
-}
-
-.translate-y-52 {
-  --transform-translate-y: 13rem;
-}
-
-.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-44 {
-  --transform-translate-y: -11rem;
-}
-
-.-translate-y-48 {
-  --transform-translate-y: -12rem;
-}
-
-.-translate-y-52 {
-  --transform-translate-y: -13rem;
-}
-
-.-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-44:hover {
-  --transform-translate-x: 11rem;
-}
-
-.hover\:translate-x-48:hover {
-  --transform-translate-x: 12rem;
-}
-
-.hover\:translate-x-52:hover {
-  --transform-translate-x: 13rem;
-}
-
-.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-44:hover {
-  --transform-translate-x: -11rem;
-}
-
-.hover\:-translate-x-48:hover {
-  --transform-translate-x: -12rem;
-}
-
-.hover\:-translate-x-52:hover {
-  --transform-translate-x: -13rem;
-}
-
-.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-44:hover {
-  --transform-translate-y: 11rem;
-}
-
-.hover\:translate-y-48:hover {
-  --transform-translate-y: 12rem;
-}
-
-.hover\:translate-y-52:hover {
-  --transform-translate-y: 13rem;
-}
-
-.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-44:hover {
-  --transform-translate-y: -11rem;
-}
-
-.hover\:-translate-y-48:hover {
-  --transform-translate-y: -12rem;
-}
-
-.hover\:-translate-y-52:hover {
-  --transform-translate-y: -13rem;
-}
-
-.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-44:focus {
-  --transform-translate-x: 11rem;
-}
-
-.focus\:translate-x-48:focus {
-  --transform-translate-x: 12rem;
-}
-
-.focus\:translate-x-52:focus {
-  --transform-translate-x: 13rem;
-}
-
-.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-44:focus {
-  --transform-translate-x: -11rem;
-}
-
-.focus\:-translate-x-48:focus {
-  --transform-translate-x: -12rem;
-}
-
-.focus\:-translate-x-52:focus {
-  --transform-translate-x: -13rem;
-}
-
-.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-44:focus {
-  --transform-translate-y: 11rem;
-}
-
-.focus\:translate-y-48:focus {
-  --transform-translate-y: 12rem;
-}
-
-.focus\:translate-y-52:focus {
-  --transform-translate-y: 13rem;
-}
-
-.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-44:focus {
-  --transform-translate-y: -11rem;
-}
-
-.focus\:-translate-y-48:focus {
-  --transform-translate-y: -12rem;
-}
-
-.focus\:-translate-y-52:focus {
-  --transform-translate-y: -13rem;
-}
-
-.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-1 {
-  --transform-skew-x: 1deg;
-}
-
-.skew-x-2 {
-  --transform-skew-x: 2deg;
-}
-
-.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-x-2 {
-  --transform-skew-x: -2deg;
-}
-
-.-skew-x-1 {
-  --transform-skew-x: -1deg;
-}
-
-.skew-y-0 {
-  --transform-skew-y: 0;
-}
-
-.skew-y-1 {
-  --transform-skew-y: 1deg;
-}
-
-.skew-y-2 {
-  --transform-skew-y: 2deg;
-}
-
-.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;
-}
-
-.-skew-y-2 {
-  --transform-skew-y: -2deg;
-}
-
-.-skew-y-1 {
-  --transform-skew-y: -1deg;
-}
-
-.hover\:skew-x-0:hover {
-  --transform-skew-x: 0;
-}
-
-.hover\:skew-x-1:hover {
-  --transform-skew-x: 1deg;
-}
-
-.hover\:skew-x-2:hover {
-  --transform-skew-x: 2deg;
-}
-
-.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-x-2:hover {
-  --transform-skew-x: -2deg;
-}
-
-.hover\:-skew-x-1:hover {
-  --transform-skew-x: -1deg;
-}
-
-.hover\:skew-y-0:hover {
-  --transform-skew-y: 0;
-}
-
-.hover\:skew-y-1:hover {
-  --transform-skew-y: 1deg;
-}
-
-.hover\:skew-y-2:hover {
-  --transform-skew-y: 2deg;
-}
-
-.hover\:skew-y-3:hover {
-  --transform-skew-y: 3deg;
-}
-
-.hover\:skew-y-6:hover {
-  --transform-skew-y: 6deg;
-}
-
-.hover\:skew-y-12:hover {
-  --transform-skew-y: 12deg;
-}
-
-.hover\:-skew-y-12:hover {
-  --transform-skew-y: -12deg;
-}
-
-.hover\:-skew-y-6:hover {
-  --transform-skew-y: -6deg;
-}
-
-.hover\:-skew-y-3:hover {
-  --transform-skew-y: -3deg;
-}
-
-.hover\:-skew-y-2:hover {
-  --transform-skew-y: -2deg;
-}
-
-.hover\:-skew-y-1:hover {
-  --transform-skew-y: -1deg;
-}
-
-.focus\:skew-x-0:focus {
-  --transform-skew-x: 0;
-}
-
-.focus\:skew-x-1:focus {
-  --transform-skew-x: 1deg;
-}
-
-.focus\:skew-x-2:focus {
-  --transform-skew-x: 2deg;
-}
-
-.focus\:skew-x-3:focus {
-  --transform-skew-x: 3deg;
-}
-
-.focus\:skew-x-6:focus {
-  --transform-skew-x: 6deg;
-}
-
-.focus\:skew-x-12:focus {
-  --transform-skew-x: 12deg;
-}
-
-.focus\:-skew-x-12:focus {
-  --transform-skew-x: -12deg;
-}
-
-.focus\:-skew-x-6:focus {
-  --transform-skew-x: -6deg;
-}
-
-.focus\:-skew-x-3:focus {
-  --transform-skew-x: -3deg;
-}
-
-.focus\:-skew-x-2:focus {
-  --transform-skew-x: -2deg;
-}
-
-.focus\:-skew-x-1:focus {
-  --transform-skew-x: -1deg;
-}
-
-.focus\:skew-y-0:focus {
-  --transform-skew-y: 0;
-}
-
-.focus\:skew-y-1:focus {
-  --transform-skew-y: 1deg;
-}
-
-.focus\:skew-y-2:focus {
-  --transform-skew-y: 2deg;
-}
-
-.focus\:skew-y-3:focus {
-  --transform-skew-y: 3deg;
-}
-
-.focus\:skew-y-6:focus {
-  --transform-skew-y: 6deg;
-}
-
-.focus\:skew-y-12:focus {
-  --transform-skew-y: 12deg;
-}
-
-.focus\:-skew-y-12:focus {
-  --transform-skew-y: -12deg;
-}
-
-.focus\:-skew-y-6:focus {
-  --transform-skew-y: -6deg;
-}
-
-.focus\:-skew-y-3:focus {
-  --transform-skew-y: -3deg;
-}
-
-.focus\:-skew-y-2:focus {
-  --transform-skew-y: -2deg;
-}
-
-.focus\:-skew-y-1:focus {
-  --transform-skew-y: -1deg;
-}
-
-.transition-none {
-  transition-property: none;
-}
-
-.transition-all {
-  transition-property: all;
-}
-
-.transition {
-  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-}
-
-.transition-colors {
-  transition-property: background-color, border-color, color, fill, stroke;
-}
-
-.transition-opacity {
-  transition-property: opacity;
-}
-
-.transition-shadow {
-  transition-property: box-shadow;
-}
-
-.transition-transform {
-  transition-property: transform;
-}
-
-.ease-linear {
-  transition-timing-function: linear;
-}
-
-.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-
-.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-
-.ease-in-out {
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.duration-75 {
-  transition-duration: 75ms;
-}
-
-.duration-100 {
-  transition-duration: 100ms;
-}
-
-.duration-150 {
-  transition-duration: 150ms;
-}
-
-.duration-200 {
-  transition-duration: 200ms;
-}
-
-.duration-300 {
-  transition-duration: 300ms;
-}
-
-.duration-500 {
-  transition-duration: 500ms;
-}
-
-.duration-700 {
-  transition-duration: 700ms;
-}
-
-.duration-1000 {
-  transition-duration: 1000ms;
-}
-
-.delay-75 {
-  transition-delay: 75ms;
-}
-
-.delay-100 {
-  transition-delay: 100ms;
-}
-
-.delay-150 {
-  transition-delay: 150ms;
-}
-
-.delay-200 {
-  transition-delay: 200ms;
-}
-
-.delay-300 {
-  transition-delay: 300ms;
-}
-
-.delay-500 {
-  transition-delay: 500ms;
-}
-
-.delay-700 {
-  transition-delay: 700ms;
-}
-
-.delay-1000 {
-  transition-delay: 1000ms;
-}
-
-@-webkit-keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@-webkit-keyframes ping {
-  75%, 100% {
-    transform: scale(2);
-    opacity: 0;
-  }
-}
-
-@keyframes ping {
-  75%, 100% {
-    transform: scale(2);
-    opacity: 0;
-  }
-}
-
-@-webkit-keyframes pulse {
-  50% {
-    opacity: .5;
-  }
-}
-
-@keyframes pulse {
-  50% {
-    opacity: .5;
-  }
-}
-
-@-webkit-keyframes bounce {
-  0%, 100% {
-    transform: translateY(-25%);
-    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
-            animation-timing-function: cubic-bezier(0.8,0,1,1);
-  }
-
-  50% {
-    transform: none;
-    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
-            animation-timing-function: cubic-bezier(0,0,0.2,1);
-  }
-}
-
-@keyframes bounce {
-  0%, 100% {
-    transform: translateY(-25%);
-    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
-            animation-timing-function: cubic-bezier(0.8,0,1,1);
-  }
-
-  50% {
-    transform: none;
-    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
-            animation-timing-function: cubic-bezier(0,0,0.2,1);
-  }
-}
-
-.animate-none {
-  -webkit-animation: none;
-          animation: none;
-}
-
-.animate-spin {
-  -webkit-animation: spin 1s linear infinite;
-          animation: spin 1s linear infinite;
-}
-
-.animate-ping {
-  -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-          animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-}
-
-.animate-pulse {
-  -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-          animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
-
-.animate-bounce {
-  -webkit-animation: bounce 1s infinite;
-          animation: bounce 1s infinite;
-}
-
-@media (min-width: 640px) {
-  .sm\:container {
-    width: 100%;
-  }
-
-  @media (min-width: 640px) {
-    .sm\:container {
-      max-width: 640px;
-    }
-  }
-
-  @media (min-width: 768px) {
-    .sm\:container {
-      max-width: 768px;
-    }
-  }
-
-  @media (min-width: 1024px) {
-    .sm\:container {
-      max-width: 1024px;
-    }
-  }
-
-  @media (min-width: 1280px) {
-    .sm\:container {
-      max-width: 1280px;
-    }
-  }
-
-  .sm\:prose {
-    color: #374151;
-    max-width: 65ch;
-  }
-
-  .sm\:prose [class~="lead"] {
-    color: #4b5563;
-    font-size: 1.25em;
-    line-height: 1.6;
-    margin-top: 1.2em;
-    margin-bottom: 1.2em;
-  }
-
-  .sm\:prose a {
-    color: #5850ec;
-    text-decoration: none;
-    font-weight: 600;
-  }
-
-  .sm\:prose strong {
-    color: #161e2e;
-    font-weight: 600;
-  }
-
-  .sm\:prose ol {
-    counter-reset: list-counter;
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
-  }
-
-  .sm\:prose ol > li {
-    position: relative;
-    counter-increment: list-counter;
-    padding-left: 1.75em;
-  }
-
-  .sm\:prose ol > li::before {
-    content: counter(list-counter) ".";
-    position: absolute;
-    font-weight: 400;
-    color: #6b7280;
-  }
-
-  .sm\:prose ul > li {
-    position: relative;
-    padding-left: 1.75em;
-  }
-
-  .sm\:prose ul > li::before {
-    content: "";
-    position: absolute;
-    background-color: #d2d6dc;
-    border-radius: 50%;
-    width: 0.375em;
-    height: 0.375em;
-    top: calc(0.875em - 0.1875em);
-    left: 0.25em;
-  }
-
-  .sm\:prose hr {
-    border-color: #e5e7eb;
-    border-top-width: 1px;
-    margin-top: 3em;
-    margin-bottom: 3em;
-  }
-
-  .sm\:prose blockquote {
-    font-weight: 500;
-    font-style: italic;
-    color: #161e2e;
-    border-left-width: 0.25rem;
-    border-left-color: #e5e7eb;
-    quotes: "\201C""\201D""\2018""\2019";
-    margin-top: 1.6em;
-    margin-bottom: 1.6em;
-    padding-left: 1em;
-  }
-
-  .sm\:prose blockquote p:first-of-type::before {
-    content: open-quote;
-  }
-
-  .sm\:prose blockquote p:last-of-type::after {
-    content: close-quote;
-  }
-
-  .sm\:prose h1 {
-    color: #1a202c;
-    font-weight: 800;
-    font-size: 2.25em;
-    margin-top: 0;
-    margin-bottom: 0.8888889em;
-    line-height: 1.1111111;
-  }
-
-  .sm\:prose h2 {
-    color: #1a202c;
-    font-weight: 700;
-    font-size: 1.5em;
-    margin-top: 2em;
-    margin-bottom: 1em;
-    line-height: 1.3333333;
-  }
-
-  .sm\:prose h3 {
-    color: #1a202c;
-    font-weight: 600;
-    font-size: 1.25em;
-    margin-top: 1.6em;
-    margin-bottom: 0.6em;
-    line-height: 1.6;
-  }
-
-  .sm\:prose h4 {
-    color: #1a202c;
-    font-weight: 600;
-    margin-top: 1.5em;
-    margin-bottom: 0.5em;
-    line-height: 1.5;
-  }
-
-  .sm\:prose figure figcaption {
-    color: #6b7280;
-    font-size: 0.875em;
-    line-height: 1.4285714;
-    margin-top: 0.8571429em;
-  }
-
-  .sm\:prose code {
-    color: #161e2e;
-    font-weight: 600;
-    font-size: 0.875em;
-  }
-
-  .sm\:prose code::before {
-    content: "`";
-  }
-
-  .sm\:prose code::after {
-    content: "`";
-  }
-
-  .sm\:prose pre {
-    color: #e5e7eb;
-    background-color: #252f3f;
-    overflow-x: auto;
-    font-size: 0.875em;
-    line-height: 1.7142857;
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
-    border-radius: 0.375rem;
-    padding-top: 0.8571429em;
-    padding-right: 1.1428571em;
-    padding-bottom: 0.8571429em;
-    padding-left: 1.1428571em;
-  }
-
-  .sm\:prose pre code {
-    background-color: transparent;
-    border-width: 0;
-    border-radius: 0;
-    padding: 0;
-    font-weight: 400;
-    color: inherit;
-    font-size: inherit;
-    font-family: inherit;
-    line-height: inherit;
-  }
-
-  .sm\:prose pre code::before {
-    content: "";
-  }
-
-  .sm\:prose pre code::after {
-    content: "";
-  }
-
-  .sm\:prose table {
-    width: 100%;
-    table-layout: auto;
-    text-align: left;
-    margin-top: 2em;
-    margin-bottom: 2em;
-    font-size: 0.875em;
-    line-height: 1.7142857;
-  }
-
-  .sm\:prose thead {
-    color: #161e2e;
-    font-weight: 600;
-    border-bottom-width: 1px;
-    border-bottom-color: #d2d6dc;
-  }
-
-  .sm\:prose thead th {
-    vertical-align: bottom;
-    padding-right: 0.5714286em;
-    padding-bottom: 0.5714286em;
-    padding-left: 0.5714286em;
-  }
-
-  .sm\:prose tbody tr {
-    border-bottom-width: 1px;
-    border-bottom-color: #e5e7eb;
-  }
-
-  .sm\:prose tbody tr:last-child {
-    border-bottom-width: 0;
-  }
-
-  .sm\:prose tbody td {
-    vertical-align: top;
-    padding-top: 0.5714286em;
-    padding-right: 0.5714286em;
-    padding-bottom: 0.5714286em;
-    padding-left: 0.5714286em;
-  }
-
-  .sm\:prose {
-    font-size: 1rem;
-    line-height: 1.75;
-  }
-
-  .sm\:prose p {
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
-  }
-
-  .sm\:prose img {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .sm\:prose video {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .sm\:prose figure {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .sm\:prose figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .sm\:prose h2 code {
-    font-size: 0.875em;
-  }
-
-  .sm\:prose h3 code {
-    font-size: 0.9em;
-  }
-
-  .sm\:prose ul {
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
-  }
-
-  .sm\:prose li {
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
-  }
-
-  .sm\:prose ol > li:before {
-    left: 0;
-  }
-
-  .sm\:prose > ul > li p {
-    margin-top: 0.75em;
-    margin-bottom: 0.75em;
-  }
-
-  .sm\:prose > ul > li > *:first-child {
-    margin-top: 1.25em;
-  }
-
-  .sm\:prose > ul > li > *:last-child {
-    margin-bottom: 1.25em;
-  }
-
-  .sm\:prose > ol > li > *:first-child {
-    margin-top: 1.25em;
-  }
-
-  .sm\:prose > ol > li > *:last-child {
-    margin-bottom: 1.25em;
-  }
-
-  .sm\:prose ul ul, .sm\:prose ul ol, .sm\:prose ol ul, .sm\:prose ol ol {
-    margin-top: 0.75em;
-    margin-bottom: 0.75em;
-  }
-
-  .sm\:prose hr + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose h2 + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose h3 + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose h4 + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose thead th:first-child {
-    padding-left: 0;
-  }
-
-  .sm\:prose thead th:last-child {
-    padding-right: 0;
-  }
-
-  .sm\:prose tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .sm\:prose tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .sm\:prose > :first-child {
-    margin-top: 0;
-  }
-
-  .sm\:prose > :last-child {
-    margin-bottom: 0;
-  }
-
-  .sm\:prose h1, .sm\:prose h2, .sm\:prose h3, .sm\:prose h4 {
-    color: #161e2e;
-  }
-
-  .sm\:prose-sm {
-    font-size: 0.875rem;
-    line-height: 1.7142857;
-  }
-
-  .sm\:prose-sm p {
-    margin-top: 1.1428571em;
-    margin-bottom: 1.1428571em;
-  }
-
-  .sm\:prose-sm [class~="lead"] {
-    font-size: 1.2857143em;
-    line-height: 1.5555556;
-    margin-top: 0.8888889em;
-    margin-bottom: 0.8888889em;
-  }
-
-  .sm\:prose-sm blockquote {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-    padding-left: 1.1111111em;
-  }
-
-  .sm\:prose-sm h1 {
-    font-size: 2.1428571em;
-    margin-top: 0;
-    margin-bottom: 0.8em;
-    line-height: 1.2;
-  }
-
-  .sm\:prose-sm h2 {
-    font-size: 1.4285714em;
-    margin-top: 1.6em;
-    margin-bottom: 0.8em;
-    line-height: 1.4;
-  }
-
-  .sm\:prose-sm h3 {
-    font-size: 1.2857143em;
-    margin-top: 1.5555556em;
-    margin-bottom: 0.4444444em;
-    line-height: 1.5555556;
-  }
-
-  .sm\:prose-sm h4 {
-    margin-top: 1.4285714em;
-    margin-bottom: 0.5714286em;
-    line-height: 1.4285714;
-  }
-
-  .sm\:prose-sm img {
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
-  }
-
-  .sm\:prose-sm video {
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
-  }
-
-  .sm\:prose-sm figure {
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
-  }
-
-  .sm\:prose-sm figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .sm\:prose-sm figure figcaption {
-    font-size: 0.8571429em;
-    line-height: 1.3333333;
-    margin-top: 0.6666667em;
-  }
-
-  .sm\:prose-sm code {
-    font-size: 0.8571429em;
-  }
-
-  .sm\:prose-sm h2 code {
-    font-size: 0.9em;
-  }
-
-  .sm\:prose-sm h3 code {
-    font-size: 0.8888889em;
-  }
-
-  .sm\:prose-sm pre {
-    font-size: 0.8571429em;
-    line-height: 1.6666667;
-    margin-top: 1.6666667em;
-    margin-bottom: 1.6666667em;
-    border-radius: 0.25rem;
-    padding-top: 0.6666667em;
-    padding-right: 1em;
-    padding-bottom: 0.6666667em;
-    padding-left: 1em;
-  }
-
-  .sm\:prose-sm ol {
-    margin-top: 1.1428571em;
-    margin-bottom: 1.1428571em;
-  }
-
-  .sm\:prose-sm ul {
-    margin-top: 1.1428571em;
-    margin-bottom: 1.1428571em;
-  }
-
-  .sm\:prose-sm li {
-    margin-top: 0.2857143em;
-    margin-bottom: 0.2857143em;
-  }
-
-  .sm\:prose-sm ol > li {
-    padding-left: 1.5714286em;
-  }
-
-  .sm\:prose-sm ol > li:before {
-    left: 0;
-  }
-
-  .sm\:prose-sm ul > li {
-    padding-left: 1.5714286em;
-  }
-
-  .sm\:prose-sm ul > li::before {
-    height: 0.3571429em;
-    width: 0.3571429em;
-    top: calc(0.8571429em - 0.1785714em);
-    left: 0.2142857em;
-  }
-
-  .sm\:prose-sm > ul > li p {
-    margin-top: 0.5714286em;
-    margin-bottom: 0.5714286em;
-  }
-
-  .sm\:prose-sm > ul > li > *:first-child {
-    margin-top: 1.1428571em;
-  }
-
-  .sm\:prose-sm > ul > li > *:last-child {
-    margin-bottom: 1.1428571em;
-  }
-
-  .sm\:prose-sm > ol > li > *:first-child {
-    margin-top: 1.1428571em;
-  }
-
-  .sm\:prose-sm > ol > li > *:last-child {
-    margin-bottom: 1.1428571em;
-  }
-
-  .sm\:prose-sm ul ul, .sm\:prose-sm ul ol, .sm\:prose-sm ol ul, .sm\:prose-sm ol ol {
-    margin-top: 0.5714286em;
-    margin-bottom: 0.5714286em;
-  }
-
-  .sm\:prose-sm hr {
-    margin-top: 2.8571429em;
-    margin-bottom: 2.8571429em;
-  }
-
-  .sm\:prose-sm hr + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose-sm h2 + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose-sm h3 + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose-sm h4 + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose-sm table {
-    font-size: 0.8571429em;
-    line-height: 1.5;
-  }
-
-  .sm\:prose-sm thead th {
-    padding-right: 1em;
-    padding-bottom: 0.6666667em;
-    padding-left: 1em;
-  }
-
-  .sm\:prose-sm thead th:first-child {
-    padding-left: 0;
-  }
-
-  .sm\:prose-sm thead th:last-child {
-    padding-right: 0;
-  }
-
-  .sm\:prose-sm tbody td {
-    padding-top: 0.6666667em;
-    padding-right: 1em;
-    padding-bottom: 0.6666667em;
-    padding-left: 1em;
-  }
-
-  .sm\:prose-sm tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .sm\:prose-sm tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .sm\:prose-sm > :first-child {
-    margin-top: 0;
-  }
-
-  .sm\:prose-sm > :last-child {
-    margin-bottom: 0;
-  }
-
-  .sm\:prose-lg {
-    font-size: 1.125rem;
-    line-height: 1.7777778;
-  }
-
-  .sm\:prose-lg p {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .sm\:prose-lg [class~="lead"] {
-    font-size: 1.2222222em;
-    line-height: 1.4545455;
-    margin-top: 1.0909091em;
-    margin-bottom: 1.0909091em;
-  }
-
-  .sm\:prose-lg blockquote {
-    margin-top: 1.6666667em;
-    margin-bottom: 1.6666667em;
-    padding-left: 1em;
-  }
-
-  .sm\:prose-lg h1 {
-    font-size: 2.6666667em;
-    margin-top: 0;
-    margin-bottom: 0.8333333em;
-    line-height: 1;
-  }
-
-  .sm\:prose-lg h2 {
-    font-size: 1.6666667em;
-    margin-top: 1.8666667em;
-    margin-bottom: 1.0666667em;
-    line-height: 1.3333333;
-  }
-
-  .sm\:prose-lg h3 {
-    font-size: 1.3333333em;
-    margin-top: 1.6666667em;
-    margin-bottom: 0.6666667em;
-    line-height: 1.5;
-  }
-
-  .sm\:prose-lg h4 {
-    margin-top: 1.7777778em;
-    margin-bottom: 0.4444444em;
-    line-height: 1.5555556;
-  }
-
-  .sm\:prose-lg img {
-    margin-top: 1.7777778em;
-    margin-bottom: 1.7777778em;
-  }
-
-  .sm\:prose-lg video {
-    margin-top: 1.7777778em;
-    margin-bottom: 1.7777778em;
-  }
-
-  .sm\:prose-lg figure {
-    margin-top: 1.7777778em;
-    margin-bottom: 1.7777778em;
-  }
-
-  .sm\:prose-lg figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .sm\:prose-lg figure figcaption {
-    font-size: 0.8888889em;
-    line-height: 1.5;
-    margin-top: 1em;
-  }
-
-  .sm\:prose-lg code {
-    font-size: 0.8888889em;
-  }
-
-  .sm\:prose-lg h2 code {
-    font-size: 0.8666667em;
-  }
-
-  .sm\:prose-lg h3 code {
-    font-size: 0.875em;
-  }
-
-  .sm\:prose-lg pre {
-    font-size: 0.8888889em;
-    line-height: 1.75;
-    margin-top: 2em;
-    margin-bottom: 2em;
-    border-radius: 0.375rem;
-    padding-top: 1em;
-    padding-right: 1.5em;
-    padding-bottom: 1em;
-    padding-left: 1.5em;
-  }
-
-  .sm\:prose-lg ol {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .sm\:prose-lg ul {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .sm\:prose-lg li {
-    margin-top: 0.6666667em;
-    margin-bottom: 0.6666667em;
-  }
-
-  .sm\:prose-lg ol > li {
-    padding-left: 1.6666667em;
-  }
-
-  .sm\:prose-lg ol > li:before {
-    left: 0;
-  }
-
-  .sm\:prose-lg ul > li {
-    padding-left: 1.6666667em;
-  }
-
-  .sm\:prose-lg ul > li::before {
-    width: 0.3333333em;
-    height: 0.3333333em;
-    top: calc(0.8888889em - 0.1666667em);
-    left: 0.2222222em;
-  }
-
-  .sm\:prose-lg > ul > li p {
-    margin-top: 0.8888889em;
-    margin-bottom: 0.8888889em;
-  }
-
-  .sm\:prose-lg > ul > li > *:first-child {
-    margin-top: 1.3333333em;
-  }
-
-  .sm\:prose-lg > ul > li > *:last-child {
-    margin-bottom: 1.3333333em;
-  }
-
-  .sm\:prose-lg > ol > li > *:first-child {
-    margin-top: 1.3333333em;
-  }
-
-  .sm\:prose-lg > ol > li > *:last-child {
-    margin-bottom: 1.3333333em;
-  }
-
-  .sm\:prose-lg ul ul, .sm\:prose-lg ul ol, .sm\:prose-lg ol ul, .sm\:prose-lg ol ol {
-    margin-top: 0.8888889em;
-    margin-bottom: 0.8888889em;
-  }
-
-  .sm\:prose-lg hr {
-    margin-top: 3.1111111em;
-    margin-bottom: 3.1111111em;
-  }
-
-  .sm\:prose-lg hr + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose-lg h2 + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose-lg h3 + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose-lg h4 + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose-lg table {
-    font-size: 0.8888889em;
-    line-height: 1.5;
-  }
-
-  .sm\:prose-lg thead th {
-    padding-right: 0.75em;
-    padding-bottom: 0.75em;
-    padding-left: 0.75em;
-  }
-
-  .sm\:prose-lg thead th:first-child {
-    padding-left: 0;
-  }
-
-  .sm\:prose-lg thead th:last-child {
-    padding-right: 0;
-  }
-
-  .sm\:prose-lg tbody td {
-    padding-top: 0.75em;
-    padding-right: 0.75em;
-    padding-bottom: 0.75em;
-    padding-left: 0.75em;
-  }
-
-  .sm\:prose-lg tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .sm\:prose-lg tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .sm\:prose-lg > :first-child {
-    margin-top: 0;
-  }
-
-  .sm\:prose-lg > :last-child {
-    margin-bottom: 0;
-  }
-
-  .sm\:prose-xl {
-    font-size: 1.25rem;
-    line-height: 1.8;
-  }
-
-  .sm\:prose-xl p {
-    margin-top: 1.2em;
-    margin-bottom: 1.2em;
-  }
-
-  .sm\:prose-xl [class~="lead"] {
-    font-size: 1.2em;
-    line-height: 1.5;
-    margin-top: 1em;
-    margin-bottom: 1em;
-  }
-
-  .sm\:prose-xl blockquote {
-    margin-top: 1.6em;
-    margin-bottom: 1.6em;
-    padding-left: 1.0666667em;
-  }
-
-  .sm\:prose-xl h1 {
-    font-size: 2.8em;
-    margin-top: 0;
-    margin-bottom: 0.8571429em;
-    line-height: 1;
-  }
-
-  .sm\:prose-xl h2 {
-    font-size: 1.8em;
-    margin-top: 1.5555556em;
-    margin-bottom: 0.8888889em;
-    line-height: 1.1111111;
-  }
-
-  .sm\:prose-xl h3 {
-    font-size: 1.5em;
-    margin-top: 1.6em;
-    margin-bottom: 0.6666667em;
-    line-height: 1.3333333;
-  }
-
-  .sm\:prose-xl h4 {
-    margin-top: 1.8em;
-    margin-bottom: 0.6em;
-    line-height: 1.6;
-  }
-
-  .sm\:prose-xl img {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .sm\:prose-xl video {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .sm\:prose-xl figure {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .sm\:prose-xl figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .sm\:prose-xl figure figcaption {
-    font-size: 0.9em;
-    line-height: 1.5555556;
-    margin-top: 1em;
-  }
-
-  .sm\:prose-xl code {
-    font-size: 0.9em;
-  }
-
-  .sm\:prose-xl h2 code {
-    font-size: 0.8611111em;
-  }
-
-  .sm\:prose-xl h3 code {
-    font-size: 0.9em;
-  }
-
-  .sm\:prose-xl pre {
-    font-size: 0.9em;
-    line-height: 1.7777778;
-    margin-top: 2em;
-    margin-bottom: 2em;
-    border-radius: 0.5rem;
-    padding-top: 1.1111111em;
-    padding-right: 1.3333333em;
-    padding-bottom: 1.1111111em;
-    padding-left: 1.3333333em;
-  }
-
-  .sm\:prose-xl ol {
-    margin-top: 1.2em;
-    margin-bottom: 1.2em;
-  }
-
-  .sm\:prose-xl ul {
-    margin-top: 1.2em;
-    margin-bottom: 1.2em;
-  }
-
-  .sm\:prose-xl li {
-    margin-top: 0.6em;
-    margin-bottom: 0.6em;
-  }
-
-  .sm\:prose-xl ol > li {
-    padding-left: 1.8em;
-  }
-
-  .sm\:prose-xl ol > li:before {
-    left: 0;
-  }
-
-  .sm\:prose-xl ul > li {
-    padding-left: 1.8em;
-  }
-
-  .sm\:prose-xl ul > li::before {
-    width: 0.35em;
-    height: 0.35em;
-    top: calc(0.9em - 0.175em);
-    left: 0.25em;
-  }
-
-  .sm\:prose-xl > ul > li p {
-    margin-top: 0.8em;
-    margin-bottom: 0.8em;
-  }
-
-  .sm\:prose-xl > ul > li > *:first-child {
-    margin-top: 1.2em;
-  }
-
-  .sm\:prose-xl > ul > li > *:last-child {
-    margin-bottom: 1.2em;
-  }
-
-  .sm\:prose-xl > ol > li > *:first-child {
-    margin-top: 1.2em;
-  }
-
-  .sm\:prose-xl > ol > li > *:last-child {
-    margin-bottom: 1.2em;
-  }
-
-  .sm\:prose-xl ul ul, .sm\:prose-xl ul ol, .sm\:prose-xl ol ul, .sm\:prose-xl ol ol {
-    margin-top: 0.8em;
-    margin-bottom: 0.8em;
-  }
-
-  .sm\:prose-xl hr {
-    margin-top: 2.8em;
-    margin-bottom: 2.8em;
-  }
-
-  .sm\:prose-xl hr + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose-xl h2 + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose-xl h3 + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose-xl h4 + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose-xl table {
-    font-size: 0.9em;
-    line-height: 1.5555556;
-  }
-
-  .sm\:prose-xl thead th {
-    padding-right: 0.6666667em;
-    padding-bottom: 0.8888889em;
-    padding-left: 0.6666667em;
-  }
-
-  .sm\:prose-xl thead th:first-child {
-    padding-left: 0;
-  }
-
-  .sm\:prose-xl thead th:last-child {
-    padding-right: 0;
-  }
-
-  .sm\:prose-xl tbody td {
-    padding-top: 0.8888889em;
-    padding-right: 0.6666667em;
-    padding-bottom: 0.8888889em;
-    padding-left: 0.6666667em;
-  }
-
-  .sm\:prose-xl tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .sm\:prose-xl tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .sm\:prose-xl > :first-child {
-    margin-top: 0;
-  }
-
-  .sm\:prose-xl > :last-child {
-    margin-bottom: 0;
-  }
-
-  .sm\:prose-2xl {
-    font-size: 1.5rem;
-    line-height: 1.6666667;
-  }
-
-  .sm\:prose-2xl p {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .sm\:prose-2xl [class~="lead"] {
-    font-size: 1.25em;
-    line-height: 1.4666667;
-    margin-top: 1.0666667em;
-    margin-bottom: 1.0666667em;
-  }
-
-  .sm\:prose-2xl blockquote {
-    margin-top: 1.7777778em;
-    margin-bottom: 1.7777778em;
-    padding-left: 1.1111111em;
-  }
-
-  .sm\:prose-2xl h1 {
-    font-size: 2.6666667em;
-    margin-top: 0;
-    margin-bottom: 0.875em;
-    line-height: 1;
-  }
-
-  .sm\:prose-2xl h2 {
-    font-size: 2em;
-    margin-top: 1.5em;
-    margin-bottom: 0.8333333em;
-    line-height: 1.0833333;
-  }
-
-  .sm\:prose-2xl h3 {
-    font-size: 1.5em;
-    margin-top: 1.5555556em;
-    margin-bottom: 0.6666667em;
-    line-height: 1.2222222;
-  }
-
-  .sm\:prose-2xl h4 {
-    margin-top: 1.6666667em;
-    margin-bottom: 0.6666667em;
-    line-height: 1.5;
-  }
-
-  .sm\:prose-2xl img {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .sm\:prose-2xl video {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .sm\:prose-2xl figure {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .sm\:prose-2xl figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .sm\:prose-2xl figure figcaption {
-    font-size: 0.8333333em;
-    line-height: 1.6;
-    margin-top: 1em;
-  }
-
-  .sm\:prose-2xl code {
-    font-size: 0.8333333em;
-  }
-
-  .sm\:prose-2xl h2 code {
-    font-size: 0.875em;
-  }
-
-  .sm\:prose-2xl h3 code {
-    font-size: 0.8888889em;
-  }
-
-  .sm\:prose-2xl pre {
-    font-size: 0.8333333em;
-    line-height: 1.8;
-    margin-top: 2em;
-    margin-bottom: 2em;
-    border-radius: 0.5rem;
-    padding-top: 1.2em;
-    padding-right: 1.6em;
-    padding-bottom: 1.2em;
-    padding-left: 1.6em;
-  }
-
-  .sm\:prose-2xl ol {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .sm\:prose-2xl ul {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .sm\:prose-2xl li {
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
-  }
-
-  .sm\:prose-2xl ol > li {
-    padding-left: 1.6666667em;
-  }
-
-  .sm\:prose-2xl ol > li:before {
-    left: 0;
-  }
-
-  .sm\:prose-2xl ul > li {
-    padding-left: 1.6666667em;
-  }
-
-  .sm\:prose-2xl ul > li::before {
-    width: 0.3333333em;
-    height: 0.3333333em;
-    top: calc(0.8333333em - 0.1666667em);
-    left: 0.25em;
-  }
-
-  .sm\:prose-2xl > ul > li p {
-    margin-top: 0.8333333em;
-    margin-bottom: 0.8333333em;
-  }
-
-  .sm\:prose-2xl > ul > li > *:first-child {
-    margin-top: 1.3333333em;
-  }
-
-  .sm\:prose-2xl > ul > li > *:last-child {
-    margin-bottom: 1.3333333em;
-  }
-
-  .sm\:prose-2xl > ol > li > *:first-child {
-    margin-top: 1.3333333em;
-  }
-
-  .sm\:prose-2xl > ol > li > *:last-child {
-    margin-bottom: 1.3333333em;
-  }
-
-  .sm\:prose-2xl ul ul, .sm\:prose-2xl ul ol, .sm\:prose-2xl ol ul, .sm\:prose-2xl ol ol {
-    margin-top: 0.6666667em;
-    margin-bottom: 0.6666667em;
-  }
-
-  .sm\:prose-2xl hr {
-    margin-top: 3em;
-    margin-bottom: 3em;
-  }
-
-  .sm\:prose-2xl hr + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose-2xl h2 + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose-2xl h3 + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose-2xl h4 + * {
-    margin-top: 0;
-  }
-
-  .sm\:prose-2xl table {
-    font-size: 0.8333333em;
-    line-height: 1.4;
-  }
-
-  .sm\:prose-2xl thead th {
-    padding-right: 0.6em;
-    padding-bottom: 0.8em;
-    padding-left: 0.6em;
-  }
-
-  .sm\:prose-2xl thead th:first-child {
-    padding-left: 0;
-  }
-
-  .sm\:prose-2xl thead th:last-child {
-    padding-right: 0;
-  }
-
-  .sm\:prose-2xl tbody td {
-    padding-top: 0.8em;
-    padding-right: 0.6em;
-    padding-bottom: 0.8em;
-    padding-left: 0.6em;
-  }
-
-  .sm\:prose-2xl tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .sm\:prose-2xl tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .sm\:prose-2xl > :first-child {
-    margin-top: 0;
-  }
-
-  .sm\:prose-2xl > :last-child {
-    margin-bottom: 0;
-  }
-
-  .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-44 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(11rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(11rem * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-44 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(11rem * var(--space-x-reverse));
-    margin-left: calc(11rem * 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-52 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(13rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(13rem * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-52 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(13rem * var(--space-x-reverse));
-    margin-left: calc(13rem * 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-44 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-11rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-11rem * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-44 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-11rem * var(--space-x-reverse));
-    margin-left: calc(-11rem * 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-52 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-13rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-13rem * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-52 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-13rem * var(--space-x-reverse));
-    margin-left: calc(-13rem * 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-current > :not(template) ~ :not(template) {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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-cool-gray-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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-solid > :not(template) ~ :not(template) {
-    border-style: solid;
-  }
-
-  .sm\:divide-dashed > :not(template) ~ :not(template) {
-    border-style: dashed;
-  }
-
-  .sm\:divide-dotted > :not(template) ~ :not(template) {
-    border-style: dotted;
-  }
-
-  .sm\:divide-double > :not(template) ~ :not(template) {
-    border-style: double;
-  }
-
-  .sm\:divide-none > :not(template) ~ :not(template) {
-    border-style: none;
-  }
-
-  .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-clip-border {
-    background-clip: border-box;
-  }
-
-  .sm\:bg-clip-padding {
-    background-clip: padding-box;
-  }
-
-  .sm\:bg-clip-content {
-    background-clip: content-box;
-  }
-
-  .sm\:bg-clip-text {
-    -webkit-background-clip: text;
-            background-clip: text;
-  }
-
-  .sm\:bg-current {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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));
-  }
-
-  .sm\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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));
-  }
-
-  .group:hover .sm\:group-hover\:bg-current {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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:hover .sm\:group-hover\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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:focus .sm\:group-focus\:bg-current {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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));
-  }
-
-  .group:focus .sm\:group-focus\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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));
-  }
-
-  .sm\:hover\:bg-current:hover {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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\:hover\:bg-cool-gray-50:hover {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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\:focus\:bg-current:focus {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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\:focus\:bg-cool-gray-50:focus {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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\:active\:bg-current:active {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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\:active\:bg-cool-gray-50:active {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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\:bg-none {
-    background-image: none;
-  }
-
-  .sm\:bg-gradient-to-t {
-    background-image: linear-gradient(to top, var(--gradient-color-stops));
-  }
-
-  .sm\:bg-gradient-to-tr {
-    background-image: linear-gradient(to top right, var(--gradient-color-stops));
-  }
-
-  .sm\:bg-gradient-to-r {
-    background-image: linear-gradient(to right, var(--gradient-color-stops));
-  }
-
-  .sm\:bg-gradient-to-br {
-    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
-  }
-
-  .sm\:bg-gradient-to-b {
-    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
-  }
-
-  .sm\:bg-gradient-to-bl {
-    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
-  }
-
-  .sm\:bg-gradient-to-l {
-    background-image: linear-gradient(to left, var(--gradient-color-stops));
-  }
-
-  .sm\:bg-gradient-to-tl {
-    background-image: linear-gradient(to top left, var(--gradient-color-stops));
-  }
-
-  .sm\:from-current {
-    --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:from-transparent {
-    --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:from-white {
-    --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:from-black {
-    --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:from-gray-50 {
-    --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .sm\:from-gray-100 {
-    --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .sm\:from-gray-200 {
-    --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .sm\:from-gray-300 {
-    --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .sm\:from-gray-400 {
-    --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .sm\:from-gray-500 {
-    --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .sm\:from-gray-600 {
-    --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .sm\:from-gray-700 {
-    --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .sm\:from-gray-800 {
-    --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .sm\:from-gray-900 {
-    --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .sm\:from-red-50 {
-    --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .sm\:from-red-100 {
-    --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .sm\:from-red-200 {
-    --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .sm\:from-red-300 {
-    --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .sm\:from-red-400 {
-    --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .sm\:from-red-500 {
-    --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .sm\:from-red-600 {
-    --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .sm\:from-red-700 {
-    --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .sm\:from-red-800 {
-    --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .sm\:from-red-900 {
-    --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .sm\:from-orange-50 {
-    --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .sm\:from-orange-100 {
-    --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .sm\:from-orange-200 {
-    --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .sm\:from-orange-300 {
-    --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .sm\:from-orange-400 {
-    --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .sm\:from-orange-500 {
-    --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .sm\:from-orange-600 {
-    --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .sm\:from-orange-700 {
-    --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .sm\:from-orange-800 {
-    --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .sm\:from-orange-900 {
-    --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .sm\:from-yellow-50 {
-    --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .sm\:from-yellow-100 {
-    --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .sm\:from-yellow-200 {
-    --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .sm\:from-yellow-300 {
-    --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .sm\:from-yellow-400 {
-    --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .sm\:from-yellow-500 {
-    --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .sm\:from-yellow-600 {
-    --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .sm\:from-yellow-700 {
-    --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .sm\:from-yellow-800 {
-    --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .sm\:from-yellow-900 {
-    --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .sm\:from-green-50 {
-    --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .sm\:from-green-100 {
-    --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .sm\:from-green-200 {
-    --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .sm\:from-green-300 {
-    --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .sm\:from-green-400 {
-    --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .sm\:from-green-500 {
-    --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .sm\:from-green-600 {
-    --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .sm\:from-green-700 {
-    --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .sm\:from-green-800 {
-    --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .sm\:from-green-900 {
-    --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .sm\:from-teal-50 {
-    --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .sm\:from-teal-100 {
-    --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .sm\:from-teal-200 {
-    --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .sm\:from-teal-300 {
-    --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .sm\:from-teal-400 {
-    --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .sm\:from-teal-500 {
-    --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .sm\:from-teal-600 {
-    --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .sm\:from-teal-700 {
-    --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .sm\:from-teal-800 {
-    --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .sm\:from-teal-900 {
-    --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .sm\:from-blue-50 {
-    --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .sm\:from-blue-100 {
-    --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .sm\:from-blue-200 {
-    --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .sm\:from-blue-300 {
-    --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .sm\:from-blue-400 {
-    --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .sm\:from-blue-500 {
-    --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .sm\:from-blue-600 {
-    --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .sm\:from-blue-700 {
-    --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .sm\:from-blue-800 {
-    --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .sm\:from-blue-900 {
-    --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .sm\:from-indigo-50 {
-    --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .sm\:from-indigo-100 {
-    --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .sm\:from-indigo-200 {
-    --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .sm\:from-indigo-300 {
-    --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .sm\:from-indigo-400 {
-    --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .sm\:from-indigo-500 {
-    --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .sm\:from-indigo-600 {
-    --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .sm\:from-indigo-700 {
-    --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .sm\:from-indigo-800 {
-    --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .sm\:from-indigo-900 {
-    --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .sm\:from-purple-50 {
-    --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .sm\:from-purple-100 {
-    --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .sm\:from-purple-200 {
-    --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .sm\:from-purple-300 {
-    --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .sm\:from-purple-400 {
-    --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .sm\:from-purple-500 {
-    --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .sm\:from-purple-600 {
-    --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .sm\:from-purple-700 {
-    --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .sm\:from-purple-800 {
-    --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .sm\:from-purple-900 {
-    --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .sm\:from-pink-50 {
-    --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .sm\:from-pink-100 {
-    --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .sm\:from-pink-200 {
-    --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .sm\:from-pink-300 {
-    --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .sm\:from-pink-400 {
-    --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .sm\:from-pink-500 {
-    --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .sm\:from-pink-600 {
-    --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .sm\:from-pink-700 {
-    --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .sm\:from-pink-800 {
-    --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .sm\:from-pink-900 {
-    --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .sm\:from-cool-gray-50 {
-    --gradient-from-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .sm\:from-cool-gray-100 {
-    --gradient-from-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .sm\:from-cool-gray-200 {
-    --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .sm\:from-cool-gray-300 {
-    --gradient-from-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .sm\:from-cool-gray-400 {
-    --gradient-from-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .sm\:from-cool-gray-500 {
-    --gradient-from-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .sm\:from-cool-gray-600 {
-    --gradient-from-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .sm\:from-cool-gray-700 {
-    --gradient-from-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .sm\:from-cool-gray-800 {
-    --gradient-from-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .sm\:from-cool-gray-900 {
-    --gradient-from-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .sm\:via-current {
-    --gradient-via-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:via-transparent {
-    --gradient-via-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:via-white {
-    --gradient-via-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:via-black {
-    --gradient-via-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:via-gray-50 {
-    --gradient-via-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .sm\:via-gray-100 {
-    --gradient-via-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .sm\:via-gray-200 {
-    --gradient-via-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .sm\:via-gray-300 {
-    --gradient-via-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .sm\:via-gray-400 {
-    --gradient-via-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .sm\:via-gray-500 {
-    --gradient-via-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .sm\:via-gray-600 {
-    --gradient-via-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .sm\:via-gray-700 {
-    --gradient-via-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .sm\:via-gray-800 {
-    --gradient-via-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .sm\:via-gray-900 {
-    --gradient-via-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .sm\:via-red-50 {
-    --gradient-via-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .sm\:via-red-100 {
-    --gradient-via-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .sm\:via-red-200 {
-    --gradient-via-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .sm\:via-red-300 {
-    --gradient-via-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .sm\:via-red-400 {
-    --gradient-via-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .sm\:via-red-500 {
-    --gradient-via-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .sm\:via-red-600 {
-    --gradient-via-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .sm\:via-red-700 {
-    --gradient-via-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .sm\:via-red-800 {
-    --gradient-via-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .sm\:via-red-900 {
-    --gradient-via-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .sm\:via-orange-50 {
-    --gradient-via-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .sm\:via-orange-100 {
-    --gradient-via-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .sm\:via-orange-200 {
-    --gradient-via-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .sm\:via-orange-300 {
-    --gradient-via-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .sm\:via-orange-400 {
-    --gradient-via-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .sm\:via-orange-500 {
-    --gradient-via-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .sm\:via-orange-600 {
-    --gradient-via-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .sm\:via-orange-700 {
-    --gradient-via-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .sm\:via-orange-800 {
-    --gradient-via-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .sm\:via-orange-900 {
-    --gradient-via-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .sm\:via-yellow-50 {
-    --gradient-via-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .sm\:via-yellow-100 {
-    --gradient-via-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .sm\:via-yellow-200 {
-    --gradient-via-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .sm\:via-yellow-300 {
-    --gradient-via-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .sm\:via-yellow-400 {
-    --gradient-via-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .sm\:via-yellow-500 {
-    --gradient-via-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .sm\:via-yellow-600 {
-    --gradient-via-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .sm\:via-yellow-700 {
-    --gradient-via-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .sm\:via-yellow-800 {
-    --gradient-via-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .sm\:via-yellow-900 {
-    --gradient-via-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .sm\:via-green-50 {
-    --gradient-via-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .sm\:via-green-100 {
-    --gradient-via-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .sm\:via-green-200 {
-    --gradient-via-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .sm\:via-green-300 {
-    --gradient-via-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .sm\:via-green-400 {
-    --gradient-via-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .sm\:via-green-500 {
-    --gradient-via-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .sm\:via-green-600 {
-    --gradient-via-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .sm\:via-green-700 {
-    --gradient-via-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .sm\:via-green-800 {
-    --gradient-via-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .sm\:via-green-900 {
-    --gradient-via-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .sm\:via-teal-50 {
-    --gradient-via-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .sm\:via-teal-100 {
-    --gradient-via-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .sm\:via-teal-200 {
-    --gradient-via-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .sm\:via-teal-300 {
-    --gradient-via-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .sm\:via-teal-400 {
-    --gradient-via-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .sm\:via-teal-500 {
-    --gradient-via-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .sm\:via-teal-600 {
-    --gradient-via-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .sm\:via-teal-700 {
-    --gradient-via-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .sm\:via-teal-800 {
-    --gradient-via-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .sm\:via-teal-900 {
-    --gradient-via-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .sm\:via-blue-50 {
-    --gradient-via-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .sm\:via-blue-100 {
-    --gradient-via-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .sm\:via-blue-200 {
-    --gradient-via-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .sm\:via-blue-300 {
-    --gradient-via-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .sm\:via-blue-400 {
-    --gradient-via-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .sm\:via-blue-500 {
-    --gradient-via-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .sm\:via-blue-600 {
-    --gradient-via-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .sm\:via-blue-700 {
-    --gradient-via-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .sm\:via-blue-800 {
-    --gradient-via-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .sm\:via-blue-900 {
-    --gradient-via-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .sm\:via-indigo-50 {
-    --gradient-via-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .sm\:via-indigo-100 {
-    --gradient-via-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .sm\:via-indigo-200 {
-    --gradient-via-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .sm\:via-indigo-300 {
-    --gradient-via-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .sm\:via-indigo-400 {
-    --gradient-via-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .sm\:via-indigo-500 {
-    --gradient-via-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .sm\:via-indigo-600 {
-    --gradient-via-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .sm\:via-indigo-700 {
-    --gradient-via-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .sm\:via-indigo-800 {
-    --gradient-via-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .sm\:via-indigo-900 {
-    --gradient-via-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .sm\:via-purple-50 {
-    --gradient-via-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .sm\:via-purple-100 {
-    --gradient-via-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .sm\:via-purple-200 {
-    --gradient-via-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .sm\:via-purple-300 {
-    --gradient-via-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .sm\:via-purple-400 {
-    --gradient-via-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .sm\:via-purple-500 {
-    --gradient-via-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .sm\:via-purple-600 {
-    --gradient-via-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .sm\:via-purple-700 {
-    --gradient-via-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .sm\:via-purple-800 {
-    --gradient-via-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .sm\:via-purple-900 {
-    --gradient-via-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .sm\:via-pink-50 {
-    --gradient-via-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .sm\:via-pink-100 {
-    --gradient-via-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .sm\:via-pink-200 {
-    --gradient-via-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .sm\:via-pink-300 {
-    --gradient-via-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .sm\:via-pink-400 {
-    --gradient-via-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .sm\:via-pink-500 {
-    --gradient-via-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .sm\:via-pink-600 {
-    --gradient-via-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .sm\:via-pink-700 {
-    --gradient-via-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .sm\:via-pink-800 {
-    --gradient-via-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .sm\:via-pink-900 {
-    --gradient-via-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .sm\:via-cool-gray-50 {
-    --gradient-via-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .sm\:via-cool-gray-100 {
-    --gradient-via-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .sm\:via-cool-gray-200 {
-    --gradient-via-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .sm\:via-cool-gray-300 {
-    --gradient-via-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .sm\:via-cool-gray-400 {
-    --gradient-via-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .sm\:via-cool-gray-500 {
-    --gradient-via-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .sm\:via-cool-gray-600 {
-    --gradient-via-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .sm\:via-cool-gray-700 {
-    --gradient-via-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .sm\:via-cool-gray-800 {
-    --gradient-via-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .sm\:via-cool-gray-900 {
-    --gradient-via-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .sm\:to-current {
-    --gradient-to-color: currentColor;
-  }
-
-  .sm\:to-transparent {
-    --gradient-to-color: transparent;
-  }
-
-  .sm\:to-white {
-    --gradient-to-color: #ffffff;
-  }
-
-  .sm\:to-black {
-    --gradient-to-color: #000000;
-  }
-
-  .sm\:to-gray-50 {
-    --gradient-to-color: #f9fafb;
-  }
-
-  .sm\:to-gray-100 {
-    --gradient-to-color: #f4f5f7;
-  }
-
-  .sm\:to-gray-200 {
-    --gradient-to-color: #e5e7eb;
-  }
-
-  .sm\:to-gray-300 {
-    --gradient-to-color: #d2d6dc;
-  }
-
-  .sm\:to-gray-400 {
-    --gradient-to-color: #9fa6b2;
-  }
-
-  .sm\:to-gray-500 {
-    --gradient-to-color: #6b7280;
-  }
-
-  .sm\:to-gray-600 {
-    --gradient-to-color: #4b5563;
-  }
-
-  .sm\:to-gray-700 {
-    --gradient-to-color: #374151;
-  }
-
-  .sm\:to-gray-800 {
-    --gradient-to-color: #252f3f;
-  }
-
-  .sm\:to-gray-900 {
-    --gradient-to-color: #161e2e;
-  }
-
-  .sm\:to-red-50 {
-    --gradient-to-color: #fdf2f2;
-  }
-
-  .sm\:to-red-100 {
-    --gradient-to-color: #fde8e8;
-  }
-
-  .sm\:to-red-200 {
-    --gradient-to-color: #fbd5d5;
-  }
-
-  .sm\:to-red-300 {
-    --gradient-to-color: #f8b4b4;
-  }
-
-  .sm\:to-red-400 {
-    --gradient-to-color: #f98080;
-  }
-
-  .sm\:to-red-500 {
-    --gradient-to-color: #f05252;
-  }
-
-  .sm\:to-red-600 {
-    --gradient-to-color: #e02424;
-  }
-
-  .sm\:to-red-700 {
-    --gradient-to-color: #c81e1e;
-  }
-
-  .sm\:to-red-800 {
-    --gradient-to-color: #9b1c1c;
-  }
-
-  .sm\:to-red-900 {
-    --gradient-to-color: #771d1d;
-  }
-
-  .sm\:to-orange-50 {
-    --gradient-to-color: #fff8f1;
-  }
-
-  .sm\:to-orange-100 {
-    --gradient-to-color: #feecdc;
-  }
-
-  .sm\:to-orange-200 {
-    --gradient-to-color: #fcd9bd;
-  }
-
-  .sm\:to-orange-300 {
-    --gradient-to-color: #fdba8c;
-  }
-
-  .sm\:to-orange-400 {
-    --gradient-to-color: #ff8a4c;
-  }
-
-  .sm\:to-orange-500 {
-    --gradient-to-color: #ff5a1f;
-  }
-
-  .sm\:to-orange-600 {
-    --gradient-to-color: #d03801;
-  }
-
-  .sm\:to-orange-700 {
-    --gradient-to-color: #b43403;
-  }
-
-  .sm\:to-orange-800 {
-    --gradient-to-color: #8a2c0d;
-  }
-
-  .sm\:to-orange-900 {
-    --gradient-to-color: #73230d;
-  }
-
-  .sm\:to-yellow-50 {
-    --gradient-to-color: #fdfdea;
-  }
-
-  .sm\:to-yellow-100 {
-    --gradient-to-color: #fdf6b2;
-  }
-
-  .sm\:to-yellow-200 {
-    --gradient-to-color: #fce96a;
-  }
-
-  .sm\:to-yellow-300 {
-    --gradient-to-color: #faca15;
-  }
-
-  .sm\:to-yellow-400 {
-    --gradient-to-color: #e3a008;
-  }
-
-  .sm\:to-yellow-500 {
-    --gradient-to-color: #c27803;
-  }
-
-  .sm\:to-yellow-600 {
-    --gradient-to-color: #9f580a;
-  }
-
-  .sm\:to-yellow-700 {
-    --gradient-to-color: #8e4b10;
-  }
-
-  .sm\:to-yellow-800 {
-    --gradient-to-color: #723b13;
-  }
-
-  .sm\:to-yellow-900 {
-    --gradient-to-color: #633112;
-  }
-
-  .sm\:to-green-50 {
-    --gradient-to-color: #f3faf7;
-  }
-
-  .sm\:to-green-100 {
-    --gradient-to-color: #def7ec;
-  }
-
-  .sm\:to-green-200 {
-    --gradient-to-color: #bcf0da;
-  }
-
-  .sm\:to-green-300 {
-    --gradient-to-color: #84e1bc;
-  }
-
-  .sm\:to-green-400 {
-    --gradient-to-color: #31c48d;
-  }
-
-  .sm\:to-green-500 {
-    --gradient-to-color: #0e9f6e;
-  }
-
-  .sm\:to-green-600 {
-    --gradient-to-color: #057a55;
-  }
-
-  .sm\:to-green-700 {
-    --gradient-to-color: #046c4e;
-  }
-
-  .sm\:to-green-800 {
-    --gradient-to-color: #03543f;
-  }
-
-  .sm\:to-green-900 {
-    --gradient-to-color: #014737;
-  }
-
-  .sm\:to-teal-50 {
-    --gradient-to-color: #edfafa;
-  }
-
-  .sm\:to-teal-100 {
-    --gradient-to-color: #d5f5f6;
-  }
-
-  .sm\:to-teal-200 {
-    --gradient-to-color: #afecef;
-  }
-
-  .sm\:to-teal-300 {
-    --gradient-to-color: #7edce2;
-  }
-
-  .sm\:to-teal-400 {
-    --gradient-to-color: #16bdca;
-  }
-
-  .sm\:to-teal-500 {
-    --gradient-to-color: #0694a2;
-  }
-
-  .sm\:to-teal-600 {
-    --gradient-to-color: #047481;
-  }
-
-  .sm\:to-teal-700 {
-    --gradient-to-color: #036672;
-  }
-
-  .sm\:to-teal-800 {
-    --gradient-to-color: #05505c;
-  }
-
-  .sm\:to-teal-900 {
-    --gradient-to-color: #014451;
-  }
-
-  .sm\:to-blue-50 {
-    --gradient-to-color: #ebf5ff;
-  }
-
-  .sm\:to-blue-100 {
-    --gradient-to-color: #e1effe;
-  }
-
-  .sm\:to-blue-200 {
-    --gradient-to-color: #c3ddfd;
-  }
-
-  .sm\:to-blue-300 {
-    --gradient-to-color: #a4cafe;
-  }
-
-  .sm\:to-blue-400 {
-    --gradient-to-color: #76a9fa;
-  }
-
-  .sm\:to-blue-500 {
-    --gradient-to-color: #3f83f8;
-  }
-
-  .sm\:to-blue-600 {
-    --gradient-to-color: #1c64f2;
-  }
-
-  .sm\:to-blue-700 {
-    --gradient-to-color: #1a56db;
-  }
-
-  .sm\:to-blue-800 {
-    --gradient-to-color: #1e429f;
-  }
-
-  .sm\:to-blue-900 {
-    --gradient-to-color: #233876;
-  }
-
-  .sm\:to-indigo-50 {
-    --gradient-to-color: #f0f5ff;
-  }
-
-  .sm\:to-indigo-100 {
-    --gradient-to-color: #e5edff;
-  }
-
-  .sm\:to-indigo-200 {
-    --gradient-to-color: #cddbfe;
-  }
-
-  .sm\:to-indigo-300 {
-    --gradient-to-color: #b4c6fc;
-  }
-
-  .sm\:to-indigo-400 {
-    --gradient-to-color: #8da2fb;
-  }
-
-  .sm\:to-indigo-500 {
-    --gradient-to-color: #6875f5;
-  }
-
-  .sm\:to-indigo-600 {
-    --gradient-to-color: #5850ec;
-  }
-
-  .sm\:to-indigo-700 {
-    --gradient-to-color: #5145cd;
-  }
-
-  .sm\:to-indigo-800 {
-    --gradient-to-color: #42389d;
-  }
-
-  .sm\:to-indigo-900 {
-    --gradient-to-color: #362f78;
-  }
-
-  .sm\:to-purple-50 {
-    --gradient-to-color: #f6f5ff;
-  }
-
-  .sm\:to-purple-100 {
-    --gradient-to-color: #edebfe;
-  }
-
-  .sm\:to-purple-200 {
-    --gradient-to-color: #dcd7fe;
-  }
-
-  .sm\:to-purple-300 {
-    --gradient-to-color: #cabffd;
-  }
-
-  .sm\:to-purple-400 {
-    --gradient-to-color: #ac94fa;
-  }
-
-  .sm\:to-purple-500 {
-    --gradient-to-color: #9061f9;
-  }
-
-  .sm\:to-purple-600 {
-    --gradient-to-color: #7e3af2;
-  }
-
-  .sm\:to-purple-700 {
-    --gradient-to-color: #6c2bd9;
-  }
-
-  .sm\:to-purple-800 {
-    --gradient-to-color: #5521b5;
-  }
-
-  .sm\:to-purple-900 {
-    --gradient-to-color: #4a1d96;
-  }
-
-  .sm\:to-pink-50 {
-    --gradient-to-color: #fdf2f8;
-  }
-
-  .sm\:to-pink-100 {
-    --gradient-to-color: #fce8f3;
-  }
-
-  .sm\:to-pink-200 {
-    --gradient-to-color: #fad1e8;
-  }
-
-  .sm\:to-pink-300 {
-    --gradient-to-color: #f8b4d9;
-  }
-
-  .sm\:to-pink-400 {
-    --gradient-to-color: #f17eb8;
-  }
-
-  .sm\:to-pink-500 {
-    --gradient-to-color: #e74694;
-  }
-
-  .sm\:to-pink-600 {
-    --gradient-to-color: #d61f69;
-  }
-
-  .sm\:to-pink-700 {
-    --gradient-to-color: #bf125d;
-  }
-
-  .sm\:to-pink-800 {
-    --gradient-to-color: #99154b;
-  }
-
-  .sm\:to-pink-900 {
-    --gradient-to-color: #751a3d;
-  }
-
-  .sm\:to-cool-gray-50 {
-    --gradient-to-color: #f8fafc;
-  }
-
-  .sm\:to-cool-gray-100 {
-    --gradient-to-color: #f1f5f9;
-  }
-
-  .sm\:to-cool-gray-200 {
-    --gradient-to-color: #e2e8f0;
-  }
-
-  .sm\:to-cool-gray-300 {
-    --gradient-to-color: #cfd8e3;
-  }
-
-  .sm\:to-cool-gray-400 {
-    --gradient-to-color: #97a6ba;
-  }
-
-  .sm\:to-cool-gray-500 {
-    --gradient-to-color: #64748b;
-  }
-
-  .sm\:to-cool-gray-600 {
-    --gradient-to-color: #475569;
-  }
-
-  .sm\:to-cool-gray-700 {
-    --gradient-to-color: #364152;
-  }
-
-  .sm\:to-cool-gray-800 {
-    --gradient-to-color: #27303f;
-  }
-
-  .sm\:to-cool-gray-900 {
-    --gradient-to-color: #1a202e;
-  }
-
-  .sm\:hover\:from-current:hover {
-    --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:hover\:from-transparent:hover {
-    --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:hover\:from-white:hover {
-    --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:hover\:from-black:hover {
-    --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:hover\:from-gray-50:hover {
-    --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .sm\:hover\:from-gray-100:hover {
-    --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .sm\:hover\:from-gray-200:hover {
-    --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .sm\:hover\:from-gray-300:hover {
-    --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .sm\:hover\:from-gray-400:hover {
-    --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .sm\:hover\:from-gray-500:hover {
-    --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .sm\:hover\:from-gray-600:hover {
-    --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .sm\:hover\:from-gray-700:hover {
-    --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .sm\:hover\:from-gray-800:hover {
-    --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .sm\:hover\:from-gray-900:hover {
-    --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .sm\:hover\:from-red-50:hover {
-    --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .sm\:hover\:from-red-100:hover {
-    --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .sm\:hover\:from-red-200:hover {
-    --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .sm\:hover\:from-red-300:hover {
-    --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .sm\:hover\:from-red-400:hover {
-    --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .sm\:hover\:from-red-500:hover {
-    --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .sm\:hover\:from-red-600:hover {
-    --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .sm\:hover\:from-red-700:hover {
-    --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .sm\:hover\:from-red-800:hover {
-    --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .sm\:hover\:from-red-900:hover {
-    --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .sm\:hover\:from-orange-50:hover {
-    --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .sm\:hover\:from-orange-100:hover {
-    --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .sm\:hover\:from-orange-200:hover {
-    --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .sm\:hover\:from-orange-300:hover {
-    --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .sm\:hover\:from-orange-400:hover {
-    --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .sm\:hover\:from-orange-500:hover {
-    --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .sm\:hover\:from-orange-600:hover {
-    --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .sm\:hover\:from-orange-700:hover {
-    --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .sm\:hover\:from-orange-800:hover {
-    --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .sm\:hover\:from-orange-900:hover {
-    --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .sm\:hover\:from-yellow-50:hover {
-    --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .sm\:hover\:from-yellow-100:hover {
-    --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .sm\:hover\:from-yellow-200:hover {
-    --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .sm\:hover\:from-yellow-300:hover {
-    --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .sm\:hover\:from-yellow-400:hover {
-    --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .sm\:hover\:from-yellow-500:hover {
-    --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .sm\:hover\:from-yellow-600:hover {
-    --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .sm\:hover\:from-yellow-700:hover {
-    --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .sm\:hover\:from-yellow-800:hover {
-    --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .sm\:hover\:from-yellow-900:hover {
-    --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .sm\:hover\:from-green-50:hover {
-    --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .sm\:hover\:from-green-100:hover {
-    --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .sm\:hover\:from-green-200:hover {
-    --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .sm\:hover\:from-green-300:hover {
-    --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .sm\:hover\:from-green-400:hover {
-    --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .sm\:hover\:from-green-500:hover {
-    --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .sm\:hover\:from-green-600:hover {
-    --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .sm\:hover\:from-green-700:hover {
-    --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .sm\:hover\:from-green-800:hover {
-    --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .sm\:hover\:from-green-900:hover {
-    --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .sm\:hover\:from-teal-50:hover {
-    --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .sm\:hover\:from-teal-100:hover {
-    --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .sm\:hover\:from-teal-200:hover {
-    --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .sm\:hover\:from-teal-300:hover {
-    --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .sm\:hover\:from-teal-400:hover {
-    --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .sm\:hover\:from-teal-500:hover {
-    --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .sm\:hover\:from-teal-600:hover {
-    --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .sm\:hover\:from-teal-700:hover {
-    --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .sm\:hover\:from-teal-800:hover {
-    --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .sm\:hover\:from-teal-900:hover {
-    --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .sm\:hover\:from-blue-50:hover {
-    --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .sm\:hover\:from-blue-100:hover {
-    --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .sm\:hover\:from-blue-200:hover {
-    --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .sm\:hover\:from-blue-300:hover {
-    --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .sm\:hover\:from-blue-400:hover {
-    --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .sm\:hover\:from-blue-500:hover {
-    --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .sm\:hover\:from-blue-600:hover {
-    --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .sm\:hover\:from-blue-700:hover {
-    --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .sm\:hover\:from-blue-800:hover {
-    --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .sm\:hover\:from-blue-900:hover {
-    --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .sm\:hover\:from-indigo-50:hover {
-    --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .sm\:hover\:from-indigo-100:hover {
-    --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .sm\:hover\:from-indigo-200:hover {
-    --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .sm\:hover\:from-indigo-300:hover {
-    --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .sm\:hover\:from-indigo-400:hover {
-    --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .sm\:hover\:from-indigo-500:hover {
-    --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .sm\:hover\:from-indigo-600:hover {
-    --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .sm\:hover\:from-indigo-700:hover {
-    --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .sm\:hover\:from-indigo-800:hover {
-    --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .sm\:hover\:from-indigo-900:hover {
-    --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .sm\:hover\:from-purple-50:hover {
-    --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .sm\:hover\:from-purple-100:hover {
-    --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .sm\:hover\:from-purple-200:hover {
-    --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .sm\:hover\:from-purple-300:hover {
-    --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .sm\:hover\:from-purple-400:hover {
-    --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .sm\:hover\:from-purple-500:hover {
-    --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .sm\:hover\:from-purple-600:hover {
-    --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .sm\:hover\:from-purple-700:hover {
-    --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .sm\:hover\:from-purple-800:hover {
-    --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .sm\:hover\:from-purple-900:hover {
-    --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .sm\:hover\:from-pink-50:hover {
-    --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .sm\:hover\:from-pink-100:hover {
-    --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .sm\:hover\:from-pink-200:hover {
-    --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .sm\:hover\:from-pink-300:hover {
-    --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .sm\:hover\:from-pink-400:hover {
-    --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .sm\:hover\:from-pink-500:hover {
-    --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .sm\:hover\:from-pink-600:hover {
-    --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .sm\:hover\:from-pink-700:hover {
-    --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .sm\:hover\:from-pink-800:hover {
-    --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .sm\:hover\:from-pink-900:hover {
-    --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .sm\:hover\:from-cool-gray-50:hover {
-    --gradient-from-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .sm\:hover\:from-cool-gray-100:hover {
-    --gradient-from-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .sm\:hover\:from-cool-gray-200:hover {
-    --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .sm\:hover\:from-cool-gray-300:hover {
-    --gradient-from-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .sm\:hover\:from-cool-gray-400:hover {
-    --gradient-from-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .sm\:hover\:from-cool-gray-500:hover {
-    --gradient-from-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .sm\:hover\:from-cool-gray-600:hover {
-    --gradient-from-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .sm\:hover\:from-cool-gray-700:hover {
-    --gradient-from-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .sm\:hover\:from-cool-gray-800:hover {
-    --gradient-from-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .sm\:hover\:from-cool-gray-900:hover {
-    --gradient-from-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .sm\:hover\:via-current:hover {
-    --gradient-via-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:hover\:via-transparent:hover {
-    --gradient-via-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:hover\:via-white:hover {
-    --gradient-via-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:hover\:via-black:hover {
-    --gradient-via-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:hover\:via-gray-50:hover {
-    --gradient-via-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .sm\:hover\:via-gray-100:hover {
-    --gradient-via-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .sm\:hover\:via-gray-200:hover {
-    --gradient-via-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .sm\:hover\:via-gray-300:hover {
-    --gradient-via-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .sm\:hover\:via-gray-400:hover {
-    --gradient-via-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .sm\:hover\:via-gray-500:hover {
-    --gradient-via-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .sm\:hover\:via-gray-600:hover {
-    --gradient-via-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .sm\:hover\:via-gray-700:hover {
-    --gradient-via-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .sm\:hover\:via-gray-800:hover {
-    --gradient-via-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .sm\:hover\:via-gray-900:hover {
-    --gradient-via-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .sm\:hover\:via-red-50:hover {
-    --gradient-via-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .sm\:hover\:via-red-100:hover {
-    --gradient-via-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .sm\:hover\:via-red-200:hover {
-    --gradient-via-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .sm\:hover\:via-red-300:hover {
-    --gradient-via-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .sm\:hover\:via-red-400:hover {
-    --gradient-via-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .sm\:hover\:via-red-500:hover {
-    --gradient-via-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .sm\:hover\:via-red-600:hover {
-    --gradient-via-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .sm\:hover\:via-red-700:hover {
-    --gradient-via-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .sm\:hover\:via-red-800:hover {
-    --gradient-via-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .sm\:hover\:via-red-900:hover {
-    --gradient-via-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .sm\:hover\:via-orange-50:hover {
-    --gradient-via-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .sm\:hover\:via-orange-100:hover {
-    --gradient-via-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .sm\:hover\:via-orange-200:hover {
-    --gradient-via-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .sm\:hover\:via-orange-300:hover {
-    --gradient-via-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .sm\:hover\:via-orange-400:hover {
-    --gradient-via-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .sm\:hover\:via-orange-500:hover {
-    --gradient-via-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .sm\:hover\:via-orange-600:hover {
-    --gradient-via-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .sm\:hover\:via-orange-700:hover {
-    --gradient-via-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .sm\:hover\:via-orange-800:hover {
-    --gradient-via-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .sm\:hover\:via-orange-900:hover {
-    --gradient-via-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .sm\:hover\:via-yellow-50:hover {
-    --gradient-via-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .sm\:hover\:via-yellow-100:hover {
-    --gradient-via-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .sm\:hover\:via-yellow-200:hover {
-    --gradient-via-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .sm\:hover\:via-yellow-300:hover {
-    --gradient-via-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .sm\:hover\:via-yellow-400:hover {
-    --gradient-via-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .sm\:hover\:via-yellow-500:hover {
-    --gradient-via-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .sm\:hover\:via-yellow-600:hover {
-    --gradient-via-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .sm\:hover\:via-yellow-700:hover {
-    --gradient-via-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .sm\:hover\:via-yellow-800:hover {
-    --gradient-via-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .sm\:hover\:via-yellow-900:hover {
-    --gradient-via-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .sm\:hover\:via-green-50:hover {
-    --gradient-via-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .sm\:hover\:via-green-100:hover {
-    --gradient-via-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .sm\:hover\:via-green-200:hover {
-    --gradient-via-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .sm\:hover\:via-green-300:hover {
-    --gradient-via-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .sm\:hover\:via-green-400:hover {
-    --gradient-via-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .sm\:hover\:via-green-500:hover {
-    --gradient-via-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .sm\:hover\:via-green-600:hover {
-    --gradient-via-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .sm\:hover\:via-green-700:hover {
-    --gradient-via-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .sm\:hover\:via-green-800:hover {
-    --gradient-via-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .sm\:hover\:via-green-900:hover {
-    --gradient-via-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .sm\:hover\:via-teal-50:hover {
-    --gradient-via-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .sm\:hover\:via-teal-100:hover {
-    --gradient-via-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .sm\:hover\:via-teal-200:hover {
-    --gradient-via-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .sm\:hover\:via-teal-300:hover {
-    --gradient-via-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .sm\:hover\:via-teal-400:hover {
-    --gradient-via-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .sm\:hover\:via-teal-500:hover {
-    --gradient-via-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .sm\:hover\:via-teal-600:hover {
-    --gradient-via-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .sm\:hover\:via-teal-700:hover {
-    --gradient-via-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .sm\:hover\:via-teal-800:hover {
-    --gradient-via-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .sm\:hover\:via-teal-900:hover {
-    --gradient-via-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .sm\:hover\:via-blue-50:hover {
-    --gradient-via-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .sm\:hover\:via-blue-100:hover {
-    --gradient-via-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .sm\:hover\:via-blue-200:hover {
-    --gradient-via-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .sm\:hover\:via-blue-300:hover {
-    --gradient-via-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .sm\:hover\:via-blue-400:hover {
-    --gradient-via-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .sm\:hover\:via-blue-500:hover {
-    --gradient-via-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .sm\:hover\:via-blue-600:hover {
-    --gradient-via-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .sm\:hover\:via-blue-700:hover {
-    --gradient-via-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .sm\:hover\:via-blue-800:hover {
-    --gradient-via-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .sm\:hover\:via-blue-900:hover {
-    --gradient-via-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .sm\:hover\:via-indigo-50:hover {
-    --gradient-via-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .sm\:hover\:via-indigo-100:hover {
-    --gradient-via-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .sm\:hover\:via-indigo-200:hover {
-    --gradient-via-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .sm\:hover\:via-indigo-300:hover {
-    --gradient-via-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .sm\:hover\:via-indigo-400:hover {
-    --gradient-via-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .sm\:hover\:via-indigo-500:hover {
-    --gradient-via-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .sm\:hover\:via-indigo-600:hover {
-    --gradient-via-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .sm\:hover\:via-indigo-700:hover {
-    --gradient-via-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .sm\:hover\:via-indigo-800:hover {
-    --gradient-via-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .sm\:hover\:via-indigo-900:hover {
-    --gradient-via-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .sm\:hover\:via-purple-50:hover {
-    --gradient-via-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .sm\:hover\:via-purple-100:hover {
-    --gradient-via-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .sm\:hover\:via-purple-200:hover {
-    --gradient-via-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .sm\:hover\:via-purple-300:hover {
-    --gradient-via-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .sm\:hover\:via-purple-400:hover {
-    --gradient-via-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .sm\:hover\:via-purple-500:hover {
-    --gradient-via-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .sm\:hover\:via-purple-600:hover {
-    --gradient-via-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .sm\:hover\:via-purple-700:hover {
-    --gradient-via-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .sm\:hover\:via-purple-800:hover {
-    --gradient-via-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .sm\:hover\:via-purple-900:hover {
-    --gradient-via-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .sm\:hover\:via-pink-50:hover {
-    --gradient-via-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .sm\:hover\:via-pink-100:hover {
-    --gradient-via-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .sm\:hover\:via-pink-200:hover {
-    --gradient-via-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .sm\:hover\:via-pink-300:hover {
-    --gradient-via-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .sm\:hover\:via-pink-400:hover {
-    --gradient-via-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .sm\:hover\:via-pink-500:hover {
-    --gradient-via-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .sm\:hover\:via-pink-600:hover {
-    --gradient-via-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .sm\:hover\:via-pink-700:hover {
-    --gradient-via-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .sm\:hover\:via-pink-800:hover {
-    --gradient-via-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .sm\:hover\:via-pink-900:hover {
-    --gradient-via-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .sm\:hover\:via-cool-gray-50:hover {
-    --gradient-via-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .sm\:hover\:via-cool-gray-100:hover {
-    --gradient-via-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .sm\:hover\:via-cool-gray-200:hover {
-    --gradient-via-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .sm\:hover\:via-cool-gray-300:hover {
-    --gradient-via-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .sm\:hover\:via-cool-gray-400:hover {
-    --gradient-via-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .sm\:hover\:via-cool-gray-500:hover {
-    --gradient-via-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .sm\:hover\:via-cool-gray-600:hover {
-    --gradient-via-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .sm\:hover\:via-cool-gray-700:hover {
-    --gradient-via-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .sm\:hover\:via-cool-gray-800:hover {
-    --gradient-via-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .sm\:hover\:via-cool-gray-900:hover {
-    --gradient-via-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .sm\:hover\:to-current:hover {
-    --gradient-to-color: currentColor;
-  }
-
-  .sm\:hover\:to-transparent:hover {
-    --gradient-to-color: transparent;
-  }
-
-  .sm\:hover\:to-white:hover {
-    --gradient-to-color: #ffffff;
-  }
-
-  .sm\:hover\:to-black:hover {
-    --gradient-to-color: #000000;
-  }
-
-  .sm\:hover\:to-gray-50:hover {
-    --gradient-to-color: #f9fafb;
-  }
-
-  .sm\:hover\:to-gray-100:hover {
-    --gradient-to-color: #f4f5f7;
-  }
-
-  .sm\:hover\:to-gray-200:hover {
-    --gradient-to-color: #e5e7eb;
-  }
-
-  .sm\:hover\:to-gray-300:hover {
-    --gradient-to-color: #d2d6dc;
-  }
-
-  .sm\:hover\:to-gray-400:hover {
-    --gradient-to-color: #9fa6b2;
-  }
-
-  .sm\:hover\:to-gray-500:hover {
-    --gradient-to-color: #6b7280;
-  }
-
-  .sm\:hover\:to-gray-600:hover {
-    --gradient-to-color: #4b5563;
-  }
-
-  .sm\:hover\:to-gray-700:hover {
-    --gradient-to-color: #374151;
-  }
-
-  .sm\:hover\:to-gray-800:hover {
-    --gradient-to-color: #252f3f;
-  }
-
-  .sm\:hover\:to-gray-900:hover {
-    --gradient-to-color: #161e2e;
-  }
-
-  .sm\:hover\:to-red-50:hover {
-    --gradient-to-color: #fdf2f2;
-  }
-
-  .sm\:hover\:to-red-100:hover {
-    --gradient-to-color: #fde8e8;
-  }
-
-  .sm\:hover\:to-red-200:hover {
-    --gradient-to-color: #fbd5d5;
-  }
-
-  .sm\:hover\:to-red-300:hover {
-    --gradient-to-color: #f8b4b4;
-  }
-
-  .sm\:hover\:to-red-400:hover {
-    --gradient-to-color: #f98080;
-  }
-
-  .sm\:hover\:to-red-500:hover {
-    --gradient-to-color: #f05252;
-  }
-
-  .sm\:hover\:to-red-600:hover {
-    --gradient-to-color: #e02424;
-  }
-
-  .sm\:hover\:to-red-700:hover {
-    --gradient-to-color: #c81e1e;
-  }
-
-  .sm\:hover\:to-red-800:hover {
-    --gradient-to-color: #9b1c1c;
-  }
-
-  .sm\:hover\:to-red-900:hover {
-    --gradient-to-color: #771d1d;
-  }
-
-  .sm\:hover\:to-orange-50:hover {
-    --gradient-to-color: #fff8f1;
-  }
-
-  .sm\:hover\:to-orange-100:hover {
-    --gradient-to-color: #feecdc;
-  }
-
-  .sm\:hover\:to-orange-200:hover {
-    --gradient-to-color: #fcd9bd;
-  }
-
-  .sm\:hover\:to-orange-300:hover {
-    --gradient-to-color: #fdba8c;
-  }
-
-  .sm\:hover\:to-orange-400:hover {
-    --gradient-to-color: #ff8a4c;
-  }
-
-  .sm\:hover\:to-orange-500:hover {
-    --gradient-to-color: #ff5a1f;
-  }
-
-  .sm\:hover\:to-orange-600:hover {
-    --gradient-to-color: #d03801;
-  }
-
-  .sm\:hover\:to-orange-700:hover {
-    --gradient-to-color: #b43403;
-  }
-
-  .sm\:hover\:to-orange-800:hover {
-    --gradient-to-color: #8a2c0d;
-  }
-
-  .sm\:hover\:to-orange-900:hover {
-    --gradient-to-color: #73230d;
-  }
-
-  .sm\:hover\:to-yellow-50:hover {
-    --gradient-to-color: #fdfdea;
-  }
-
-  .sm\:hover\:to-yellow-100:hover {
-    --gradient-to-color: #fdf6b2;
-  }
-
-  .sm\:hover\:to-yellow-200:hover {
-    --gradient-to-color: #fce96a;
-  }
-
-  .sm\:hover\:to-yellow-300:hover {
-    --gradient-to-color: #faca15;
-  }
-
-  .sm\:hover\:to-yellow-400:hover {
-    --gradient-to-color: #e3a008;
-  }
-
-  .sm\:hover\:to-yellow-500:hover {
-    --gradient-to-color: #c27803;
-  }
-
-  .sm\:hover\:to-yellow-600:hover {
-    --gradient-to-color: #9f580a;
-  }
-
-  .sm\:hover\:to-yellow-700:hover {
-    --gradient-to-color: #8e4b10;
-  }
-
-  .sm\:hover\:to-yellow-800:hover {
-    --gradient-to-color: #723b13;
-  }
-
-  .sm\:hover\:to-yellow-900:hover {
-    --gradient-to-color: #633112;
-  }
-
-  .sm\:hover\:to-green-50:hover {
-    --gradient-to-color: #f3faf7;
-  }
-
-  .sm\:hover\:to-green-100:hover {
-    --gradient-to-color: #def7ec;
-  }
-
-  .sm\:hover\:to-green-200:hover {
-    --gradient-to-color: #bcf0da;
-  }
-
-  .sm\:hover\:to-green-300:hover {
-    --gradient-to-color: #84e1bc;
-  }
-
-  .sm\:hover\:to-green-400:hover {
-    --gradient-to-color: #31c48d;
-  }
-
-  .sm\:hover\:to-green-500:hover {
-    --gradient-to-color: #0e9f6e;
-  }
-
-  .sm\:hover\:to-green-600:hover {
-    --gradient-to-color: #057a55;
-  }
-
-  .sm\:hover\:to-green-700:hover {
-    --gradient-to-color: #046c4e;
-  }
-
-  .sm\:hover\:to-green-800:hover {
-    --gradient-to-color: #03543f;
-  }
-
-  .sm\:hover\:to-green-900:hover {
-    --gradient-to-color: #014737;
-  }
-
-  .sm\:hover\:to-teal-50:hover {
-    --gradient-to-color: #edfafa;
-  }
-
-  .sm\:hover\:to-teal-100:hover {
-    --gradient-to-color: #d5f5f6;
-  }
-
-  .sm\:hover\:to-teal-200:hover {
-    --gradient-to-color: #afecef;
-  }
-
-  .sm\:hover\:to-teal-300:hover {
-    --gradient-to-color: #7edce2;
-  }
-
-  .sm\:hover\:to-teal-400:hover {
-    --gradient-to-color: #16bdca;
-  }
-
-  .sm\:hover\:to-teal-500:hover {
-    --gradient-to-color: #0694a2;
-  }
-
-  .sm\:hover\:to-teal-600:hover {
-    --gradient-to-color: #047481;
-  }
-
-  .sm\:hover\:to-teal-700:hover {
-    --gradient-to-color: #036672;
-  }
-
-  .sm\:hover\:to-teal-800:hover {
-    --gradient-to-color: #05505c;
-  }
-
-  .sm\:hover\:to-teal-900:hover {
-    --gradient-to-color: #014451;
-  }
-
-  .sm\:hover\:to-blue-50:hover {
-    --gradient-to-color: #ebf5ff;
-  }
-
-  .sm\:hover\:to-blue-100:hover {
-    --gradient-to-color: #e1effe;
-  }
-
-  .sm\:hover\:to-blue-200:hover {
-    --gradient-to-color: #c3ddfd;
-  }
-
-  .sm\:hover\:to-blue-300:hover {
-    --gradient-to-color: #a4cafe;
-  }
-
-  .sm\:hover\:to-blue-400:hover {
-    --gradient-to-color: #76a9fa;
-  }
-
-  .sm\:hover\:to-blue-500:hover {
-    --gradient-to-color: #3f83f8;
-  }
-
-  .sm\:hover\:to-blue-600:hover {
-    --gradient-to-color: #1c64f2;
-  }
-
-  .sm\:hover\:to-blue-700:hover {
-    --gradient-to-color: #1a56db;
-  }
-
-  .sm\:hover\:to-blue-800:hover {
-    --gradient-to-color: #1e429f;
-  }
-
-  .sm\:hover\:to-blue-900:hover {
-    --gradient-to-color: #233876;
-  }
-
-  .sm\:hover\:to-indigo-50:hover {
-    --gradient-to-color: #f0f5ff;
-  }
-
-  .sm\:hover\:to-indigo-100:hover {
-    --gradient-to-color: #e5edff;
-  }
-
-  .sm\:hover\:to-indigo-200:hover {
-    --gradient-to-color: #cddbfe;
-  }
-
-  .sm\:hover\:to-indigo-300:hover {
-    --gradient-to-color: #b4c6fc;
-  }
-
-  .sm\:hover\:to-indigo-400:hover {
-    --gradient-to-color: #8da2fb;
-  }
-
-  .sm\:hover\:to-indigo-500:hover {
-    --gradient-to-color: #6875f5;
-  }
-
-  .sm\:hover\:to-indigo-600:hover {
-    --gradient-to-color: #5850ec;
-  }
-
-  .sm\:hover\:to-indigo-700:hover {
-    --gradient-to-color: #5145cd;
-  }
-
-  .sm\:hover\:to-indigo-800:hover {
-    --gradient-to-color: #42389d;
-  }
-
-  .sm\:hover\:to-indigo-900:hover {
-    --gradient-to-color: #362f78;
-  }
-
-  .sm\:hover\:to-purple-50:hover {
-    --gradient-to-color: #f6f5ff;
-  }
-
-  .sm\:hover\:to-purple-100:hover {
-    --gradient-to-color: #edebfe;
-  }
-
-  .sm\:hover\:to-purple-200:hover {
-    --gradient-to-color: #dcd7fe;
-  }
-
-  .sm\:hover\:to-purple-300:hover {
-    --gradient-to-color: #cabffd;
-  }
-
-  .sm\:hover\:to-purple-400:hover {
-    --gradient-to-color: #ac94fa;
-  }
-
-  .sm\:hover\:to-purple-500:hover {
-    --gradient-to-color: #9061f9;
-  }
-
-  .sm\:hover\:to-purple-600:hover {
-    --gradient-to-color: #7e3af2;
-  }
-
-  .sm\:hover\:to-purple-700:hover {
-    --gradient-to-color: #6c2bd9;
-  }
-
-  .sm\:hover\:to-purple-800:hover {
-    --gradient-to-color: #5521b5;
-  }
-
-  .sm\:hover\:to-purple-900:hover {
-    --gradient-to-color: #4a1d96;
-  }
-
-  .sm\:hover\:to-pink-50:hover {
-    --gradient-to-color: #fdf2f8;
-  }
-
-  .sm\:hover\:to-pink-100:hover {
-    --gradient-to-color: #fce8f3;
-  }
-
-  .sm\:hover\:to-pink-200:hover {
-    --gradient-to-color: #fad1e8;
-  }
-
-  .sm\:hover\:to-pink-300:hover {
-    --gradient-to-color: #f8b4d9;
-  }
-
-  .sm\:hover\:to-pink-400:hover {
-    --gradient-to-color: #f17eb8;
-  }
-
-  .sm\:hover\:to-pink-500:hover {
-    --gradient-to-color: #e74694;
-  }
-
-  .sm\:hover\:to-pink-600:hover {
-    --gradient-to-color: #d61f69;
-  }
-
-  .sm\:hover\:to-pink-700:hover {
-    --gradient-to-color: #bf125d;
-  }
-
-  .sm\:hover\:to-pink-800:hover {
-    --gradient-to-color: #99154b;
-  }
-
-  .sm\:hover\:to-pink-900:hover {
-    --gradient-to-color: #751a3d;
-  }
-
-  .sm\:hover\:to-cool-gray-50:hover {
-    --gradient-to-color: #f8fafc;
-  }
-
-  .sm\:hover\:to-cool-gray-100:hover {
-    --gradient-to-color: #f1f5f9;
-  }
-
-  .sm\:hover\:to-cool-gray-200:hover {
-    --gradient-to-color: #e2e8f0;
-  }
-
-  .sm\:hover\:to-cool-gray-300:hover {
-    --gradient-to-color: #cfd8e3;
-  }
-
-  .sm\:hover\:to-cool-gray-400:hover {
-    --gradient-to-color: #97a6ba;
-  }
-
-  .sm\:hover\:to-cool-gray-500:hover {
-    --gradient-to-color: #64748b;
-  }
-
-  .sm\:hover\:to-cool-gray-600:hover {
-    --gradient-to-color: #475569;
-  }
-
-  .sm\:hover\:to-cool-gray-700:hover {
-    --gradient-to-color: #364152;
-  }
-
-  .sm\:hover\:to-cool-gray-800:hover {
-    --gradient-to-color: #27303f;
-  }
-
-  .sm\:hover\:to-cool-gray-900:hover {
-    --gradient-to-color: #1a202e;
-  }
-
-  .sm\:focus\:from-current:focus {
-    --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:focus\:from-transparent:focus {
-    --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:focus\:from-white:focus {
-    --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:focus\:from-black:focus {
-    --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:focus\:from-gray-50:focus {
-    --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .sm\:focus\:from-gray-100:focus {
-    --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .sm\:focus\:from-gray-200:focus {
-    --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .sm\:focus\:from-gray-300:focus {
-    --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .sm\:focus\:from-gray-400:focus {
-    --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .sm\:focus\:from-gray-500:focus {
-    --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .sm\:focus\:from-gray-600:focus {
-    --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .sm\:focus\:from-gray-700:focus {
-    --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .sm\:focus\:from-gray-800:focus {
-    --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .sm\:focus\:from-gray-900:focus {
-    --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .sm\:focus\:from-red-50:focus {
-    --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .sm\:focus\:from-red-100:focus {
-    --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .sm\:focus\:from-red-200:focus {
-    --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .sm\:focus\:from-red-300:focus {
-    --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .sm\:focus\:from-red-400:focus {
-    --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .sm\:focus\:from-red-500:focus {
-    --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .sm\:focus\:from-red-600:focus {
-    --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .sm\:focus\:from-red-700:focus {
-    --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .sm\:focus\:from-red-800:focus {
-    --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .sm\:focus\:from-red-900:focus {
-    --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .sm\:focus\:from-orange-50:focus {
-    --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .sm\:focus\:from-orange-100:focus {
-    --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .sm\:focus\:from-orange-200:focus {
-    --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .sm\:focus\:from-orange-300:focus {
-    --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .sm\:focus\:from-orange-400:focus {
-    --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .sm\:focus\:from-orange-500:focus {
-    --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .sm\:focus\:from-orange-600:focus {
-    --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .sm\:focus\:from-orange-700:focus {
-    --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .sm\:focus\:from-orange-800:focus {
-    --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .sm\:focus\:from-orange-900:focus {
-    --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .sm\:focus\:from-yellow-50:focus {
-    --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .sm\:focus\:from-yellow-100:focus {
-    --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .sm\:focus\:from-yellow-200:focus {
-    --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .sm\:focus\:from-yellow-300:focus {
-    --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .sm\:focus\:from-yellow-400:focus {
-    --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .sm\:focus\:from-yellow-500:focus {
-    --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .sm\:focus\:from-yellow-600:focus {
-    --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .sm\:focus\:from-yellow-700:focus {
-    --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .sm\:focus\:from-yellow-800:focus {
-    --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .sm\:focus\:from-yellow-900:focus {
-    --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .sm\:focus\:from-green-50:focus {
-    --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .sm\:focus\:from-green-100:focus {
-    --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .sm\:focus\:from-green-200:focus {
-    --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .sm\:focus\:from-green-300:focus {
-    --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .sm\:focus\:from-green-400:focus {
-    --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .sm\:focus\:from-green-500:focus {
-    --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .sm\:focus\:from-green-600:focus {
-    --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .sm\:focus\:from-green-700:focus {
-    --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .sm\:focus\:from-green-800:focus {
-    --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .sm\:focus\:from-green-900:focus {
-    --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .sm\:focus\:from-teal-50:focus {
-    --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .sm\:focus\:from-teal-100:focus {
-    --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .sm\:focus\:from-teal-200:focus {
-    --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .sm\:focus\:from-teal-300:focus {
-    --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .sm\:focus\:from-teal-400:focus {
-    --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .sm\:focus\:from-teal-500:focus {
-    --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .sm\:focus\:from-teal-600:focus {
-    --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .sm\:focus\:from-teal-700:focus {
-    --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .sm\:focus\:from-teal-800:focus {
-    --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .sm\:focus\:from-teal-900:focus {
-    --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .sm\:focus\:from-blue-50:focus {
-    --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .sm\:focus\:from-blue-100:focus {
-    --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .sm\:focus\:from-blue-200:focus {
-    --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .sm\:focus\:from-blue-300:focus {
-    --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .sm\:focus\:from-blue-400:focus {
-    --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .sm\:focus\:from-blue-500:focus {
-    --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .sm\:focus\:from-blue-600:focus {
-    --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .sm\:focus\:from-blue-700:focus {
-    --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .sm\:focus\:from-blue-800:focus {
-    --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .sm\:focus\:from-blue-900:focus {
-    --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .sm\:focus\:from-indigo-50:focus {
-    --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .sm\:focus\:from-indigo-100:focus {
-    --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .sm\:focus\:from-indigo-200:focus {
-    --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .sm\:focus\:from-indigo-300:focus {
-    --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .sm\:focus\:from-indigo-400:focus {
-    --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .sm\:focus\:from-indigo-500:focus {
-    --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .sm\:focus\:from-indigo-600:focus {
-    --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .sm\:focus\:from-indigo-700:focus {
-    --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .sm\:focus\:from-indigo-800:focus {
-    --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .sm\:focus\:from-indigo-900:focus {
-    --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .sm\:focus\:from-purple-50:focus {
-    --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .sm\:focus\:from-purple-100:focus {
-    --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .sm\:focus\:from-purple-200:focus {
-    --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .sm\:focus\:from-purple-300:focus {
-    --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .sm\:focus\:from-purple-400:focus {
-    --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .sm\:focus\:from-purple-500:focus {
-    --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .sm\:focus\:from-purple-600:focus {
-    --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .sm\:focus\:from-purple-700:focus {
-    --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .sm\:focus\:from-purple-800:focus {
-    --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .sm\:focus\:from-purple-900:focus {
-    --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .sm\:focus\:from-pink-50:focus {
-    --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .sm\:focus\:from-pink-100:focus {
-    --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .sm\:focus\:from-pink-200:focus {
-    --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .sm\:focus\:from-pink-300:focus {
-    --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .sm\:focus\:from-pink-400:focus {
-    --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .sm\:focus\:from-pink-500:focus {
-    --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .sm\:focus\:from-pink-600:focus {
-    --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .sm\:focus\:from-pink-700:focus {
-    --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .sm\:focus\:from-pink-800:focus {
-    --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .sm\:focus\:from-pink-900:focus {
-    --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .sm\:focus\:from-cool-gray-50:focus {
-    --gradient-from-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .sm\:focus\:from-cool-gray-100:focus {
-    --gradient-from-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .sm\:focus\:from-cool-gray-200:focus {
-    --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .sm\:focus\:from-cool-gray-300:focus {
-    --gradient-from-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .sm\:focus\:from-cool-gray-400:focus {
-    --gradient-from-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .sm\:focus\:from-cool-gray-500:focus {
-    --gradient-from-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .sm\:focus\:from-cool-gray-600:focus {
-    --gradient-from-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .sm\:focus\:from-cool-gray-700:focus {
-    --gradient-from-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .sm\:focus\:from-cool-gray-800:focus {
-    --gradient-from-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .sm\:focus\:from-cool-gray-900:focus {
-    --gradient-from-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .sm\:focus\:via-current:focus {
-    --gradient-via-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:focus\:via-transparent:focus {
-    --gradient-via-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:focus\:via-white:focus {
-    --gradient-via-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .sm\:focus\:via-black:focus {
-    --gradient-via-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .sm\:focus\:via-gray-50:focus {
-    --gradient-via-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .sm\:focus\:via-gray-100:focus {
-    --gradient-via-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .sm\:focus\:via-gray-200:focus {
-    --gradient-via-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .sm\:focus\:via-gray-300:focus {
-    --gradient-via-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .sm\:focus\:via-gray-400:focus {
-    --gradient-via-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .sm\:focus\:via-gray-500:focus {
-    --gradient-via-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .sm\:focus\:via-gray-600:focus {
-    --gradient-via-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .sm\:focus\:via-gray-700:focus {
-    --gradient-via-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .sm\:focus\:via-gray-800:focus {
-    --gradient-via-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .sm\:focus\:via-gray-900:focus {
-    --gradient-via-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .sm\:focus\:via-red-50:focus {
-    --gradient-via-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .sm\:focus\:via-red-100:focus {
-    --gradient-via-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .sm\:focus\:via-red-200:focus {
-    --gradient-via-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .sm\:focus\:via-red-300:focus {
-    --gradient-via-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .sm\:focus\:via-red-400:focus {
-    --gradient-via-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .sm\:focus\:via-red-500:focus {
-    --gradient-via-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .sm\:focus\:via-red-600:focus {
-    --gradient-via-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .sm\:focus\:via-red-700:focus {
-    --gradient-via-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .sm\:focus\:via-red-800:focus {
-    --gradient-via-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .sm\:focus\:via-red-900:focus {
-    --gradient-via-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .sm\:focus\:via-orange-50:focus {
-    --gradient-via-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .sm\:focus\:via-orange-100:focus {
-    --gradient-via-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .sm\:focus\:via-orange-200:focus {
-    --gradient-via-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .sm\:focus\:via-orange-300:focus {
-    --gradient-via-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .sm\:focus\:via-orange-400:focus {
-    --gradient-via-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .sm\:focus\:via-orange-500:focus {
-    --gradient-via-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .sm\:focus\:via-orange-600:focus {
-    --gradient-via-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .sm\:focus\:via-orange-700:focus {
-    --gradient-via-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .sm\:focus\:via-orange-800:focus {
-    --gradient-via-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .sm\:focus\:via-orange-900:focus {
-    --gradient-via-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .sm\:focus\:via-yellow-50:focus {
-    --gradient-via-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .sm\:focus\:via-yellow-100:focus {
-    --gradient-via-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .sm\:focus\:via-yellow-200:focus {
-    --gradient-via-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .sm\:focus\:via-yellow-300:focus {
-    --gradient-via-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .sm\:focus\:via-yellow-400:focus {
-    --gradient-via-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .sm\:focus\:via-yellow-500:focus {
-    --gradient-via-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .sm\:focus\:via-yellow-600:focus {
-    --gradient-via-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .sm\:focus\:via-yellow-700:focus {
-    --gradient-via-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .sm\:focus\:via-yellow-800:focus {
-    --gradient-via-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .sm\:focus\:via-yellow-900:focus {
-    --gradient-via-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .sm\:focus\:via-green-50:focus {
-    --gradient-via-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .sm\:focus\:via-green-100:focus {
-    --gradient-via-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .sm\:focus\:via-green-200:focus {
-    --gradient-via-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .sm\:focus\:via-green-300:focus {
-    --gradient-via-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .sm\:focus\:via-green-400:focus {
-    --gradient-via-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .sm\:focus\:via-green-500:focus {
-    --gradient-via-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .sm\:focus\:via-green-600:focus {
-    --gradient-via-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .sm\:focus\:via-green-700:focus {
-    --gradient-via-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .sm\:focus\:via-green-800:focus {
-    --gradient-via-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .sm\:focus\:via-green-900:focus {
-    --gradient-via-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .sm\:focus\:via-teal-50:focus {
-    --gradient-via-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .sm\:focus\:via-teal-100:focus {
-    --gradient-via-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .sm\:focus\:via-teal-200:focus {
-    --gradient-via-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .sm\:focus\:via-teal-300:focus {
-    --gradient-via-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .sm\:focus\:via-teal-400:focus {
-    --gradient-via-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .sm\:focus\:via-teal-500:focus {
-    --gradient-via-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .sm\:focus\:via-teal-600:focus {
-    --gradient-via-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .sm\:focus\:via-teal-700:focus {
-    --gradient-via-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .sm\:focus\:via-teal-800:focus {
-    --gradient-via-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .sm\:focus\:via-teal-900:focus {
-    --gradient-via-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .sm\:focus\:via-blue-50:focus {
-    --gradient-via-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .sm\:focus\:via-blue-100:focus {
-    --gradient-via-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .sm\:focus\:via-blue-200:focus {
-    --gradient-via-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .sm\:focus\:via-blue-300:focus {
-    --gradient-via-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .sm\:focus\:via-blue-400:focus {
-    --gradient-via-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .sm\:focus\:via-blue-500:focus {
-    --gradient-via-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .sm\:focus\:via-blue-600:focus {
-    --gradient-via-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .sm\:focus\:via-blue-700:focus {
-    --gradient-via-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .sm\:focus\:via-blue-800:focus {
-    --gradient-via-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .sm\:focus\:via-blue-900:focus {
-    --gradient-via-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .sm\:focus\:via-indigo-50:focus {
-    --gradient-via-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .sm\:focus\:via-indigo-100:focus {
-    --gradient-via-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .sm\:focus\:via-indigo-200:focus {
-    --gradient-via-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .sm\:focus\:via-indigo-300:focus {
-    --gradient-via-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .sm\:focus\:via-indigo-400:focus {
-    --gradient-via-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .sm\:focus\:via-indigo-500:focus {
-    --gradient-via-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .sm\:focus\:via-indigo-600:focus {
-    --gradient-via-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .sm\:focus\:via-indigo-700:focus {
-    --gradient-via-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .sm\:focus\:via-indigo-800:focus {
-    --gradient-via-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .sm\:focus\:via-indigo-900:focus {
-    --gradient-via-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .sm\:focus\:via-purple-50:focus {
-    --gradient-via-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .sm\:focus\:via-purple-100:focus {
-    --gradient-via-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .sm\:focus\:via-purple-200:focus {
-    --gradient-via-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .sm\:focus\:via-purple-300:focus {
-    --gradient-via-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .sm\:focus\:via-purple-400:focus {
-    --gradient-via-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .sm\:focus\:via-purple-500:focus {
-    --gradient-via-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .sm\:focus\:via-purple-600:focus {
-    --gradient-via-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .sm\:focus\:via-purple-700:focus {
-    --gradient-via-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .sm\:focus\:via-purple-800:focus {
-    --gradient-via-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .sm\:focus\:via-purple-900:focus {
-    --gradient-via-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .sm\:focus\:via-pink-50:focus {
-    --gradient-via-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .sm\:focus\:via-pink-100:focus {
-    --gradient-via-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .sm\:focus\:via-pink-200:focus {
-    --gradient-via-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .sm\:focus\:via-pink-300:focus {
-    --gradient-via-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .sm\:focus\:via-pink-400:focus {
-    --gradient-via-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .sm\:focus\:via-pink-500:focus {
-    --gradient-via-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .sm\:focus\:via-pink-600:focus {
-    --gradient-via-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .sm\:focus\:via-pink-700:focus {
-    --gradient-via-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .sm\:focus\:via-pink-800:focus {
-    --gradient-via-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .sm\:focus\:via-pink-900:focus {
-    --gradient-via-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .sm\:focus\:via-cool-gray-50:focus {
-    --gradient-via-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .sm\:focus\:via-cool-gray-100:focus {
-    --gradient-via-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .sm\:focus\:via-cool-gray-200:focus {
-    --gradient-via-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .sm\:focus\:via-cool-gray-300:focus {
-    --gradient-via-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .sm\:focus\:via-cool-gray-400:focus {
-    --gradient-via-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .sm\:focus\:via-cool-gray-500:focus {
-    --gradient-via-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .sm\:focus\:via-cool-gray-600:focus {
-    --gradient-via-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .sm\:focus\:via-cool-gray-700:focus {
-    --gradient-via-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .sm\:focus\:via-cool-gray-800:focus {
-    --gradient-via-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .sm\:focus\:via-cool-gray-900:focus {
-    --gradient-via-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .sm\:focus\:to-current:focus {
-    --gradient-to-color: currentColor;
-  }
-
-  .sm\:focus\:to-transparent:focus {
-    --gradient-to-color: transparent;
-  }
-
-  .sm\:focus\:to-white:focus {
-    --gradient-to-color: #ffffff;
-  }
-
-  .sm\:focus\:to-black:focus {
-    --gradient-to-color: #000000;
-  }
-
-  .sm\:focus\:to-gray-50:focus {
-    --gradient-to-color: #f9fafb;
-  }
-
-  .sm\:focus\:to-gray-100:focus {
-    --gradient-to-color: #f4f5f7;
-  }
-
-  .sm\:focus\:to-gray-200:focus {
-    --gradient-to-color: #e5e7eb;
-  }
-
-  .sm\:focus\:to-gray-300:focus {
-    --gradient-to-color: #d2d6dc;
-  }
-
-  .sm\:focus\:to-gray-400:focus {
-    --gradient-to-color: #9fa6b2;
-  }
-
-  .sm\:focus\:to-gray-500:focus {
-    --gradient-to-color: #6b7280;
-  }
-
-  .sm\:focus\:to-gray-600:focus {
-    --gradient-to-color: #4b5563;
-  }
-
-  .sm\:focus\:to-gray-700:focus {
-    --gradient-to-color: #374151;
-  }
-
-  .sm\:focus\:to-gray-800:focus {
-    --gradient-to-color: #252f3f;
-  }
-
-  .sm\:focus\:to-gray-900:focus {
-    --gradient-to-color: #161e2e;
-  }
-
-  .sm\:focus\:to-red-50:focus {
-    --gradient-to-color: #fdf2f2;
-  }
-
-  .sm\:focus\:to-red-100:focus {
-    --gradient-to-color: #fde8e8;
-  }
-
-  .sm\:focus\:to-red-200:focus {
-    --gradient-to-color: #fbd5d5;
-  }
-
-  .sm\:focus\:to-red-300:focus {
-    --gradient-to-color: #f8b4b4;
-  }
-
-  .sm\:focus\:to-red-400:focus {
-    --gradient-to-color: #f98080;
-  }
-
-  .sm\:focus\:to-red-500:focus {
-    --gradient-to-color: #f05252;
-  }
-
-  .sm\:focus\:to-red-600:focus {
-    --gradient-to-color: #e02424;
-  }
-
-  .sm\:focus\:to-red-700:focus {
-    --gradient-to-color: #c81e1e;
-  }
-
-  .sm\:focus\:to-red-800:focus {
-    --gradient-to-color: #9b1c1c;
-  }
-
-  .sm\:focus\:to-red-900:focus {
-    --gradient-to-color: #771d1d;
-  }
-
-  .sm\:focus\:to-orange-50:focus {
-    --gradient-to-color: #fff8f1;
-  }
-
-  .sm\:focus\:to-orange-100:focus {
-    --gradient-to-color: #feecdc;
-  }
-
-  .sm\:focus\:to-orange-200:focus {
-    --gradient-to-color: #fcd9bd;
-  }
-
-  .sm\:focus\:to-orange-300:focus {
-    --gradient-to-color: #fdba8c;
-  }
-
-  .sm\:focus\:to-orange-400:focus {
-    --gradient-to-color: #ff8a4c;
-  }
-
-  .sm\:focus\:to-orange-500:focus {
-    --gradient-to-color: #ff5a1f;
-  }
-
-  .sm\:focus\:to-orange-600:focus {
-    --gradient-to-color: #d03801;
-  }
-
-  .sm\:focus\:to-orange-700:focus {
-    --gradient-to-color: #b43403;
-  }
-
-  .sm\:focus\:to-orange-800:focus {
-    --gradient-to-color: #8a2c0d;
-  }
-
-  .sm\:focus\:to-orange-900:focus {
-    --gradient-to-color: #73230d;
-  }
-
-  .sm\:focus\:to-yellow-50:focus {
-    --gradient-to-color: #fdfdea;
-  }
-
-  .sm\:focus\:to-yellow-100:focus {
-    --gradient-to-color: #fdf6b2;
-  }
-
-  .sm\:focus\:to-yellow-200:focus {
-    --gradient-to-color: #fce96a;
-  }
-
-  .sm\:focus\:to-yellow-300:focus {
-    --gradient-to-color: #faca15;
-  }
-
-  .sm\:focus\:to-yellow-400:focus {
-    --gradient-to-color: #e3a008;
-  }
-
-  .sm\:focus\:to-yellow-500:focus {
-    --gradient-to-color: #c27803;
-  }
-
-  .sm\:focus\:to-yellow-600:focus {
-    --gradient-to-color: #9f580a;
-  }
-
-  .sm\:focus\:to-yellow-700:focus {
-    --gradient-to-color: #8e4b10;
-  }
-
-  .sm\:focus\:to-yellow-800:focus {
-    --gradient-to-color: #723b13;
-  }
-
-  .sm\:focus\:to-yellow-900:focus {
-    --gradient-to-color: #633112;
-  }
-
-  .sm\:focus\:to-green-50:focus {
-    --gradient-to-color: #f3faf7;
-  }
-
-  .sm\:focus\:to-green-100:focus {
-    --gradient-to-color: #def7ec;
-  }
-
-  .sm\:focus\:to-green-200:focus {
-    --gradient-to-color: #bcf0da;
-  }
-
-  .sm\:focus\:to-green-300:focus {
-    --gradient-to-color: #84e1bc;
-  }
-
-  .sm\:focus\:to-green-400:focus {
-    --gradient-to-color: #31c48d;
-  }
-
-  .sm\:focus\:to-green-500:focus {
-    --gradient-to-color: #0e9f6e;
-  }
-
-  .sm\:focus\:to-green-600:focus {
-    --gradient-to-color: #057a55;
-  }
-
-  .sm\:focus\:to-green-700:focus {
-    --gradient-to-color: #046c4e;
-  }
-
-  .sm\:focus\:to-green-800:focus {
-    --gradient-to-color: #03543f;
-  }
-
-  .sm\:focus\:to-green-900:focus {
-    --gradient-to-color: #014737;
-  }
-
-  .sm\:focus\:to-teal-50:focus {
-    --gradient-to-color: #edfafa;
-  }
-
-  .sm\:focus\:to-teal-100:focus {
-    --gradient-to-color: #d5f5f6;
-  }
-
-  .sm\:focus\:to-teal-200:focus {
-    --gradient-to-color: #afecef;
-  }
-
-  .sm\:focus\:to-teal-300:focus {
-    --gradient-to-color: #7edce2;
-  }
-
-  .sm\:focus\:to-teal-400:focus {
-    --gradient-to-color: #16bdca;
-  }
-
-  .sm\:focus\:to-teal-500:focus {
-    --gradient-to-color: #0694a2;
-  }
-
-  .sm\:focus\:to-teal-600:focus {
-    --gradient-to-color: #047481;
-  }
-
-  .sm\:focus\:to-teal-700:focus {
-    --gradient-to-color: #036672;
-  }
-
-  .sm\:focus\:to-teal-800:focus {
-    --gradient-to-color: #05505c;
-  }
-
-  .sm\:focus\:to-teal-900:focus {
-    --gradient-to-color: #014451;
-  }
-
-  .sm\:focus\:to-blue-50:focus {
-    --gradient-to-color: #ebf5ff;
-  }
-
-  .sm\:focus\:to-blue-100:focus {
-    --gradient-to-color: #e1effe;
-  }
-
-  .sm\:focus\:to-blue-200:focus {
-    --gradient-to-color: #c3ddfd;
-  }
-
-  .sm\:focus\:to-blue-300:focus {
-    --gradient-to-color: #a4cafe;
-  }
-
-  .sm\:focus\:to-blue-400:focus {
-    --gradient-to-color: #76a9fa;
-  }
-
-  .sm\:focus\:to-blue-500:focus {
-    --gradient-to-color: #3f83f8;
-  }
-
-  .sm\:focus\:to-blue-600:focus {
-    --gradient-to-color: #1c64f2;
-  }
-
-  .sm\:focus\:to-blue-700:focus {
-    --gradient-to-color: #1a56db;
-  }
-
-  .sm\:focus\:to-blue-800:focus {
-    --gradient-to-color: #1e429f;
-  }
-
-  .sm\:focus\:to-blue-900:focus {
-    --gradient-to-color: #233876;
-  }
-
-  .sm\:focus\:to-indigo-50:focus {
-    --gradient-to-color: #f0f5ff;
-  }
-
-  .sm\:focus\:to-indigo-100:focus {
-    --gradient-to-color: #e5edff;
-  }
-
-  .sm\:focus\:to-indigo-200:focus {
-    --gradient-to-color: #cddbfe;
-  }
-
-  .sm\:focus\:to-indigo-300:focus {
-    --gradient-to-color: #b4c6fc;
-  }
-
-  .sm\:focus\:to-indigo-400:focus {
-    --gradient-to-color: #8da2fb;
-  }
-
-  .sm\:focus\:to-indigo-500:focus {
-    --gradient-to-color: #6875f5;
-  }
-
-  .sm\:focus\:to-indigo-600:focus {
-    --gradient-to-color: #5850ec;
-  }
-
-  .sm\:focus\:to-indigo-700:focus {
-    --gradient-to-color: #5145cd;
-  }
-
-  .sm\:focus\:to-indigo-800:focus {
-    --gradient-to-color: #42389d;
-  }
-
-  .sm\:focus\:to-indigo-900:focus {
-    --gradient-to-color: #362f78;
-  }
-
-  .sm\:focus\:to-purple-50:focus {
-    --gradient-to-color: #f6f5ff;
-  }
-
-  .sm\:focus\:to-purple-100:focus {
-    --gradient-to-color: #edebfe;
-  }
-
-  .sm\:focus\:to-purple-200:focus {
-    --gradient-to-color: #dcd7fe;
-  }
-
-  .sm\:focus\:to-purple-300:focus {
-    --gradient-to-color: #cabffd;
-  }
-
-  .sm\:focus\:to-purple-400:focus {
-    --gradient-to-color: #ac94fa;
-  }
-
-  .sm\:focus\:to-purple-500:focus {
-    --gradient-to-color: #9061f9;
-  }
-
-  .sm\:focus\:to-purple-600:focus {
-    --gradient-to-color: #7e3af2;
-  }
-
-  .sm\:focus\:to-purple-700:focus {
-    --gradient-to-color: #6c2bd9;
-  }
-
-  .sm\:focus\:to-purple-800:focus {
-    --gradient-to-color: #5521b5;
-  }
-
-  .sm\:focus\:to-purple-900:focus {
-    --gradient-to-color: #4a1d96;
-  }
-
-  .sm\:focus\:to-pink-50:focus {
-    --gradient-to-color: #fdf2f8;
-  }
-
-  .sm\:focus\:to-pink-100:focus {
-    --gradient-to-color: #fce8f3;
-  }
-
-  .sm\:focus\:to-pink-200:focus {
-    --gradient-to-color: #fad1e8;
-  }
-
-  .sm\:focus\:to-pink-300:focus {
-    --gradient-to-color: #f8b4d9;
-  }
-
-  .sm\:focus\:to-pink-400:focus {
-    --gradient-to-color: #f17eb8;
-  }
-
-  .sm\:focus\:to-pink-500:focus {
-    --gradient-to-color: #e74694;
-  }
-
-  .sm\:focus\:to-pink-600:focus {
-    --gradient-to-color: #d61f69;
-  }
-
-  .sm\:focus\:to-pink-700:focus {
-    --gradient-to-color: #bf125d;
-  }
-
-  .sm\:focus\:to-pink-800:focus {
-    --gradient-to-color: #99154b;
-  }
-
-  .sm\:focus\:to-pink-900:focus {
-    --gradient-to-color: #751a3d;
-  }
-
-  .sm\:focus\:to-cool-gray-50:focus {
-    --gradient-to-color: #f8fafc;
-  }
-
-  .sm\:focus\:to-cool-gray-100:focus {
-    --gradient-to-color: #f1f5f9;
-  }
-
-  .sm\:focus\:to-cool-gray-200:focus {
-    --gradient-to-color: #e2e8f0;
-  }
-
-  .sm\:focus\:to-cool-gray-300:focus {
-    --gradient-to-color: #cfd8e3;
-  }
-
-  .sm\:focus\:to-cool-gray-400:focus {
-    --gradient-to-color: #97a6ba;
-  }
-
-  .sm\:focus\:to-cool-gray-500:focus {
-    --gradient-to-color: #64748b;
-  }
-
-  .sm\:focus\:to-cool-gray-600:focus {
-    --gradient-to-color: #475569;
-  }
-
-  .sm\:focus\:to-cool-gray-700:focus {
-    --gradient-to-color: #364152;
-  }
-
-  .sm\:focus\:to-cool-gray-800:focus {
-    --gradient-to-color: #27303f;
-  }
-
-  .sm\:focus\:to-cool-gray-900:focus {
-    --gradient-to-color: #1a202e;
-  }
-
-  .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-current {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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));
-  }
-
-  .sm\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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));
-  }
-
-  .group:hover .sm\:group-hover\:border-current {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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:hover .sm\:group-hover\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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:focus .sm\:group-focus\:border-current {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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));
-  }
-
-  .group:focus .sm\:group-focus\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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));
-  }
-
-  .sm\:hover\:border-current:hover {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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\:hover\:border-cool-gray-50:hover {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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\:focus-within\:border-current:focus-within {
-    border-color: currentColor;
-  }
-
-  .sm\:focus-within\:border-transparent:focus-within {
-    border-color: transparent;
-  }
-
-  .sm\:focus-within\:border-white:focus-within {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-black:focus-within {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-100:focus-within {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-200:focus-within {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-300:focus-within {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-400:focus-within {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-500:focus-within {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-600:focus-within {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-700:focus-within {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-800:focus-within {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-gray-900:focus-within {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-50:focus-within {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-100:focus-within {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-200:focus-within {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-300:focus-within {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-400:focus-within {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-500:focus-within {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-600:focus-within {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-700:focus-within {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-800:focus-within {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-red-900:focus-within {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-orange-50:focus-within {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-orange-100:focus-within {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-orange-200:focus-within {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-orange-300:focus-within {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-orange-400:focus-within {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-orange-500:focus-within {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-orange-600:focus-within {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-orange-700:focus-within {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-orange-800:focus-within {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-orange-900:focus-within {
-    --border-opacity: 1;
-    border-color: #73230d;
-    border-color: rgba(115, 35, 13, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-50:focus-within {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-100:focus-within {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-200:focus-within {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-300:focus-within {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-400:focus-within {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-500:focus-within {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-600:focus-within {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-700:focus-within {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-800:focus-within {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-yellow-900:focus-within {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-100:focus-within {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-200:focus-within {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-300:focus-within {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-400:focus-within {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-500:focus-within {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-600:focus-within {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-700:focus-within {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-800:focus-within {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-green-900:focus-within {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-teal-50:focus-within {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-teal-100:focus-within {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-teal-200:focus-within {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-teal-300:focus-within {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-teal-400:focus-within {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-teal-500:focus-within {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-teal-600:focus-within {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-teal-700:focus-within {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-teal-800:focus-within {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-teal-900:focus-within {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-50:focus-within {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-100:focus-within {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-200:focus-within {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-300:focus-within {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-400:focus-within {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-500:focus-within {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-600:focus-within {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-700:focus-within {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-800:focus-within {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-blue-900:focus-within {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-100:focus-within {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-200:focus-within {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-300:focus-within {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-400:focus-within {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-500:focus-within {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-600:focus-within {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-700:focus-within {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-800:focus-within {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-indigo-900:focus-within {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-purple-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-purple-100:focus-within {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-purple-200:focus-within {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-purple-300:focus-within {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-purple-400:focus-within {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-purple-500:focus-within {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-purple-600:focus-within {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-purple-700:focus-within {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-purple-800:focus-within {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-purple-900:focus-within {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-pink-50:focus-within {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-pink-100:focus-within {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-pink-200:focus-within {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-pink-300:focus-within {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-pink-400:focus-within {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-pink-500:focus-within {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-pink-600:focus-within {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-pink-700:focus-within {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-pink-800:focus-within {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-pink-900:focus-within {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-cool-gray-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-cool-gray-100:focus-within {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-cool-gray-200:focus-within {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-cool-gray-300:focus-within {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-cool-gray-400:focus-within {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-cool-gray-500:focus-within {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-cool-gray-600:focus-within {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-cool-gray-700:focus-within {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-cool-gray-800:focus-within {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .sm\:focus-within\:border-cool-gray-900:focus-within {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-current:focus {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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\:focus\:border-cool-gray-50:focus {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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\: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-xl {
-    border-radius: 0.75rem;
-  }
-
-  .sm\:rounded-2xl {
-    border-radius: 1rem;
-  }
-
-  .sm\:rounded-3xl {
-    border-radius: 1.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-xl {
-    border-top-left-radius: 0.75rem;
-    border-top-right-radius: 0.75rem;
-  }
-
-  .sm\:rounded-r-xl {
-    border-top-right-radius: 0.75rem;
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .sm\:rounded-b-xl {
-    border-bottom-right-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .sm\:rounded-l-xl {
-    border-top-left-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .sm\:rounded-t-2xl {
-    border-top-left-radius: 1rem;
-    border-top-right-radius: 1rem;
-  }
-
-  .sm\:rounded-r-2xl {
-    border-top-right-radius: 1rem;
-    border-bottom-right-radius: 1rem;
-  }
-
-  .sm\:rounded-b-2xl {
-    border-bottom-right-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .sm\:rounded-l-2xl {
-    border-top-left-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .sm\:rounded-t-3xl {
-    border-top-left-radius: 1.5rem;
-    border-top-right-radius: 1.5rem;
-  }
-
-  .sm\:rounded-r-3xl {
-    border-top-right-radius: 1.5rem;
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .sm\:rounded-b-3xl {
-    border-bottom-right-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .sm\:rounded-l-3xl {
-    border-top-left-radius: 1.5rem;
-    border-bottom-left-radius: 1.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-xl {
-    border-top-left-radius: 0.75rem;
-  }
-
-  .sm\:rounded-tr-xl {
-    border-top-right-radius: 0.75rem;
-  }
-
-  .sm\:rounded-br-xl {
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .sm\:rounded-bl-xl {
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .sm\:rounded-tl-2xl {
-    border-top-left-radius: 1rem;
-  }
-
-  .sm\:rounded-tr-2xl {
-    border-top-right-radius: 1rem;
-  }
-
-  .sm\:rounded-br-2xl {
-    border-bottom-right-radius: 1rem;
-  }
-
-  .sm\:rounded-bl-2xl {
-    border-bottom-left-radius: 1rem;
-  }
-
-  .sm\:rounded-tl-3xl {
-    border-top-left-radius: 1.5rem;
-  }
-
-  .sm\:rounded-tr-3xl {
-    border-top-right-radius: 1.5rem;
-  }
-
-  .sm\:rounded-br-3xl {
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .sm\:rounded-bl-3xl {
-    border-bottom-left-radius: 1.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\:contents {
-    display: contents;
-  }
-
-  .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\:place-items-auto {
-    place-items: auto;
-  }
-
-  .sm\:place-items-start {
-    place-items: start;
-  }
-
-  .sm\:place-items-end {
-    place-items: end;
-  }
-
-  .sm\:place-items-center {
-    place-items: center;
-  }
-
-  .sm\:place-items-stretch {
-    place-items: stretch;
-  }
-
-  .sm\:place-content-center {
-    place-content: center;
-  }
-
-  .sm\:place-content-start {
-    place-content: start;
-  }
-
-  .sm\:place-content-end {
-    place-content: end;
-  }
-
-  .sm\:place-content-between {
-    place-content: space-between;
-  }
-
-  .sm\:place-content-around {
-    place-content: space-around;
-  }
-
-  .sm\:place-content-evenly {
-    place-content: space-evenly;
-  }
-
-  .sm\:place-content-stretch {
-    place-content: stretch;
-  }
-
-  .sm\:place-self-auto {
-    place-self: auto;
-  }
-
-  .sm\:place-self-start {
-    place-self: start;
-  }
-
-  .sm\:place-self-end {
-    place-self: end;
-  }
-
-  .sm\:place-self-center {
-    place-self: center;
-  }
-
-  .sm\:place-self-stretch {
-    place-self: stretch;
-  }
-
-  .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\: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\:content-evenly {
-    align-content: space-evenly;
-  }
-
-  .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-items-auto {
-    justify-items: auto;
-  }
-
-  .sm\:justify-items-start {
-    justify-items: start;
-  }
-
-  .sm\:justify-items-end {
-    justify-items: end;
-  }
-
-  .sm\:justify-items-center {
-    justify-items: center;
-  }
-
-  .sm\:justify-items-stretch {
-    justify-items: 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\:justify-self-auto {
-    justify-self: auto;
-  }
-
-  .sm\:justify-self-start {
-    justify-self: start;
-  }
-
-  .sm\:justify-self-end {
-    justify-self: end;
-  }
-
-  .sm\:justify-self-center {
-    justify-self: center;
-  }
-
-  .sm\:justify-self-stretch {
-    justify-self: stretch;
-  }
-
-  .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-44 {
-    height: 11rem;
-  }
-
-  .sm\:h-48 {
-    height: 12rem;
-  }
-
-  .sm\:h-52 {
-    height: 13rem;
-  }
-
-  .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-44 {
-    margin: 11rem;
-  }
-
-  .sm\:m-48 {
-    margin: 12rem;
-  }
-
-  .sm\:m-52 {
-    margin: 13rem;
-  }
-
-  .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-44 {
-    margin: -11rem;
-  }
-
-  .sm\:-m-48 {
-    margin: -12rem;
-  }
-
-  .sm\:-m-52 {
-    margin: -13rem;
-  }
-
-  .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-44 {
-    margin-top: 11rem;
-    margin-bottom: 11rem;
-  }
-
-  .sm\:mx-44 {
-    margin-left: 11rem;
-    margin-right: 11rem;
-  }
-
-  .sm\:my-48 {
-    margin-top: 12rem;
-    margin-bottom: 12rem;
-  }
-
-  .sm\:mx-48 {
-    margin-left: 12rem;
-    margin-right: 12rem;
-  }
-
-  .sm\:my-52 {
-    margin-top: 13rem;
-    margin-bottom: 13rem;
-  }
-
-  .sm\:mx-52 {
-    margin-left: 13rem;
-    margin-right: 13rem;
-  }
-
-  .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-44 {
-    margin-top: -11rem;
-    margin-bottom: -11rem;
-  }
-
-  .sm\:-mx-44 {
-    margin-left: -11rem;
-    margin-right: -11rem;
-  }
-
-  .sm\:-my-48 {
-    margin-top: -12rem;
-    margin-bottom: -12rem;
-  }
-
-  .sm\:-mx-48 {
-    margin-left: -12rem;
-    margin-right: -12rem;
-  }
-
-  .sm\:-my-52 {
-    margin-top: -13rem;
-    margin-bottom: -13rem;
-  }
-
-  .sm\:-mx-52 {
-    margin-left: -13rem;
-    margin-right: -13rem;
-  }
-
-  .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-44 {
-    margin-top: 11rem;
-  }
-
-  .sm\:mr-44 {
-    margin-right: 11rem;
-  }
-
-  .sm\:mb-44 {
-    margin-bottom: 11rem;
-  }
-
-  .sm\:ml-44 {
-    margin-left: 11rem;
-  }
-
-  .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-52 {
-    margin-top: 13rem;
-  }
-
-  .sm\:mr-52 {
-    margin-right: 13rem;
-  }
-
-  .sm\:mb-52 {
-    margin-bottom: 13rem;
-  }
-
-  .sm\:ml-52 {
-    margin-left: 13rem;
-  }
-
-  .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-44 {
-    margin-top: -11rem;
-  }
-
-  .sm\:-mr-44 {
-    margin-right: -11rem;
-  }
-
-  .sm\:-mb-44 {
-    margin-bottom: -11rem;
-  }
-
-  .sm\:-ml-44 {
-    margin-left: -11rem;
-  }
-
-  .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-52 {
-    margin-top: -13rem;
-  }
-
-  .sm\:-mr-52 {
-    margin-right: -13rem;
-  }
-
-  .sm\:-mb-52 {
-    margin-bottom: -13rem;
-  }
-
-  .sm\:-ml-52 {
-    margin-left: -13rem;
-  }
-
-  .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-44 {
-    max-height: 11rem;
-  }
-
-  .sm\:max-h-48 {
-    max-height: 12rem;
-  }
-
-  .sm\:max-h-52 {
-    max-height: 13rem;
-  }
-
-  .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-0 {
-    max-width: 0rem;
-  }
-
-  .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-min-content {
-    max-width: -webkit-min-content;
-    max-width: -moz-min-content;
-    max-width: min-content;
-  }
-
-  .sm\:max-w-max-content {
-    max-width: -webkit-max-content;
-    max-width: -moz-max-content;
-    max-width: max-content;
-  }
-
-  .sm\:max-w-prose {
-    max-width: 65ch;
-  }
-
-  .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\:min-w-min-content {
-    min-width: -webkit-min-content;
-    min-width: -moz-min-content;
-    min-width: min-content;
-  }
-
-  .sm\:min-w-max-content {
-    min-width: -webkit-max-content;
-    min-width: -moz-max-content;
-    min-width: max-content;
-  }
-
-  .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\:focus-within\:opacity-0:focus-within {
-    opacity: 0;
-  }
-
-  .sm\:focus-within\:opacity-25:focus-within {
-    opacity: 0.25;
-  }
-
-  .sm\:focus-within\:opacity-50:focus-within {
-    opacity: 0.5;
-  }
-
-  .sm\:focus-within\:opacity-75:focus-within {
-    opacity: 0.75;
-  }
-
-  .sm\:focus-within\:opacity-100:focus-within {
-    opacity: 1;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-0 {
-    opacity: 0;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .group:hover .sm\:group-hover\:opacity-100 {
-    opacity: 1;
-  }
-
-  .group:focus .sm\:group-focus\:opacity-0 {
-    opacity: 0;
-  }
-
-  .group:focus .sm\:group-focus\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .group:focus .sm\:group-focus\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .group:focus .sm\:group-focus\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .group:focus .sm\:group-focus\: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: 2px solid transparent;
-    outline-offset: 2px;
-  }
-
-  .sm\:outline-white {
-    outline: 2px dotted white;
-    outline-offset: 2px;
-  }
-
-  .sm\:outline-black {
-    outline: 2px dotted black;
-    outline-offset: 2px;
-  }
-
-  .sm\:focus\:outline-none:focus {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-  }
-
-  .sm\:focus\:outline-white:focus {
-    outline: 2px dotted white;
-    outline-offset: 2px;
-  }
-
-  .sm\:focus\:outline-black:focus {
-    outline: 2px dotted black;
-    outline-offset: 2px;
-  }
-
-  .sm\:overflow-auto {
-    overflow: auto;
-  }
-
-  .sm\:overflow-hidden {
-    overflow: hidden;
-  }
-
-  .sm\:overflow-visible {
-    overflow: visible;
-  }
-
-  .sm\:overflow-scroll {
-    overflow: scroll;
-  }
-
-  .sm\:overflow-x-auto {
-    overflow-x: auto;
-  }
-
-  .sm\:overflow-y-auto {
-    overflow-y: auto;
-  }
-
-  .sm\:overflow-x-hidden {
-    overflow-x: hidden;
-  }
-
-  .sm\:overflow-y-hidden {
-    overflow-y: hidden;
-  }
-
-  .sm\:overflow-x-visible {
-    overflow-x: visible;
-  }
-
-  .sm\:overflow-y-visible {
-    overflow-y: visible;
-  }
-
-  .sm\:overflow-x-scroll {
-    overflow-x: scroll;
-  }
-
-  .sm\:overflow-y-scroll {
-    overflow-y: scroll;
-  }
-
-  .sm\:scrolling-touch {
-    -webkit-overflow-scrolling: touch;
-  }
-
-  .sm\:scrolling-auto {
-    -webkit-overflow-scrolling: auto;
-  }
-
-  .sm\:overscroll-auto {
-    -ms-scroll-chaining: chained;
-        overscroll-behavior: auto;
-  }
-
-  .sm\:overscroll-contain {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: contain;
-  }
-
-  .sm\:overscroll-none {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: none;
-  }
-
-  .sm\:overscroll-y-auto {
-    overscroll-behavior-y: auto;
-  }
-
-  .sm\:overscroll-y-contain {
-    overscroll-behavior-y: contain;
-  }
-
-  .sm\:overscroll-y-none {
-    overscroll-behavior-y: none;
-  }
-
-  .sm\:overscroll-x-auto {
-    overscroll-behavior-x: auto;
-  }
-
-  .sm\:overscroll-x-contain {
-    overscroll-behavior-x: contain;
-  }
-
-  .sm\:overscroll-x-none {
-    overscroll-behavior-x: none;
-  }
-
-  .sm\:p-0 {
-    padding: 0;
-  }
-
-  .sm\:p-1 {
-    padding: 0.25rem;
-  }
-
-  .sm\:p-2 {
-    padding: 0.5rem;
-  }
-
-  .sm\:p-3 {
-    padding: 0.75rem;
-  }
-
-  .sm\:p-4 {
-    padding: 1rem;
-  }
-
-  .sm\:p-5 {
-    padding: 1.25rem;
-  }
-
-  .sm\:p-6 {
-    padding: 1.5rem;
-  }
-
-  .sm\:p-7 {
-    padding: 1.75rem;
-  }
-
-  .sm\:p-8 {
-    padding: 2rem;
-  }
-
-  .sm\:p-9 {
-    padding: 2.25rem;
-  }
-
-  .sm\:p-10 {
-    padding: 2.5rem;
-  }
-
-  .sm\:p-11 {
-    padding: 2.75rem;
-  }
-
-  .sm\:p-12 {
-    padding: 3rem;
-  }
-
-  .sm\:p-13 {
-    padding: 3.25rem;
-  }
-
-  .sm\:p-14 {
-    padding: 3.5rem;
-  }
-
-  .sm\:p-15 {
-    padding: 3.75rem;
-  }
-
-  .sm\:p-16 {
-    padding: 4rem;
-  }
-
-  .sm\:p-20 {
-    padding: 5rem;
-  }
-
-  .sm\:p-24 {
-    padding: 6rem;
-  }
-
-  .sm\:p-28 {
-    padding: 7rem;
-  }
-
-  .sm\:p-32 {
-    padding: 8rem;
-  }
-
-  .sm\:p-36 {
-    padding: 9rem;
-  }
-
-  .sm\:p-40 {
-    padding: 10rem;
-  }
-
-  .sm\:p-44 {
-    padding: 11rem;
-  }
-
-  .sm\:p-48 {
-    padding: 12rem;
-  }
-
-  .sm\:p-52 {
-    padding: 13rem;
-  }
-
-  .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-44 {
-    padding-top: 11rem;
-    padding-bottom: 11rem;
-  }
-
-  .sm\:px-44 {
-    padding-left: 11rem;
-    padding-right: 11rem;
-  }
-
-  .sm\:py-48 {
-    padding-top: 12rem;
-    padding-bottom: 12rem;
-  }
-
-  .sm\:px-48 {
-    padding-left: 12rem;
-    padding-right: 12rem;
-  }
-
-  .sm\:py-52 {
-    padding-top: 13rem;
-    padding-bottom: 13rem;
-  }
-
-  .sm\:px-52 {
-    padding-left: 13rem;
-    padding-right: 13rem;
-  }
-
-  .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-44 {
-    padding-top: 11rem;
-  }
-
-  .sm\:pr-44 {
-    padding-right: 11rem;
-  }
-
-  .sm\:pb-44 {
-    padding-bottom: 11rem;
-  }
-
-  .sm\:pl-44 {
-    padding-left: 11rem;
-  }
-
-  .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-52 {
-    padding-top: 13rem;
-  }
-
-  .sm\:pr-52 {
-    padding-right: 13rem;
-  }
-
-  .sm\:pb-52 {
-    padding-bottom: 13rem;
-  }
-
-  .sm\:pl-52 {
-    padding-left: 13rem;
-  }
-
-  .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-current::-moz-placeholder {
-    color: currentColor;
-  }
-
-  .sm\:placeholder-current:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .sm\:placeholder-current::placeholder {
-    color: currentColor;
-  }
-
-  .sm\:placeholder-transparent::-moz-placeholder {
-    color: transparent;
-  }
-
-  .sm\:placeholder-transparent:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .sm\:placeholder-transparent::placeholder {
-    color: transparent;
-  }
-
-  .sm\:placeholder-white::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-white:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-white::placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-black::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-black:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-black::placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, 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::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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::placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-current:focus::-moz-placeholder {
-    color: currentColor;
-  }
-
-  .sm\:focus\:placeholder-current:focus:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .sm\:focus\:placeholder-current:focus::placeholder {
-    color: currentColor;
-  }
-
-  .sm\:focus\:placeholder-transparent:focus::-moz-placeholder {
-    color: transparent;
-  }
-
-  .sm\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .sm\:focus\:placeholder-transparent:focus::placeholder {
-    color: transparent;
-  }
-
-  .sm\:focus\:placeholder-white:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-white:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-white:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-black:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-black:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-black:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, 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::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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::placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-opacity-0::-moz-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .sm\:placeholder-opacity-0:-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .sm\:placeholder-opacity-0::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .sm\:placeholder-opacity-25::-moz-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .sm\:placeholder-opacity-25:-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .sm\:placeholder-opacity-25::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .sm\:placeholder-opacity-50::-moz-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .sm\:placeholder-opacity-50:-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .sm\:placeholder-opacity-50::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .sm\:placeholder-opacity-75::-moz-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .sm\:placeholder-opacity-75:-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .sm\:placeholder-opacity-75::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .sm\:placeholder-opacity-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .sm\:placeholder-opacity-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .sm\:placeholder-opacity-100::placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .sm\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .sm\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .sm\:focus\:placeholder-opacity-0:focus::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .sm\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .sm\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .sm\:focus\:placeholder-opacity-25:focus::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .sm\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .sm\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .sm\:focus\:placeholder-opacity-50:focus::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .sm\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .sm\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .sm\:focus\:placeholder-opacity-75:focus::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .sm\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .sm\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .sm\:focus\:placeholder-opacity-100:focus::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-44 {
-    top: 11rem;
-    right: 11rem;
-    bottom: 11rem;
-    left: 11rem;
-  }
-
-  .sm\:inset-48 {
-    top: 12rem;
-    right: 12rem;
-    bottom: 12rem;
-    left: 12rem;
-  }
-
-  .sm\:inset-52 {
-    top: 13rem;
-    right: 13rem;
-    bottom: 13rem;
-    left: 13rem;
-  }
-
-  .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-44 {
-    top: 11rem;
-    bottom: 11rem;
-  }
-
-  .sm\:inset-x-44 {
-    right: 11rem;
-    left: 11rem;
-  }
-
-  .sm\:inset-y-48 {
-    top: 12rem;
-    bottom: 12rem;
-  }
-
-  .sm\:inset-x-48 {
-    right: 12rem;
-    left: 12rem;
-  }
-
-  .sm\:inset-y-52 {
-    top: 13rem;
-    bottom: 13rem;
-  }
-
-  .sm\:inset-x-52 {
-    right: 13rem;
-    left: 13rem;
-  }
-
-  .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-44 {
-    top: 11rem;
-  }
-
-  .sm\:right-44 {
-    right: 11rem;
-  }
-
-  .sm\:bottom-44 {
-    bottom: 11rem;
-  }
-
-  .sm\:left-44 {
-    left: 11rem;
-  }
-
-  .sm\:top-48 {
-    top: 12rem;
-  }
-
-  .sm\:right-48 {
-    right: 12rem;
-  }
-
-  .sm\:bottom-48 {
-    bottom: 12rem;
-  }
-
-  .sm\:left-48 {
-    left: 12rem;
-  }
-
-  .sm\:top-52 {
-    top: 13rem;
-  }
-
-  .sm\:right-52 {
-    right: 13rem;
-  }
-
-  .sm\:bottom-52 {
-    bottom: 13rem;
-  }
-
-  .sm\:left-52 {
-    left: 13rem;
-  }
-
-  .sm\:top-56 {
-    top: 14rem;
-  }
-
-  .sm\:right-56 {
-    right: 14rem;
-  }
-
-  .sm\:bottom-56 {
-    bottom: 14rem;
-  }
-
-  .sm\:left-56 {
-    left: 14rem;
-  }
-
-  .sm\:top-60 {
-    top: 15rem;
-  }
-
-  .sm\:right-60 {
-    right: 15rem;
-  }
-
-  .sm\:bottom-60 {
-    bottom: 15rem;
-  }
-
-  .sm\:left-60 {
-    left: 15rem;
-  }
-
-  .sm\:top-64 {
-    top: 16rem;
-  }
-
-  .sm\:right-64 {
-    right: 16rem;
-  }
-
-  .sm\:bottom-64 {
-    bottom: 16rem;
-  }
-
-  .sm\:left-64 {
-    left: 16rem;
-  }
-
-  .sm\:top-72 {
-    top: 18rem;
-  }
-
-  .sm\:right-72 {
-    right: 18rem;
-  }
-
-  .sm\:bottom-72 {
-    bottom: 18rem;
-  }
-
-  .sm\:left-72 {
-    left: 18rem;
-  }
-
-  .sm\:top-80 {
-    top: 20rem;
-  }
-
-  .sm\:right-80 {
-    right: 20rem;
-  }
-
-  .sm\:bottom-80 {
-    bottom: 20rem;
-  }
-
-  .sm\:left-80 {
-    left: 20rem;
-  }
-
-  .sm\:top-96 {
-    top: 24rem;
-  }
-
-  .sm\:right-96 {
-    right: 24rem;
-  }
-
-  .sm\:bottom-96 {
-    bottom: 24rem;
-  }
-
-  .sm\:left-96 {
-    left: 24rem;
-  }
-
-  .sm\:top-auto {
-    top: auto;
-  }
-
-  .sm\:right-auto {
-    right: auto;
-  }
-
-  .sm\:bottom-auto {
-    bottom: auto;
-  }
-
-  .sm\:left-auto {
-    left: auto;
-  }
-
-  .sm\:top-px {
-    top: 1px;
-  }
-
-  .sm\:right-px {
-    right: 1px;
-  }
-
-  .sm\:bottom-px {
-    bottom: 1px;
-  }
-
-  .sm\:left-px {
-    left: 1px;
-  }
-
-  .sm\:top-0\.5 {
-    top: 0.125rem;
-  }
-
-  .sm\:right-0\.5 {
-    right: 0.125rem;
-  }
-
-  .sm\:bottom-0\.5 {
-    bottom: 0.125rem;
-  }
-
-  .sm\:left-0\.5 {
-    left: 0.125rem;
-  }
-
-  .sm\:top-1\.5 {
-    top: 0.375rem;
-  }
-
-  .sm\:right-1\.5 {
-    right: 0.375rem;
-  }
-
-  .sm\:bottom-1\.5 {
-    bottom: 0.375rem;
-  }
-
-  .sm\:left-1\.5 {
-    left: 0.375rem;
-  }
-
-  .sm\:top-2\.5 {
-    top: 0.625rem;
-  }
-
-  .sm\:right-2\.5 {
-    right: 0.625rem;
-  }
-
-  .sm\:bottom-2\.5 {
-    bottom: 0.625rem;
-  }
-
-  .sm\:left-2\.5 {
-    left: 0.625rem;
-  }
-
-  .sm\:top-3\.5 {
-    top: 0.875rem;
-  }
-
-  .sm\:right-3\.5 {
-    right: 0.875rem;
-  }
-
-  .sm\:bottom-3\.5 {
-    bottom: 0.875rem;
-  }
-
-  .sm\:left-3\.5 {
-    left: 0.875rem;
-  }
-
-  .sm\:top-1\/2 {
-    top: 50%;
-  }
-
-  .sm\:right-1\/2 {
-    right: 50%;
-  }
-
-  .sm\:bottom-1\/2 {
-    bottom: 50%;
-  }
-
-  .sm\:left-1\/2 {
-    left: 50%;
-  }
-
-  .sm\:top-1\/3 {
-    top: 33.333333%;
-  }
-
-  .sm\:right-1\/3 {
-    right: 33.333333%;
-  }
-
-  .sm\:bottom-1\/3 {
-    bottom: 33.333333%;
-  }
-
-  .sm\:left-1\/3 {
-    left: 33.333333%;
-  }
-
-  .sm\:top-2\/3 {
-    top: 66.666667%;
-  }
-
-  .sm\:right-2\/3 {
-    right: 66.666667%;
-  }
-
-  .sm\:bottom-2\/3 {
-    bottom: 66.666667%;
-  }
-
-  .sm\:left-2\/3 {
-    left: 66.666667%;
-  }
-
-  .sm\:top-1\/4 {
-    top: 25%;
-  }
-
-  .sm\:right-1\/4 {
-    right: 25%;
-  }
-
-  .sm\:bottom-1\/4 {
-    bottom: 25%;
-  }
-
-  .sm\:left-1\/4 {
-    left: 25%;
-  }
-
-  .sm\:top-2\/4 {
-    top: 50%;
-  }
-
-  .sm\:right-2\/4 {
-    right: 50%;
-  }
-
-  .sm\:bottom-2\/4 {
-    bottom: 50%;
-  }
-
-  .sm\:left-2\/4 {
-    left: 50%;
-  }
-
-  .sm\:top-3\/4 {
-    top: 75%;
-  }
-
-  .sm\:right-3\/4 {
-    right: 75%;
-  }
-
-  .sm\:bottom-3\/4 {
-    bottom: 75%;
-  }
-
-  .sm\:left-3\/4 {
-    left: 75%;
-  }
-
-  .sm\:top-1\/5 {
-    top: 20%;
-  }
-
-  .sm\:right-1\/5 {
-    right: 20%;
-  }
-
-  .sm\:bottom-1\/5 {
-    bottom: 20%;
-  }
-
-  .sm\:left-1\/5 {
-    left: 20%;
-  }
-
-  .sm\:top-2\/5 {
-    top: 40%;
-  }
-
-  .sm\:right-2\/5 {
-    right: 40%;
-  }
-
-  .sm\:bottom-2\/5 {
-    bottom: 40%;
-  }
-
-  .sm\:left-2\/5 {
-    left: 40%;
-  }
-
-  .sm\:top-3\/5 {
-    top: 60%;
-  }
-
-  .sm\:right-3\/5 {
-    right: 60%;
-  }
-
-  .sm\:bottom-3\/5 {
-    bottom: 60%;
-  }
-
-  .sm\:left-3\/5 {
-    left: 60%;
-  }
-
-  .sm\:top-4\/5 {
-    top: 80%;
-  }
-
-  .sm\:right-4\/5 {
-    right: 80%;
-  }
-
-  .sm\:bottom-4\/5 {
-    bottom: 80%;
-  }
-
-  .sm\:left-4\/5 {
-    left: 80%;
-  }
-
-  .sm\:top-1\/6 {
-    top: 16.666667%;
-  }
-
-  .sm\:right-1\/6 {
-    right: 16.666667%;
-  }
-
-  .sm\:bottom-1\/6 {
-    bottom: 16.666667%;
-  }
-
-  .sm\:left-1\/6 {
-    left: 16.666667%;
-  }
-
-  .sm\:top-2\/6 {
-    top: 33.333333%;
-  }
-
-  .sm\:right-2\/6 {
-    right: 33.333333%;
-  }
-
-  .sm\:bottom-2\/6 {
-    bottom: 33.333333%;
-  }
-
-  .sm\:left-2\/6 {
-    left: 33.333333%;
-  }
-
-  .sm\:top-3\/6 {
-    top: 50%;
-  }
-
-  .sm\:right-3\/6 {
-    right: 50%;
-  }
-
-  .sm\:bottom-3\/6 {
-    bottom: 50%;
-  }
-
-  .sm\:left-3\/6 {
-    left: 50%;
-  }
-
-  .sm\:top-4\/6 {
-    top: 66.666667%;
-  }
-
-  .sm\:right-4\/6 {
-    right: 66.666667%;
-  }
-
-  .sm\:bottom-4\/6 {
-    bottom: 66.666667%;
-  }
-
-  .sm\:left-4\/6 {
-    left: 66.666667%;
-  }
-
-  .sm\:top-5\/6 {
-    top: 83.333333%;
-  }
-
-  .sm\:right-5\/6 {
-    right: 83.333333%;
-  }
-
-  .sm\:bottom-5\/6 {
-    bottom: 83.333333%;
-  }
-
-  .sm\:left-5\/6 {
-    left: 83.333333%;
-  }
-
-  .sm\:top-1\/12 {
-    top: 8.333333%;
-  }
-
-  .sm\:right-1\/12 {
-    right: 8.333333%;
-  }
-
-  .sm\:bottom-1\/12 {
-    bottom: 8.333333%;
-  }
-
-  .sm\:left-1\/12 {
-    left: 8.333333%;
-  }
-
-  .sm\:top-2\/12 {
-    top: 16.666667%;
-  }
-
-  .sm\:right-2\/12 {
-    right: 16.666667%;
-  }
-
-  .sm\:bottom-2\/12 {
-    bottom: 16.666667%;
-  }
-
-  .sm\:left-2\/12 {
-    left: 16.666667%;
-  }
-
-  .sm\:top-3\/12 {
-    top: 25%;
-  }
-
-  .sm\:right-3\/12 {
-    right: 25%;
-  }
-
-  .sm\:bottom-3\/12 {
-    bottom: 25%;
-  }
-
-  .sm\:left-3\/12 {
-    left: 25%;
-  }
-
-  .sm\:top-4\/12 {
-    top: 33.333333%;
-  }
-
-  .sm\:right-4\/12 {
-    right: 33.333333%;
-  }
-
-  .sm\:bottom-4\/12 {
-    bottom: 33.333333%;
-  }
-
-  .sm\:left-4\/12 {
-    left: 33.333333%;
-  }
-
-  .sm\:top-5\/12 {
-    top: 41.666667%;
-  }
-
-  .sm\:right-5\/12 {
-    right: 41.666667%;
-  }
-
-  .sm\:bottom-5\/12 {
-    bottom: 41.666667%;
-  }
-
-  .sm\:left-5\/12 {
-    left: 41.666667%;
-  }
-
-  .sm\:top-6\/12 {
-    top: 50%;
-  }
-
-  .sm\:right-6\/12 {
-    right: 50%;
-  }
-
-  .sm\:bottom-6\/12 {
-    bottom: 50%;
-  }
-
-  .sm\:left-6\/12 {
-    left: 50%;
-  }
-
-  .sm\:top-7\/12 {
-    top: 58.333333%;
-  }
-
-  .sm\:right-7\/12 {
-    right: 58.333333%;
-  }
-
-  .sm\:bottom-7\/12 {
-    bottom: 58.333333%;
-  }
-
-  .sm\:left-7\/12 {
-    left: 58.333333%;
-  }
-
-  .sm\:top-8\/12 {
-    top: 66.666667%;
-  }
-
-  .sm\:right-8\/12 {
-    right: 66.666667%;
-  }
-
-  .sm\:bottom-8\/12 {
-    bottom: 66.666667%;
-  }
-
-  .sm\:left-8\/12 {
-    left: 66.666667%;
-  }
-
-  .sm\:top-9\/12 {
-    top: 75%;
-  }
-
-  .sm\:right-9\/12 {
-    right: 75%;
-  }
-
-  .sm\:bottom-9\/12 {
-    bottom: 75%;
-  }
-
-  .sm\:left-9\/12 {
-    left: 75%;
-  }
-
-  .sm\:top-10\/12 {
-    top: 83.333333%;
-  }
-
-  .sm\:right-10\/12 {
-    right: 83.333333%;
-  }
-
-  .sm\:bottom-10\/12 {
-    bottom: 83.333333%;
-  }
-
-  .sm\:left-10\/12 {
-    left: 83.333333%;
-  }
-
-  .sm\:top-11\/12 {
-    top: 91.666667%;
-  }
-
-  .sm\:right-11\/12 {
-    right: 91.666667%;
-  }
-
-  .sm\:bottom-11\/12 {
-    bottom: 91.666667%;
-  }
-
-  .sm\:left-11\/12 {
-    left: 91.666667%;
-  }
-
-  .sm\:top-full {
-    top: 100%;
-  }
-
-  .sm\:right-full {
-    right: 100%;
-  }
-
-  .sm\:bottom-full {
-    bottom: 100%;
-  }
-
-  .sm\:left-full {
-    left: 100%;
-  }
-
-  .sm\:resize-none {
-    resize: none;
-  }
-
-  .sm\:resize-y {
-    resize: vertical;
-  }
-
-  .sm\:resize-x {
-    resize: horizontal;
-  }
-
-  .sm\:resize {
-    resize: both;
-  }
-
-  .sm\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .sm\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .sm\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .sm\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .sm\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .sm\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .sm\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .sm\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .sm\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .sm\:shadow-none {
-    box-shadow: none;
-  }
-
-  .sm\:shadow-solid {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .sm\:shadow-outline-gray {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .sm\:shadow-outline-blue {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .sm\:shadow-outline-teal {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .sm\:shadow-outline-green {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .sm\:shadow-outline-yellow {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .sm\:shadow-outline-orange {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .sm\:shadow-outline-red {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .sm\:shadow-outline-pink {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .sm\:shadow-outline-purple {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .sm\:shadow-outline-indigo {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .sm\:group-focus\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-none {
-    box-shadow: none;
-  }
-
-  .group:focus .sm\:group-focus\:shadow-solid {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-gray {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-blue {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-teal {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-green {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-yellow {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-orange {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-red {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-pink {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-purple {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-indigo {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .sm\:hover\:shadow-xs:hover {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .sm\:hover\:shadow-sm:hover {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .sm\:hover\:shadow:hover {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .sm\:hover\:shadow-md:hover {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .sm\:hover\:shadow-lg:hover {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .sm\:hover\:shadow-xl:hover {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .sm\:hover\:shadow-2xl:hover {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .sm\:hover\:shadow-inner:hover {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .sm\:hover\:shadow-outline:hover {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .sm\:hover\:shadow-none:hover {
-    box-shadow: none;
-  }
-
-  .sm\:hover\:shadow-solid:hover {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .sm\:hover\:shadow-outline-gray:hover {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .sm\:hover\:shadow-outline-blue:hover {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .sm\:hover\:shadow-outline-teal:hover {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .sm\:hover\:shadow-outline-green:hover {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .sm\:hover\:shadow-outline-yellow:hover {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .sm\:hover\:shadow-outline-orange:hover {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .sm\:hover\:shadow-outline-red:hover {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .sm\:hover\:shadow-outline-pink:hover {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .sm\:hover\:shadow-outline-purple:hover {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .sm\:hover\:shadow-outline-indigo:hover {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .sm\:focus-within\:shadow-xs:focus-within {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .sm\:focus-within\:shadow-sm:focus-within {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .sm\:focus-within\:shadow:focus-within {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .sm\:focus-within\:shadow-md:focus-within {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .sm\:focus-within\:shadow-lg:focus-within {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .sm\:focus-within\:shadow-xl:focus-within {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .sm\:focus-within\:shadow-2xl:focus-within {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .sm\:focus-within\:shadow-inner:focus-within {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .sm\:focus-within\:shadow-outline:focus-within {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .sm\:focus-within\:shadow-none:focus-within {
-    box-shadow: none;
-  }
-
-  .sm\:focus-within\:shadow-solid:focus-within {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .sm\:focus-within\:shadow-outline-gray:focus-within {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .sm\:focus-within\:shadow-outline-blue:focus-within {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .sm\:focus-within\:shadow-outline-teal:focus-within {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .sm\:focus-within\:shadow-outline-green:focus-within {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .sm\:focus-within\:shadow-outline-yellow:focus-within {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .sm\:focus-within\:shadow-outline-orange:focus-within {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .sm\:focus-within\:shadow-outline-red:focus-within {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .sm\:focus-within\:shadow-outline-pink:focus-within {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .sm\:focus-within\:shadow-outline-purple:focus-within {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .sm\:focus-within\:shadow-outline-indigo:focus-within {
-    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-current {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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));
-  }
-
-  .sm\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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));
-  }
-
-  .group:hover .sm\:group-hover\:text-current {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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:hover .sm\:group-hover\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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:focus .sm\:group-focus\:text-current {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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));
-  }
-
-  .group:focus .sm\:group-focus\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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));
-  }
-
-  .sm\:hover\:text-current:hover {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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\:hover\:text-cool-gray-50:hover {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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\:focus-within\:text-current:focus-within {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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-within\:text-cool-gray-50:focus-within {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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\:text-current:focus {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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\:focus\:text-cool-gray-50:focus {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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\:active\:text-current:active {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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\:active\:text-cool-gray-50:active {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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\: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\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions {
-    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
-    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
-  }
-
-  .sm\:normal-nums {
-    font-variant-numeric: normal;
-  }
-
-  .sm\:ordinal {
-    --font-variant-numeric-ordinal: ordinal;
-  }
-
-  .sm\:slashed-zero {
-    --font-variant-numeric-slashed-zero: slashed-zero;
-  }
-
-  .sm\:lining-nums {
-    --font-variant-numeric-figure: lining-nums;
-  }
-
-  .sm\:oldstyle-nums {
-    --font-variant-numeric-figure: oldstyle-nums;
-  }
-
-  .sm\:proportional-nums {
-    --font-variant-numeric-spacing: proportional-nums;
-  }
-
-  .sm\:tabular-nums {
-    --font-variant-numeric-spacing: tabular-nums;
-  }
-
-  .sm\:diagonal-fractions {
-    --font-variant-numeric-fraction: diagonal-fractions;
-  }
-
-  .sm\:stacked-fractions {
-    --font-variant-numeric-fraction: stacked-fractions;
-  }
-
-  .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 {
-    word-wrap: normal;
-    overflow-wrap: normal;
-    word-break: normal;
-  }
-
-  .sm\:break-words {
-    word-wrap: break-word;
-    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-44 {
-    width: 11rem;
-  }
-
-  .sm\:w-48 {
-    width: 12rem;
-  }
-
-  .sm\:w-52 {
-    width: 13rem;
-  }
-
-  .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\:w-min-content {
-    width: -webkit-min-content;
-    width: -moz-min-content;
-    width: min-content;
-  }
-
-  .sm\:w-max-content {
-    width: -webkit-max-content;
-    width: -moz-max-content;
-    width: max-content;
-  }
-
-  .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-44 {
-    grid-gap: 11rem;
-    gap: 11rem;
-  }
-
-  .sm\:gap-48 {
-    grid-gap: 12rem;
-    gap: 12rem;
-  }
-
-  .sm\:gap-52 {
-    grid-gap: 13rem;
-    gap: 13rem;
-  }
-
-  .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-44 {
-    grid-column-gap: 11rem;
-    -moz-column-gap: 11rem;
-         column-gap: 11rem;
-  }
-
-  .sm\:col-gap-48 {
-    grid-column-gap: 12rem;
-    -moz-column-gap: 12rem;
-         column-gap: 12rem;
-  }
-
-  .sm\:col-gap-52 {
-    grid-column-gap: 13rem;
-    -moz-column-gap: 13rem;
-         column-gap: 13rem;
-  }
-
-  .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\:gap-x-0 {
-    grid-column-gap: 0;
-    -moz-column-gap: 0;
-         column-gap: 0;
-  }
-
-  .sm\:gap-x-1 {
-    grid-column-gap: 0.25rem;
-    -moz-column-gap: 0.25rem;
-         column-gap: 0.25rem;
-  }
-
-  .sm\:gap-x-2 {
-    grid-column-gap: 0.5rem;
-    -moz-column-gap: 0.5rem;
-         column-gap: 0.5rem;
-  }
-
-  .sm\:gap-x-3 {
-    grid-column-gap: 0.75rem;
-    -moz-column-gap: 0.75rem;
-         column-gap: 0.75rem;
-  }
-
-  .sm\:gap-x-4 {
-    grid-column-gap: 1rem;
-    -moz-column-gap: 1rem;
-         column-gap: 1rem;
-  }
-
-  .sm\:gap-x-5 {
-    grid-column-gap: 1.25rem;
-    -moz-column-gap: 1.25rem;
-         column-gap: 1.25rem;
-  }
-
-  .sm\:gap-x-6 {
-    grid-column-gap: 1.5rem;
-    -moz-column-gap: 1.5rem;
-         column-gap: 1.5rem;
-  }
-
-  .sm\:gap-x-7 {
-    grid-column-gap: 1.75rem;
-    -moz-column-gap: 1.75rem;
-         column-gap: 1.75rem;
-  }
-
-  .sm\:gap-x-8 {
-    grid-column-gap: 2rem;
-    -moz-column-gap: 2rem;
-         column-gap: 2rem;
-  }
-
-  .sm\:gap-x-9 {
-    grid-column-gap: 2.25rem;
-    -moz-column-gap: 2.25rem;
-         column-gap: 2.25rem;
-  }
-
-  .sm\:gap-x-10 {
-    grid-column-gap: 2.5rem;
-    -moz-column-gap: 2.5rem;
-         column-gap: 2.5rem;
-  }
-
-  .sm\:gap-x-11 {
-    grid-column-gap: 2.75rem;
-    -moz-column-gap: 2.75rem;
-         column-gap: 2.75rem;
-  }
-
-  .sm\:gap-x-12 {
-    grid-column-gap: 3rem;
-    -moz-column-gap: 3rem;
-         column-gap: 3rem;
-  }
-
-  .sm\:gap-x-13 {
-    grid-column-gap: 3.25rem;
-    -moz-column-gap: 3.25rem;
-         column-gap: 3.25rem;
-  }
-
-  .sm\:gap-x-14 {
-    grid-column-gap: 3.5rem;
-    -moz-column-gap: 3.5rem;
-         column-gap: 3.5rem;
-  }
-
-  .sm\:gap-x-15 {
-    grid-column-gap: 3.75rem;
-    -moz-column-gap: 3.75rem;
-         column-gap: 3.75rem;
-  }
-
-  .sm\:gap-x-16 {
-    grid-column-gap: 4rem;
-    -moz-column-gap: 4rem;
-         column-gap: 4rem;
-  }
-
-  .sm\:gap-x-20 {
-    grid-column-gap: 5rem;
-    -moz-column-gap: 5rem;
-         column-gap: 5rem;
-  }
-
-  .sm\:gap-x-24 {
-    grid-column-gap: 6rem;
-    -moz-column-gap: 6rem;
-         column-gap: 6rem;
-  }
-
-  .sm\:gap-x-28 {
-    grid-column-gap: 7rem;
-    -moz-column-gap: 7rem;
-         column-gap: 7rem;
-  }
-
-  .sm\:gap-x-32 {
-    grid-column-gap: 8rem;
-    -moz-column-gap: 8rem;
-         column-gap: 8rem;
-  }
-
-  .sm\:gap-x-36 {
-    grid-column-gap: 9rem;
-    -moz-column-gap: 9rem;
-         column-gap: 9rem;
-  }
-
-  .sm\:gap-x-40 {
-    grid-column-gap: 10rem;
-    -moz-column-gap: 10rem;
-         column-gap: 10rem;
-  }
-
-  .sm\:gap-x-44 {
-    grid-column-gap: 11rem;
-    -moz-column-gap: 11rem;
-         column-gap: 11rem;
-  }
-
-  .sm\:gap-x-48 {
-    grid-column-gap: 12rem;
-    -moz-column-gap: 12rem;
-         column-gap: 12rem;
-  }
-
-  .sm\:gap-x-52 {
-    grid-column-gap: 13rem;
-    -moz-column-gap: 13rem;
-         column-gap: 13rem;
-  }
-
-  .sm\:gap-x-56 {
-    grid-column-gap: 14rem;
-    -moz-column-gap: 14rem;
-         column-gap: 14rem;
-  }
-
-  .sm\:gap-x-60 {
-    grid-column-gap: 15rem;
-    -moz-column-gap: 15rem;
-         column-gap: 15rem;
-  }
-
-  .sm\:gap-x-64 {
-    grid-column-gap: 16rem;
-    -moz-column-gap: 16rem;
-         column-gap: 16rem;
-  }
-
-  .sm\:gap-x-72 {
-    grid-column-gap: 18rem;
-    -moz-column-gap: 18rem;
-         column-gap: 18rem;
-  }
-
-  .sm\:gap-x-80 {
-    grid-column-gap: 20rem;
-    -moz-column-gap: 20rem;
-         column-gap: 20rem;
-  }
-
-  .sm\:gap-x-96 {
-    grid-column-gap: 24rem;
-    -moz-column-gap: 24rem;
-         column-gap: 24rem;
-  }
-
-  .sm\:gap-x-px {
-    grid-column-gap: 1px;
-    -moz-column-gap: 1px;
-         column-gap: 1px;
-  }
-
-  .sm\:gap-x-0\.5 {
-    grid-column-gap: 0.125rem;
-    -moz-column-gap: 0.125rem;
-         column-gap: 0.125rem;
-  }
-
-  .sm\:gap-x-1\.5 {
-    grid-column-gap: 0.375rem;
-    -moz-column-gap: 0.375rem;
-         column-gap: 0.375rem;
-  }
-
-  .sm\:gap-x-2\.5 {
-    grid-column-gap: 0.625rem;
-    -moz-column-gap: 0.625rem;
-         column-gap: 0.625rem;
-  }
-
-  .sm\:gap-x-3\.5 {
-    grid-column-gap: 0.875rem;
-    -moz-column-gap: 0.875rem;
-         column-gap: 0.875rem;
-  }
-
-  .sm\:gap-x-1\/2 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .sm\:gap-x-1\/3 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .sm\:gap-x-2\/3 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .sm\:gap-x-1\/4 {
-    grid-column-gap: 25%;
-    -moz-column-gap: 25%;
-         column-gap: 25%;
-  }
-
-  .sm\:gap-x-2\/4 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .sm\:gap-x-3\/4 {
-    grid-column-gap: 75%;
-    -moz-column-gap: 75%;
-         column-gap: 75%;
-  }
-
-  .sm\:gap-x-1\/5 {
-    grid-column-gap: 20%;
-    -moz-column-gap: 20%;
-         column-gap: 20%;
-  }
-
-  .sm\:gap-x-2\/5 {
-    grid-column-gap: 40%;
-    -moz-column-gap: 40%;
-         column-gap: 40%;
-  }
-
-  .sm\:gap-x-3\/5 {
-    grid-column-gap: 60%;
-    -moz-column-gap: 60%;
-         column-gap: 60%;
-  }
-
-  .sm\:gap-x-4\/5 {
-    grid-column-gap: 80%;
-    -moz-column-gap: 80%;
-         column-gap: 80%;
-  }
-
-  .sm\:gap-x-1\/6 {
-    grid-column-gap: 16.666667%;
-    -moz-column-gap: 16.666667%;
-         column-gap: 16.666667%;
-  }
-
-  .sm\:gap-x-2\/6 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .sm\:gap-x-3\/6 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .sm\:gap-x-4\/6 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .sm\:gap-x-5\/6 {
-    grid-column-gap: 83.333333%;
-    -moz-column-gap: 83.333333%;
-         column-gap: 83.333333%;
-  }
-
-  .sm\:gap-x-1\/12 {
-    grid-column-gap: 8.333333%;
-    -moz-column-gap: 8.333333%;
-         column-gap: 8.333333%;
-  }
-
-  .sm\:gap-x-2\/12 {
-    grid-column-gap: 16.666667%;
-    -moz-column-gap: 16.666667%;
-         column-gap: 16.666667%;
-  }
-
-  .sm\:gap-x-3\/12 {
-    grid-column-gap: 25%;
-    -moz-column-gap: 25%;
-         column-gap: 25%;
-  }
-
-  .sm\:gap-x-4\/12 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .sm\:gap-x-5\/12 {
-    grid-column-gap: 41.666667%;
-    -moz-column-gap: 41.666667%;
-         column-gap: 41.666667%;
-  }
-
-  .sm\:gap-x-6\/12 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .sm\:gap-x-7\/12 {
-    grid-column-gap: 58.333333%;
-    -moz-column-gap: 58.333333%;
-         column-gap: 58.333333%;
-  }
-
-  .sm\:gap-x-8\/12 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .sm\:gap-x-9\/12 {
-    grid-column-gap: 75%;
-    -moz-column-gap: 75%;
-         column-gap: 75%;
-  }
-
-  .sm\:gap-x-10\/12 {
-    grid-column-gap: 83.333333%;
-    -moz-column-gap: 83.333333%;
-         column-gap: 83.333333%;
-  }
-
-  .sm\:gap-x-11\/12 {
-    grid-column-gap: 91.666667%;
-    -moz-column-gap: 91.666667%;
-         column-gap: 91.666667%;
-  }
-
-  .sm\:gap-x-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-44 {
-    grid-row-gap: 11rem;
-    row-gap: 11rem;
-  }
-
-  .sm\:row-gap-48 {
-    grid-row-gap: 12rem;
-    row-gap: 12rem;
-  }
-
-  .sm\:row-gap-52 {
-    grid-row-gap: 13rem;
-    row-gap: 13rem;
-  }
-
-  .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\:gap-y-0 {
-    grid-row-gap: 0;
-    row-gap: 0;
-  }
-
-  .sm\:gap-y-1 {
-    grid-row-gap: 0.25rem;
-    row-gap: 0.25rem;
-  }
-
-  .sm\:gap-y-2 {
-    grid-row-gap: 0.5rem;
-    row-gap: 0.5rem;
-  }
-
-  .sm\:gap-y-3 {
-    grid-row-gap: 0.75rem;
-    row-gap: 0.75rem;
-  }
-
-  .sm\:gap-y-4 {
-    grid-row-gap: 1rem;
-    row-gap: 1rem;
-  }
-
-  .sm\:gap-y-5 {
-    grid-row-gap: 1.25rem;
-    row-gap: 1.25rem;
-  }
-
-  .sm\:gap-y-6 {
-    grid-row-gap: 1.5rem;
-    row-gap: 1.5rem;
-  }
-
-  .sm\:gap-y-7 {
-    grid-row-gap: 1.75rem;
-    row-gap: 1.75rem;
-  }
-
-  .sm\:gap-y-8 {
-    grid-row-gap: 2rem;
-    row-gap: 2rem;
-  }
-
-  .sm\:gap-y-9 {
-    grid-row-gap: 2.25rem;
-    row-gap: 2.25rem;
-  }
-
-  .sm\:gap-y-10 {
-    grid-row-gap: 2.5rem;
-    row-gap: 2.5rem;
-  }
-
-  .sm\:gap-y-11 {
-    grid-row-gap: 2.75rem;
-    row-gap: 2.75rem;
-  }
-
-  .sm\:gap-y-12 {
-    grid-row-gap: 3rem;
-    row-gap: 3rem;
-  }
-
-  .sm\:gap-y-13 {
-    grid-row-gap: 3.25rem;
-    row-gap: 3.25rem;
-  }
-
-  .sm\:gap-y-14 {
-    grid-row-gap: 3.5rem;
-    row-gap: 3.5rem;
-  }
-
-  .sm\:gap-y-15 {
-    grid-row-gap: 3.75rem;
-    row-gap: 3.75rem;
-  }
-
-  .sm\:gap-y-16 {
-    grid-row-gap: 4rem;
-    row-gap: 4rem;
-  }
-
-  .sm\:gap-y-20 {
-    grid-row-gap: 5rem;
-    row-gap: 5rem;
-  }
-
-  .sm\:gap-y-24 {
-    grid-row-gap: 6rem;
-    row-gap: 6rem;
-  }
-
-  .sm\:gap-y-28 {
-    grid-row-gap: 7rem;
-    row-gap: 7rem;
-  }
-
-  .sm\:gap-y-32 {
-    grid-row-gap: 8rem;
-    row-gap: 8rem;
-  }
-
-  .sm\:gap-y-36 {
-    grid-row-gap: 9rem;
-    row-gap: 9rem;
-  }
-
-  .sm\:gap-y-40 {
-    grid-row-gap: 10rem;
-    row-gap: 10rem;
-  }
-
-  .sm\:gap-y-44 {
-    grid-row-gap: 11rem;
-    row-gap: 11rem;
-  }
-
-  .sm\:gap-y-48 {
-    grid-row-gap: 12rem;
-    row-gap: 12rem;
-  }
-
-  .sm\:gap-y-52 {
-    grid-row-gap: 13rem;
-    row-gap: 13rem;
-  }
-
-  .sm\:gap-y-56 {
-    grid-row-gap: 14rem;
-    row-gap: 14rem;
-  }
-
-  .sm\:gap-y-60 {
-    grid-row-gap: 15rem;
-    row-gap: 15rem;
-  }
-
-  .sm\:gap-y-64 {
-    grid-row-gap: 16rem;
-    row-gap: 16rem;
-  }
-
-  .sm\:gap-y-72 {
-    grid-row-gap: 18rem;
-    row-gap: 18rem;
-  }
-
-  .sm\:gap-y-80 {
-    grid-row-gap: 20rem;
-    row-gap: 20rem;
-  }
-
-  .sm\:gap-y-96 {
-    grid-row-gap: 24rem;
-    row-gap: 24rem;
-  }
-
-  .sm\:gap-y-px {
-    grid-row-gap: 1px;
-    row-gap: 1px;
-  }
-
-  .sm\:gap-y-0\.5 {
-    grid-row-gap: 0.125rem;
-    row-gap: 0.125rem;
-  }
-
-  .sm\:gap-y-1\.5 {
-    grid-row-gap: 0.375rem;
-    row-gap: 0.375rem;
-  }
-
-  .sm\:gap-y-2\.5 {
-    grid-row-gap: 0.625rem;
-    row-gap: 0.625rem;
-  }
-
-  .sm\:gap-y-3\.5 {
-    grid-row-gap: 0.875rem;
-    row-gap: 0.875rem;
-  }
-
-  .sm\:gap-y-1\/2 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .sm\:gap-y-1\/3 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .sm\:gap-y-2\/3 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .sm\:gap-y-1\/4 {
-    grid-row-gap: 25%;
-    row-gap: 25%;
-  }
-
-  .sm\:gap-y-2\/4 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .sm\:gap-y-3\/4 {
-    grid-row-gap: 75%;
-    row-gap: 75%;
-  }
-
-  .sm\:gap-y-1\/5 {
-    grid-row-gap: 20%;
-    row-gap: 20%;
-  }
-
-  .sm\:gap-y-2\/5 {
-    grid-row-gap: 40%;
-    row-gap: 40%;
-  }
-
-  .sm\:gap-y-3\/5 {
-    grid-row-gap: 60%;
-    row-gap: 60%;
-  }
-
-  .sm\:gap-y-4\/5 {
-    grid-row-gap: 80%;
-    row-gap: 80%;
-  }
-
-  .sm\:gap-y-1\/6 {
-    grid-row-gap: 16.666667%;
-    row-gap: 16.666667%;
-  }
-
-  .sm\:gap-y-2\/6 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .sm\:gap-y-3\/6 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .sm\:gap-y-4\/6 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .sm\:gap-y-5\/6 {
-    grid-row-gap: 83.333333%;
-    row-gap: 83.333333%;
-  }
-
-  .sm\:gap-y-1\/12 {
-    grid-row-gap: 8.333333%;
-    row-gap: 8.333333%;
-  }
-
-  .sm\:gap-y-2\/12 {
-    grid-row-gap: 16.666667%;
-    row-gap: 16.666667%;
-  }
-
-  .sm\:gap-y-3\/12 {
-    grid-row-gap: 25%;
-    row-gap: 25%;
-  }
-
-  .sm\:gap-y-4\/12 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .sm\:gap-y-5\/12 {
-    grid-row-gap: 41.666667%;
-    row-gap: 41.666667%;
-  }
-
-  .sm\:gap-y-6\/12 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .sm\:gap-y-7\/12 {
-    grid-row-gap: 58.333333%;
-    row-gap: 58.333333%;
-  }
-
-  .sm\:gap-y-8\/12 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .sm\:gap-y-9\/12 {
-    grid-row-gap: 75%;
-    row-gap: 75%;
-  }
-
-  .sm\:gap-y-10\/12 {
-    grid-row-gap: 83.333333%;
-    row-gap: 83.333333%;
-  }
-
-  .sm\:gap-y-11\/12 {
-    grid-row-gap: 91.666667%;
-    row-gap: 91.666667%;
-  }
-
-  .sm\:gap-y-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\:auto-cols-auto {
-    grid-auto-columns: auto;
-  }
-
-  .sm\:auto-cols-min {
-    grid-auto-columns: -webkit-min-content;
-    grid-auto-columns: min-content;
-  }
-
-  .sm\:auto-cols-max {
-    grid-auto-columns: -webkit-max-content;
-    grid-auto-columns: max-content;
-  }
-
-  .sm\:auto-cols-fr {
-    grid-auto-columns: minmax(0, 1fr);
-  }
-
-  .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-span-full {
-    grid-column: 1 / -1;
-  }
-
-  .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\:auto-rows-auto {
-    grid-auto-rows: auto;
-  }
-
-  .sm\:auto-rows-min {
-    grid-auto-rows: -webkit-min-content;
-    grid-auto-rows: min-content;
-  }
-
-  .sm\:auto-rows-max {
-    grid-auto-rows: -webkit-max-content;
-    grid-auto-rows: max-content;
-  }
-
-  .sm\:auto-rows-fr {
-    grid-auto-rows: minmax(0, 1fr);
-  }
-
-  .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-span-full {
-    grid-row: 1 / -1;
-  }
-
-  .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-1 {
-    --transform-rotate: 1deg;
-  }
-
-  .sm\:rotate-2 {
-    --transform-rotate: 2deg;
-  }
-
-  .sm\:rotate-3 {
-    --transform-rotate: 3deg;
-  }
-
-  .sm\:rotate-6 {
-    --transform-rotate: 6deg;
-  }
-
-  .sm\:rotate-12 {
-    --transform-rotate: 12deg;
-  }
-
-  .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\:-rotate-12 {
-    --transform-rotate: -12deg;
-  }
-
-  .sm\:-rotate-6 {
-    --transform-rotate: -6deg;
-  }
-
-  .sm\:-rotate-3 {
-    --transform-rotate: -3deg;
-  }
-
-  .sm\:-rotate-2 {
-    --transform-rotate: -2deg;
-  }
-
-  .sm\:-rotate-1 {
-    --transform-rotate: -1deg;
-  }
-
-  .sm\:hover\:rotate-0:hover {
-    --transform-rotate: 0;
-  }
-
-  .sm\:hover\:rotate-1:hover {
-    --transform-rotate: 1deg;
-  }
-
-  .sm\:hover\:rotate-2:hover {
-    --transform-rotate: 2deg;
-  }
-
-  .sm\:hover\:rotate-3:hover {
-    --transform-rotate: 3deg;
-  }
-
-  .sm\:hover\:rotate-6:hover {
-    --transform-rotate: 6deg;
-  }
-
-  .sm\:hover\:rotate-12:hover {
-    --transform-rotate: 12deg;
-  }
-
-  .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\:hover\:-rotate-12:hover {
-    --transform-rotate: -12deg;
-  }
-
-  .sm\:hover\:-rotate-6:hover {
-    --transform-rotate: -6deg;
-  }
-
-  .sm\:hover\:-rotate-3:hover {
-    --transform-rotate: -3deg;
-  }
-
-  .sm\:hover\:-rotate-2:hover {
-    --transform-rotate: -2deg;
-  }
-
-  .sm\:hover\:-rotate-1:hover {
-    --transform-rotate: -1deg;
-  }
-
-  .sm\:focus\:rotate-0:focus {
-    --transform-rotate: 0;
-  }
-
-  .sm\:focus\:rotate-1:focus {
-    --transform-rotate: 1deg;
-  }
-
-  .sm\:focus\:rotate-2:focus {
-    --transform-rotate: 2deg;
-  }
-
-  .sm\:focus\:rotate-3:focus {
-    --transform-rotate: 3deg;
-  }
-
-  .sm\:focus\:rotate-6:focus {
-    --transform-rotate: 6deg;
-  }
-
-  .sm\:focus\:rotate-12:focus {
-    --transform-rotate: 12deg;
-  }
-
-  .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\:focus\:-rotate-12:focus {
-    --transform-rotate: -12deg;
-  }
-
-  .sm\:focus\:-rotate-6:focus {
-    --transform-rotate: -6deg;
-  }
-
-  .sm\:focus\:-rotate-3:focus {
-    --transform-rotate: -3deg;
-  }
-
-  .sm\:focus\:-rotate-2:focus {
-    --transform-rotate: -2deg;
-  }
-
-  .sm\:focus\:-rotate-1:focus {
-    --transform-rotate: -1deg;
-  }
-
-  .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-44 {
-    --transform-translate-x: 11rem;
-  }
-
-  .sm\:translate-x-48 {
-    --transform-translate-x: 12rem;
-  }
-
-  .sm\:translate-x-52 {
-    --transform-translate-x: 13rem;
-  }
-
-  .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-44 {
-    --transform-translate-x: -11rem;
-  }
-
-  .sm\:-translate-x-48 {
-    --transform-translate-x: -12rem;
-  }
-
-  .sm\:-translate-x-52 {
-    --transform-translate-x: -13rem;
-  }
-
-  .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-44 {
-    --transform-translate-y: 11rem;
-  }
-
-  .sm\:translate-y-48 {
-    --transform-translate-y: 12rem;
-  }
-
-  .sm\:translate-y-52 {
-    --transform-translate-y: 13rem;
-  }
-
-  .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-44 {
-    --transform-translate-y: -11rem;
-  }
-
-  .sm\:-translate-y-48 {
-    --transform-translate-y: -12rem;
-  }
-
-  .sm\:-translate-y-52 {
-    --transform-translate-y: -13rem;
-  }
-
-  .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-44:hover {
-    --transform-translate-x: 11rem;
-  }
-
-  .sm\:hover\:translate-x-48:hover {
-    --transform-translate-x: 12rem;
-  }
-
-  .sm\:hover\:translate-x-52:hover {
-    --transform-translate-x: 13rem;
-  }
-
-  .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-44:hover {
-    --transform-translate-x: -11rem;
-  }
-
-  .sm\:hover\:-translate-x-48:hover {
-    --transform-translate-x: -12rem;
-  }
-
-  .sm\:hover\:-translate-x-52:hover {
-    --transform-translate-x: -13rem;
-  }
-
-  .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-44:hover {
-    --transform-translate-y: 11rem;
-  }
-
-  .sm\:hover\:translate-y-48:hover {
-    --transform-translate-y: 12rem;
-  }
-
-  .sm\:hover\:translate-y-52:hover {
-    --transform-translate-y: 13rem;
-  }
-
-  .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-44:hover {
-    --transform-translate-y: -11rem;
-  }
-
-  .sm\:hover\:-translate-y-48:hover {
-    --transform-translate-y: -12rem;
-  }
-
-  .sm\:hover\:-translate-y-52:hover {
-    --transform-translate-y: -13rem;
-  }
-
-  .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-44:focus {
-    --transform-translate-x: 11rem;
-  }
-
-  .sm\:focus\:translate-x-48:focus {
-    --transform-translate-x: 12rem;
-  }
-
-  .sm\:focus\:translate-x-52:focus {
-    --transform-translate-x: 13rem;
-  }
-
-  .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-44:focus {
-    --transform-translate-x: -11rem;
-  }
-
-  .sm\:focus\:-translate-x-48:focus {
-    --transform-translate-x: -12rem;
-  }
-
-  .sm\:focus\:-translate-x-52:focus {
-    --transform-translate-x: -13rem;
-  }
-
-  .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-44:focus {
-    --transform-translate-y: 11rem;
-  }
-
-  .sm\:focus\:translate-y-48:focus {
-    --transform-translate-y: 12rem;
-  }
-
-  .sm\:focus\:translate-y-52:focus {
-    --transform-translate-y: 13rem;
-  }
-
-  .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-44:focus {
-    --transform-translate-y: -11rem;
-  }
-
-  .sm\:focus\:-translate-y-48:focus {
-    --transform-translate-y: -12rem;
-  }
-
-  .sm\:focus\:-translate-y-52:focus {
-    --transform-translate-y: -13rem;
-  }
-
-  .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-1 {
-    --transform-skew-x: 1deg;
-  }
-
-  .sm\:skew-x-2 {
-    --transform-skew-x: 2deg;
-  }
-
-  .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-x-2 {
-    --transform-skew-x: -2deg;
-  }
-
-  .sm\:-skew-x-1 {
-    --transform-skew-x: -1deg;
-  }
-
-  .sm\:skew-y-0 {
-    --transform-skew-y: 0;
-  }
-
-  .sm\:skew-y-1 {
-    --transform-skew-y: 1deg;
-  }
-
-  .sm\:skew-y-2 {
-    --transform-skew-y: 2deg;
-  }
-
-  .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\:-skew-y-2 {
-    --transform-skew-y: -2deg;
-  }
-
-  .sm\:-skew-y-1 {
-    --transform-skew-y: -1deg;
-  }
-
-  .sm\:hover\:skew-x-0:hover {
-    --transform-skew-x: 0;
-  }
-
-  .sm\:hover\:skew-x-1:hover {
-    --transform-skew-x: 1deg;
-  }
-
-  .sm\:hover\:skew-x-2:hover {
-    --transform-skew-x: 2deg;
-  }
-
-  .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-x-2:hover {
-    --transform-skew-x: -2deg;
-  }
-
-  .sm\:hover\:-skew-x-1:hover {
-    --transform-skew-x: -1deg;
-  }
-
-  .sm\:hover\:skew-y-0:hover {
-    --transform-skew-y: 0;
-  }
-
-  .sm\:hover\:skew-y-1:hover {
-    --transform-skew-y: 1deg;
-  }
-
-  .sm\:hover\:skew-y-2:hover {
-    --transform-skew-y: 2deg;
-  }
-
-  .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\:hover\:-skew-y-2:hover {
-    --transform-skew-y: -2deg;
-  }
-
-  .sm\:hover\:-skew-y-1:hover {
-    --transform-skew-y: -1deg;
-  }
-
-  .sm\:focus\:skew-x-0:focus {
-    --transform-skew-x: 0;
-  }
-
-  .sm\:focus\:skew-x-1:focus {
-    --transform-skew-x: 1deg;
-  }
-
-  .sm\:focus\:skew-x-2:focus {
-    --transform-skew-x: 2deg;
-  }
-
-  .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-x-2:focus {
-    --transform-skew-x: -2deg;
-  }
-
-  .sm\:focus\:-skew-x-1:focus {
-    --transform-skew-x: -1deg;
-  }
-
-  .sm\:focus\:skew-y-0:focus {
-    --transform-skew-y: 0;
-  }
-
-  .sm\:focus\:skew-y-1:focus {
-    --transform-skew-y: 1deg;
-  }
-
-  .sm\:focus\:skew-y-2:focus {
-    --transform-skew-y: 2deg;
-  }
-
-  .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\:focus\:-skew-y-2:focus {
-    --transform-skew-y: -2deg;
-  }
-
-  .sm\:focus\:-skew-y-1:focus {
-    --transform-skew-y: -1deg;
-  }
-
-  .sm\:transition-none {
-    transition-property: none;
-  }
-
-  .sm\:transition-all {
-    transition-property: all;
-  }
-
-  .sm\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-  }
-
-  .sm\:transition-colors {
-    transition-property: background-color, border-color, color, fill, stroke;
-  }
-
-  .sm\:transition-opacity {
-    transition-property: opacity;
-  }
-
-  .sm\:transition-shadow {
-    transition-property: box-shadow;
-  }
-
-  .sm\:transition-transform {
-    transition-property: transform;
-  }
-
-  .sm\:ease-linear {
-    transition-timing-function: linear;
-  }
-
-  .sm\:ease-in {
-    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-  }
-
-  .sm\:ease-out {
-    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  }
-
-  .sm\:ease-in-out {
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  }
-
-  .sm\:duration-75 {
-    transition-duration: 75ms;
-  }
-
-  .sm\:duration-100 {
-    transition-duration: 100ms;
-  }
-
-  .sm\:duration-150 {
-    transition-duration: 150ms;
-  }
-
-  .sm\:duration-200 {
-    transition-duration: 200ms;
-  }
-
-  .sm\:duration-300 {
-    transition-duration: 300ms;
-  }
-
-  .sm\:duration-500 {
-    transition-duration: 500ms;
-  }
-
-  .sm\:duration-700 {
-    transition-duration: 700ms;
-  }
-
-  .sm\:duration-1000 {
-    transition-duration: 1000ms;
-  }
-
-  .sm\:delay-75 {
-    transition-delay: 75ms;
-  }
-
-  .sm\:delay-100 {
-    transition-delay: 100ms;
-  }
-
-  .sm\:delay-150 {
-    transition-delay: 150ms;
-  }
-
-  .sm\:delay-200 {
-    transition-delay: 200ms;
-  }
-
-  .sm\:delay-300 {
-    transition-delay: 300ms;
-  }
-
-  .sm\:delay-500 {
-    transition-delay: 500ms;
-  }
-
-  .sm\:delay-700 {
-    transition-delay: 700ms;
-  }
-
-  .sm\:delay-1000 {
-    transition-delay: 1000ms;
-  }
-
-  .sm\:animate-none {
-    -webkit-animation: none;
-            animation: none;
-  }
-
-  .sm\:animate-spin {
-    -webkit-animation: spin 1s linear infinite;
-            animation: spin 1s linear infinite;
-  }
-
-  .sm\:animate-ping {
-    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-  }
-
-  .sm\:animate-pulse {
-    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-  }
-
-  .sm\:animate-bounce {
-    -webkit-animation: bounce 1s infinite;
-            animation: bounce 1s infinite;
-  }
-}
-
-@media (min-width: 768px) {
-  .md\:container {
-    width: 100%;
-  }
-
-  @media (min-width: 640px) {
-    .md\:container {
-      max-width: 640px;
-    }
-  }
-
-  @media (min-width: 768px) {
-    .md\:container {
-      max-width: 768px;
-    }
-  }
-
-  @media (min-width: 1024px) {
-    .md\:container {
-      max-width: 1024px;
-    }
-  }
-
-  @media (min-width: 1280px) {
-    .md\:container {
-      max-width: 1280px;
-    }
-  }
-
-  .md\:prose {
-    color: #374151;
-    max-width: 65ch;
-  }
-
-  .md\:prose [class~="lead"] {
-    color: #4b5563;
-    font-size: 1.25em;
-    line-height: 1.6;
-    margin-top: 1.2em;
-    margin-bottom: 1.2em;
-  }
-
-  .md\:prose a {
-    color: #5850ec;
-    text-decoration: none;
-    font-weight: 600;
-  }
-
-  .md\:prose strong {
-    color: #161e2e;
-    font-weight: 600;
-  }
-
-  .md\:prose ol {
-    counter-reset: list-counter;
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
-  }
-
-  .md\:prose ol > li {
-    position: relative;
-    counter-increment: list-counter;
-    padding-left: 1.75em;
-  }
-
-  .md\:prose ol > li::before {
-    content: counter(list-counter) ".";
-    position: absolute;
-    font-weight: 400;
-    color: #6b7280;
-  }
-
-  .md\:prose ul > li {
-    position: relative;
-    padding-left: 1.75em;
-  }
-
-  .md\:prose ul > li::before {
-    content: "";
-    position: absolute;
-    background-color: #d2d6dc;
-    border-radius: 50%;
-    width: 0.375em;
-    height: 0.375em;
-    top: calc(0.875em - 0.1875em);
-    left: 0.25em;
-  }
-
-  .md\:prose hr {
-    border-color: #e5e7eb;
-    border-top-width: 1px;
-    margin-top: 3em;
-    margin-bottom: 3em;
-  }
-
-  .md\:prose blockquote {
-    font-weight: 500;
-    font-style: italic;
-    color: #161e2e;
-    border-left-width: 0.25rem;
-    border-left-color: #e5e7eb;
-    quotes: "\201C""\201D""\2018""\2019";
-    margin-top: 1.6em;
-    margin-bottom: 1.6em;
-    padding-left: 1em;
-  }
-
-  .md\:prose blockquote p:first-of-type::before {
-    content: open-quote;
-  }
-
-  .md\:prose blockquote p:last-of-type::after {
-    content: close-quote;
-  }
-
-  .md\:prose h1 {
-    color: #1a202c;
-    font-weight: 800;
-    font-size: 2.25em;
-    margin-top: 0;
-    margin-bottom: 0.8888889em;
-    line-height: 1.1111111;
-  }
-
-  .md\:prose h2 {
-    color: #1a202c;
-    font-weight: 700;
-    font-size: 1.5em;
-    margin-top: 2em;
-    margin-bottom: 1em;
-    line-height: 1.3333333;
-  }
-
-  .md\:prose h3 {
-    color: #1a202c;
-    font-weight: 600;
-    font-size: 1.25em;
-    margin-top: 1.6em;
-    margin-bottom: 0.6em;
-    line-height: 1.6;
-  }
-
-  .md\:prose h4 {
-    color: #1a202c;
-    font-weight: 600;
-    margin-top: 1.5em;
-    margin-bottom: 0.5em;
-    line-height: 1.5;
-  }
-
-  .md\:prose figure figcaption {
-    color: #6b7280;
-    font-size: 0.875em;
-    line-height: 1.4285714;
-    margin-top: 0.8571429em;
-  }
-
-  .md\:prose code {
-    color: #161e2e;
-    font-weight: 600;
-    font-size: 0.875em;
-  }
-
-  .md\:prose code::before {
-    content: "`";
-  }
-
-  .md\:prose code::after {
-    content: "`";
-  }
-
-  .md\:prose pre {
-    color: #e5e7eb;
-    background-color: #252f3f;
-    overflow-x: auto;
-    font-size: 0.875em;
-    line-height: 1.7142857;
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
-    border-radius: 0.375rem;
-    padding-top: 0.8571429em;
-    padding-right: 1.1428571em;
-    padding-bottom: 0.8571429em;
-    padding-left: 1.1428571em;
-  }
-
-  .md\:prose pre code {
-    background-color: transparent;
-    border-width: 0;
-    border-radius: 0;
-    padding: 0;
-    font-weight: 400;
-    color: inherit;
-    font-size: inherit;
-    font-family: inherit;
-    line-height: inherit;
-  }
-
-  .md\:prose pre code::before {
-    content: "";
-  }
-
-  .md\:prose pre code::after {
-    content: "";
-  }
-
-  .md\:prose table {
-    width: 100%;
-    table-layout: auto;
-    text-align: left;
-    margin-top: 2em;
-    margin-bottom: 2em;
-    font-size: 0.875em;
-    line-height: 1.7142857;
-  }
-
-  .md\:prose thead {
-    color: #161e2e;
-    font-weight: 600;
-    border-bottom-width: 1px;
-    border-bottom-color: #d2d6dc;
-  }
-
-  .md\:prose thead th {
-    vertical-align: bottom;
-    padding-right: 0.5714286em;
-    padding-bottom: 0.5714286em;
-    padding-left: 0.5714286em;
-  }
-
-  .md\:prose tbody tr {
-    border-bottom-width: 1px;
-    border-bottom-color: #e5e7eb;
-  }
-
-  .md\:prose tbody tr:last-child {
-    border-bottom-width: 0;
-  }
-
-  .md\:prose tbody td {
-    vertical-align: top;
-    padding-top: 0.5714286em;
-    padding-right: 0.5714286em;
-    padding-bottom: 0.5714286em;
-    padding-left: 0.5714286em;
-  }
-
-  .md\:prose {
-    font-size: 1rem;
-    line-height: 1.75;
-  }
-
-  .md\:prose p {
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
-  }
-
-  .md\:prose img {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .md\:prose video {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .md\:prose figure {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .md\:prose figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .md\:prose h2 code {
-    font-size: 0.875em;
-  }
-
-  .md\:prose h3 code {
-    font-size: 0.9em;
-  }
-
-  .md\:prose ul {
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
-  }
-
-  .md\:prose li {
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
-  }
-
-  .md\:prose ol > li:before {
-    left: 0;
-  }
-
-  .md\:prose > ul > li p {
-    margin-top: 0.75em;
-    margin-bottom: 0.75em;
-  }
-
-  .md\:prose > ul > li > *:first-child {
-    margin-top: 1.25em;
-  }
-
-  .md\:prose > ul > li > *:last-child {
-    margin-bottom: 1.25em;
-  }
-
-  .md\:prose > ol > li > *:first-child {
-    margin-top: 1.25em;
-  }
-
-  .md\:prose > ol > li > *:last-child {
-    margin-bottom: 1.25em;
-  }
-
-  .md\:prose ul ul, .md\:prose ul ol, .md\:prose ol ul, .md\:prose ol ol {
-    margin-top: 0.75em;
-    margin-bottom: 0.75em;
-  }
-
-  .md\:prose hr + * {
-    margin-top: 0;
-  }
-
-  .md\:prose h2 + * {
-    margin-top: 0;
-  }
-
-  .md\:prose h3 + * {
-    margin-top: 0;
-  }
-
-  .md\:prose h4 + * {
-    margin-top: 0;
-  }
-
-  .md\:prose thead th:first-child {
-    padding-left: 0;
-  }
-
-  .md\:prose thead th:last-child {
-    padding-right: 0;
-  }
-
-  .md\:prose tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .md\:prose tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .md\:prose > :first-child {
-    margin-top: 0;
-  }
-
-  .md\:prose > :last-child {
-    margin-bottom: 0;
-  }
-
-  .md\:prose h1, .md\:prose h2, .md\:prose h3, .md\:prose h4 {
-    color: #161e2e;
-  }
-
-  .md\:prose-sm {
-    font-size: 0.875rem;
-    line-height: 1.7142857;
-  }
-
-  .md\:prose-sm p {
-    margin-top: 1.1428571em;
-    margin-bottom: 1.1428571em;
-  }
-
-  .md\:prose-sm [class~="lead"] {
-    font-size: 1.2857143em;
-    line-height: 1.5555556;
-    margin-top: 0.8888889em;
-    margin-bottom: 0.8888889em;
-  }
-
-  .md\:prose-sm blockquote {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-    padding-left: 1.1111111em;
-  }
-
-  .md\:prose-sm h1 {
-    font-size: 2.1428571em;
-    margin-top: 0;
-    margin-bottom: 0.8em;
-    line-height: 1.2;
-  }
-
-  .md\:prose-sm h2 {
-    font-size: 1.4285714em;
-    margin-top: 1.6em;
-    margin-bottom: 0.8em;
-    line-height: 1.4;
-  }
-
-  .md\:prose-sm h3 {
-    font-size: 1.2857143em;
-    margin-top: 1.5555556em;
-    margin-bottom: 0.4444444em;
-    line-height: 1.5555556;
-  }
-
-  .md\:prose-sm h4 {
-    margin-top: 1.4285714em;
-    margin-bottom: 0.5714286em;
-    line-height: 1.4285714;
-  }
-
-  .md\:prose-sm img {
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
-  }
-
-  .md\:prose-sm video {
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
-  }
-
-  .md\:prose-sm figure {
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
-  }
-
-  .md\:prose-sm figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .md\:prose-sm figure figcaption {
-    font-size: 0.8571429em;
-    line-height: 1.3333333;
-    margin-top: 0.6666667em;
-  }
-
-  .md\:prose-sm code {
-    font-size: 0.8571429em;
-  }
-
-  .md\:prose-sm h2 code {
-    font-size: 0.9em;
-  }
-
-  .md\:prose-sm h3 code {
-    font-size: 0.8888889em;
-  }
-
-  .md\:prose-sm pre {
-    font-size: 0.8571429em;
-    line-height: 1.6666667;
-    margin-top: 1.6666667em;
-    margin-bottom: 1.6666667em;
-    border-radius: 0.25rem;
-    padding-top: 0.6666667em;
-    padding-right: 1em;
-    padding-bottom: 0.6666667em;
-    padding-left: 1em;
-  }
-
-  .md\:prose-sm ol {
-    margin-top: 1.1428571em;
-    margin-bottom: 1.1428571em;
-  }
-
-  .md\:prose-sm ul {
-    margin-top: 1.1428571em;
-    margin-bottom: 1.1428571em;
-  }
-
-  .md\:prose-sm li {
-    margin-top: 0.2857143em;
-    margin-bottom: 0.2857143em;
-  }
-
-  .md\:prose-sm ol > li {
-    padding-left: 1.5714286em;
-  }
-
-  .md\:prose-sm ol > li:before {
-    left: 0;
-  }
-
-  .md\:prose-sm ul > li {
-    padding-left: 1.5714286em;
-  }
-
-  .md\:prose-sm ul > li::before {
-    height: 0.3571429em;
-    width: 0.3571429em;
-    top: calc(0.8571429em - 0.1785714em);
-    left: 0.2142857em;
-  }
-
-  .md\:prose-sm > ul > li p {
-    margin-top: 0.5714286em;
-    margin-bottom: 0.5714286em;
-  }
-
-  .md\:prose-sm > ul > li > *:first-child {
-    margin-top: 1.1428571em;
-  }
-
-  .md\:prose-sm > ul > li > *:last-child {
-    margin-bottom: 1.1428571em;
-  }
-
-  .md\:prose-sm > ol > li > *:first-child {
-    margin-top: 1.1428571em;
-  }
-
-  .md\:prose-sm > ol > li > *:last-child {
-    margin-bottom: 1.1428571em;
-  }
-
-  .md\:prose-sm ul ul, .md\:prose-sm ul ol, .md\:prose-sm ol ul, .md\:prose-sm ol ol {
-    margin-top: 0.5714286em;
-    margin-bottom: 0.5714286em;
-  }
-
-  .md\:prose-sm hr {
-    margin-top: 2.8571429em;
-    margin-bottom: 2.8571429em;
-  }
-
-  .md\:prose-sm hr + * {
-    margin-top: 0;
-  }
-
-  .md\:prose-sm h2 + * {
-    margin-top: 0;
-  }
-
-  .md\:prose-sm h3 + * {
-    margin-top: 0;
-  }
-
-  .md\:prose-sm h4 + * {
-    margin-top: 0;
-  }
-
-  .md\:prose-sm table {
-    font-size: 0.8571429em;
-    line-height: 1.5;
-  }
-
-  .md\:prose-sm thead th {
-    padding-right: 1em;
-    padding-bottom: 0.6666667em;
-    padding-left: 1em;
-  }
-
-  .md\:prose-sm thead th:first-child {
-    padding-left: 0;
-  }
-
-  .md\:prose-sm thead th:last-child {
-    padding-right: 0;
-  }
-
-  .md\:prose-sm tbody td {
-    padding-top: 0.6666667em;
-    padding-right: 1em;
-    padding-bottom: 0.6666667em;
-    padding-left: 1em;
-  }
-
-  .md\:prose-sm tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .md\:prose-sm tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .md\:prose-sm > :first-child {
-    margin-top: 0;
-  }
-
-  .md\:prose-sm > :last-child {
-    margin-bottom: 0;
-  }
-
-  .md\:prose-lg {
-    font-size: 1.125rem;
-    line-height: 1.7777778;
-  }
-
-  .md\:prose-lg p {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .md\:prose-lg [class~="lead"] {
-    font-size: 1.2222222em;
-    line-height: 1.4545455;
-    margin-top: 1.0909091em;
-    margin-bottom: 1.0909091em;
-  }
-
-  .md\:prose-lg blockquote {
-    margin-top: 1.6666667em;
-    margin-bottom: 1.6666667em;
-    padding-left: 1em;
-  }
-
-  .md\:prose-lg h1 {
-    font-size: 2.6666667em;
-    margin-top: 0;
-    margin-bottom: 0.8333333em;
-    line-height: 1;
-  }
-
-  .md\:prose-lg h2 {
-    font-size: 1.6666667em;
-    margin-top: 1.8666667em;
-    margin-bottom: 1.0666667em;
-    line-height: 1.3333333;
-  }
-
-  .md\:prose-lg h3 {
-    font-size: 1.3333333em;
-    margin-top: 1.6666667em;
-    margin-bottom: 0.6666667em;
-    line-height: 1.5;
-  }
-
-  .md\:prose-lg h4 {
-    margin-top: 1.7777778em;
-    margin-bottom: 0.4444444em;
-    line-height: 1.5555556;
-  }
-
-  .md\:prose-lg img {
-    margin-top: 1.7777778em;
-    margin-bottom: 1.7777778em;
-  }
-
-  .md\:prose-lg video {
-    margin-top: 1.7777778em;
-    margin-bottom: 1.7777778em;
-  }
-
-  .md\:prose-lg figure {
-    margin-top: 1.7777778em;
-    margin-bottom: 1.7777778em;
-  }
-
-  .md\:prose-lg figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .md\:prose-lg figure figcaption {
-    font-size: 0.8888889em;
-    line-height: 1.5;
-    margin-top: 1em;
-  }
-
-  .md\:prose-lg code {
-    font-size: 0.8888889em;
-  }
-
-  .md\:prose-lg h2 code {
-    font-size: 0.8666667em;
-  }
-
-  .md\:prose-lg h3 code {
-    font-size: 0.875em;
-  }
-
-  .md\:prose-lg pre {
-    font-size: 0.8888889em;
-    line-height: 1.75;
-    margin-top: 2em;
-    margin-bottom: 2em;
-    border-radius: 0.375rem;
-    padding-top: 1em;
-    padding-right: 1.5em;
-    padding-bottom: 1em;
-    padding-left: 1.5em;
-  }
-
-  .md\:prose-lg ol {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .md\:prose-lg ul {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .md\:prose-lg li {
-    margin-top: 0.6666667em;
-    margin-bottom: 0.6666667em;
-  }
-
-  .md\:prose-lg ol > li {
-    padding-left: 1.6666667em;
-  }
-
-  .md\:prose-lg ol > li:before {
-    left: 0;
-  }
-
-  .md\:prose-lg ul > li {
-    padding-left: 1.6666667em;
-  }
-
-  .md\:prose-lg ul > li::before {
-    width: 0.3333333em;
-    height: 0.3333333em;
-    top: calc(0.8888889em - 0.1666667em);
-    left: 0.2222222em;
-  }
-
-  .md\:prose-lg > ul > li p {
-    margin-top: 0.8888889em;
-    margin-bottom: 0.8888889em;
-  }
-
-  .md\:prose-lg > ul > li > *:first-child {
-    margin-top: 1.3333333em;
-  }
-
-  .md\:prose-lg > ul > li > *:last-child {
-    margin-bottom: 1.3333333em;
-  }
-
-  .md\:prose-lg > ol > li > *:first-child {
-    margin-top: 1.3333333em;
-  }
-
-  .md\:prose-lg > ol > li > *:last-child {
-    margin-bottom: 1.3333333em;
-  }
-
-  .md\:prose-lg ul ul, .md\:prose-lg ul ol, .md\:prose-lg ol ul, .md\:prose-lg ol ol {
-    margin-top: 0.8888889em;
-    margin-bottom: 0.8888889em;
-  }
-
-  .md\:prose-lg hr {
-    margin-top: 3.1111111em;
-    margin-bottom: 3.1111111em;
-  }
-
-  .md\:prose-lg hr + * {
-    margin-top: 0;
-  }
-
-  .md\:prose-lg h2 + * {
-    margin-top: 0;
-  }
-
-  .md\:prose-lg h3 + * {
-    margin-top: 0;
-  }
-
-  .md\:prose-lg h4 + * {
-    margin-top: 0;
-  }
-
-  .md\:prose-lg table {
-    font-size: 0.8888889em;
-    line-height: 1.5;
-  }
-
-  .md\:prose-lg thead th {
-    padding-right: 0.75em;
-    padding-bottom: 0.75em;
-    padding-left: 0.75em;
-  }
-
-  .md\:prose-lg thead th:first-child {
-    padding-left: 0;
-  }
-
-  .md\:prose-lg thead th:last-child {
-    padding-right: 0;
-  }
-
-  .md\:prose-lg tbody td {
-    padding-top: 0.75em;
-    padding-right: 0.75em;
-    padding-bottom: 0.75em;
-    padding-left: 0.75em;
-  }
-
-  .md\:prose-lg tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .md\:prose-lg tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .md\:prose-lg > :first-child {
-    margin-top: 0;
-  }
-
-  .md\:prose-lg > :last-child {
-    margin-bottom: 0;
-  }
-
-  .md\:prose-xl {
-    font-size: 1.25rem;
-    line-height: 1.8;
-  }
-
-  .md\:prose-xl p {
-    margin-top: 1.2em;
-    margin-bottom: 1.2em;
-  }
-
-  .md\:prose-xl [class~="lead"] {
-    font-size: 1.2em;
-    line-height: 1.5;
-    margin-top: 1em;
-    margin-bottom: 1em;
-  }
-
-  .md\:prose-xl blockquote {
-    margin-top: 1.6em;
-    margin-bottom: 1.6em;
-    padding-left: 1.0666667em;
-  }
-
-  .md\:prose-xl h1 {
-    font-size: 2.8em;
-    margin-top: 0;
-    margin-bottom: 0.8571429em;
-    line-height: 1;
-  }
-
-  .md\:prose-xl h2 {
-    font-size: 1.8em;
-    margin-top: 1.5555556em;
-    margin-bottom: 0.8888889em;
-    line-height: 1.1111111;
-  }
-
-  .md\:prose-xl h3 {
-    font-size: 1.5em;
-    margin-top: 1.6em;
-    margin-bottom: 0.6666667em;
-    line-height: 1.3333333;
-  }
-
-  .md\:prose-xl h4 {
-    margin-top: 1.8em;
-    margin-bottom: 0.6em;
-    line-height: 1.6;
-  }
-
-  .md\:prose-xl img {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .md\:prose-xl video {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .md\:prose-xl figure {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .md\:prose-xl figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .md\:prose-xl figure figcaption {
-    font-size: 0.9em;
-    line-height: 1.5555556;
-    margin-top: 1em;
-  }
-
-  .md\:prose-xl code {
-    font-size: 0.9em;
-  }
-
-  .md\:prose-xl h2 code {
-    font-size: 0.8611111em;
-  }
-
-  .md\:prose-xl h3 code {
-    font-size: 0.9em;
-  }
-
-  .md\:prose-xl pre {
-    font-size: 0.9em;
-    line-height: 1.7777778;
-    margin-top: 2em;
-    margin-bottom: 2em;
-    border-radius: 0.5rem;
-    padding-top: 1.1111111em;
-    padding-right: 1.3333333em;
-    padding-bottom: 1.1111111em;
-    padding-left: 1.3333333em;
-  }
-
-  .md\:prose-xl ol {
-    margin-top: 1.2em;
-    margin-bottom: 1.2em;
-  }
-
-  .md\:prose-xl ul {
-    margin-top: 1.2em;
-    margin-bottom: 1.2em;
-  }
-
-  .md\:prose-xl li {
-    margin-top: 0.6em;
-    margin-bottom: 0.6em;
-  }
-
-  .md\:prose-xl ol > li {
-    padding-left: 1.8em;
-  }
-
-  .md\:prose-xl ol > li:before {
-    left: 0;
-  }
-
-  .md\:prose-xl ul > li {
-    padding-left: 1.8em;
-  }
-
-  .md\:prose-xl ul > li::before {
-    width: 0.35em;
-    height: 0.35em;
-    top: calc(0.9em - 0.175em);
-    left: 0.25em;
-  }
-
-  .md\:prose-xl > ul > li p {
-    margin-top: 0.8em;
-    margin-bottom: 0.8em;
-  }
-
-  .md\:prose-xl > ul > li > *:first-child {
-    margin-top: 1.2em;
-  }
-
-  .md\:prose-xl > ul > li > *:last-child {
-    margin-bottom: 1.2em;
-  }
-
-  .md\:prose-xl > ol > li > *:first-child {
-    margin-top: 1.2em;
-  }
-
-  .md\:prose-xl > ol > li > *:last-child {
-    margin-bottom: 1.2em;
-  }
-
-  .md\:prose-xl ul ul, .md\:prose-xl ul ol, .md\:prose-xl ol ul, .md\:prose-xl ol ol {
-    margin-top: 0.8em;
-    margin-bottom: 0.8em;
-  }
-
-  .md\:prose-xl hr {
-    margin-top: 2.8em;
-    margin-bottom: 2.8em;
-  }
-
-  .md\:prose-xl hr + * {
-    margin-top: 0;
-  }
-
-  .md\:prose-xl h2 + * {
-    margin-top: 0;
-  }
-
-  .md\:prose-xl h3 + * {
-    margin-top: 0;
-  }
-
-  .md\:prose-xl h4 + * {
-    margin-top: 0;
-  }
-
-  .md\:prose-xl table {
-    font-size: 0.9em;
-    line-height: 1.5555556;
-  }
-
-  .md\:prose-xl thead th {
-    padding-right: 0.6666667em;
-    padding-bottom: 0.8888889em;
-    padding-left: 0.6666667em;
-  }
-
-  .md\:prose-xl thead th:first-child {
-    padding-left: 0;
-  }
-
-  .md\:prose-xl thead th:last-child {
-    padding-right: 0;
-  }
-
-  .md\:prose-xl tbody td {
-    padding-top: 0.8888889em;
-    padding-right: 0.6666667em;
-    padding-bottom: 0.8888889em;
-    padding-left: 0.6666667em;
-  }
-
-  .md\:prose-xl tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .md\:prose-xl tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .md\:prose-xl > :first-child {
-    margin-top: 0;
-  }
-
-  .md\:prose-xl > :last-child {
-    margin-bottom: 0;
-  }
-
-  .md\:prose-2xl {
-    font-size: 1.5rem;
-    line-height: 1.6666667;
-  }
-
-  .md\:prose-2xl p {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .md\:prose-2xl [class~="lead"] {
-    font-size: 1.25em;
-    line-height: 1.4666667;
-    margin-top: 1.0666667em;
-    margin-bottom: 1.0666667em;
-  }
-
-  .md\:prose-2xl blockquote {
-    margin-top: 1.7777778em;
-    margin-bottom: 1.7777778em;
-    padding-left: 1.1111111em;
-  }
-
-  .md\:prose-2xl h1 {
-    font-size: 2.6666667em;
-    margin-top: 0;
-    margin-bottom: 0.875em;
-    line-height: 1;
-  }
-
-  .md\:prose-2xl h2 {
-    font-size: 2em;
-    margin-top: 1.5em;
-    margin-bottom: 0.8333333em;
-    line-height: 1.0833333;
-  }
-
-  .md\:prose-2xl h3 {
-    font-size: 1.5em;
-    margin-top: 1.5555556em;
-    margin-bottom: 0.6666667em;
-    line-height: 1.2222222;
-  }
-
-  .md\:prose-2xl h4 {
-    margin-top: 1.6666667em;
-    margin-bottom: 0.6666667em;
-    line-height: 1.5;
-  }
-
-  .md\:prose-2xl img {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .md\:prose-2xl video {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .md\:prose-2xl figure {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .md\:prose-2xl figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .md\:prose-2xl figure figcaption {
-    font-size: 0.8333333em;
-    line-height: 1.6;
-    margin-top: 1em;
-  }
-
-  .md\:prose-2xl code {
-    font-size: 0.8333333em;
-  }
-
-  .md\:prose-2xl h2 code {
-    font-size: 0.875em;
-  }
-
-  .md\:prose-2xl h3 code {
-    font-size: 0.8888889em;
-  }
-
-  .md\:prose-2xl pre {
-    font-size: 0.8333333em;
-    line-height: 1.8;
-    margin-top: 2em;
-    margin-bottom: 2em;
-    border-radius: 0.5rem;
-    padding-top: 1.2em;
-    padding-right: 1.6em;
-    padding-bottom: 1.2em;
-    padding-left: 1.6em;
-  }
-
-  .md\:prose-2xl ol {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .md\:prose-2xl ul {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .md\:prose-2xl li {
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
-  }
-
-  .md\:prose-2xl ol > li {
-    padding-left: 1.6666667em;
-  }
-
-  .md\:prose-2xl ol > li:before {
-    left: 0;
-  }
-
-  .md\:prose-2xl ul > li {
-    padding-left: 1.6666667em;
-  }
-
-  .md\:prose-2xl ul > li::before {
-    width: 0.3333333em;
-    height: 0.3333333em;
-    top: calc(0.8333333em - 0.1666667em);
-    left: 0.25em;
-  }
-
-  .md\:prose-2xl > ul > li p {
-    margin-top: 0.8333333em;
-    margin-bottom: 0.8333333em;
-  }
-
-  .md\:prose-2xl > ul > li > *:first-child {
-    margin-top: 1.3333333em;
-  }
-
-  .md\:prose-2xl > ul > li > *:last-child {
-    margin-bottom: 1.3333333em;
-  }
-
-  .md\:prose-2xl > ol > li > *:first-child {
-    margin-top: 1.3333333em;
-  }
-
-  .md\:prose-2xl > ol > li > *:last-child {
-    margin-bottom: 1.3333333em;
-  }
-
-  .md\:prose-2xl ul ul, .md\:prose-2xl ul ol, .md\:prose-2xl ol ul, .md\:prose-2xl ol ol {
-    margin-top: 0.6666667em;
-    margin-bottom: 0.6666667em;
-  }
-
-  .md\:prose-2xl hr {
-    margin-top: 3em;
-    margin-bottom: 3em;
-  }
-
-  .md\:prose-2xl hr + * {
-    margin-top: 0;
-  }
-
-  .md\:prose-2xl h2 + * {
-    margin-top: 0;
-  }
-
-  .md\:prose-2xl h3 + * {
-    margin-top: 0;
-  }
-
-  .md\:prose-2xl h4 + * {
-    margin-top: 0;
-  }
-
-  .md\:prose-2xl table {
-    font-size: 0.8333333em;
-    line-height: 1.4;
-  }
-
-  .md\:prose-2xl thead th {
-    padding-right: 0.6em;
-    padding-bottom: 0.8em;
-    padding-left: 0.6em;
-  }
-
-  .md\:prose-2xl thead th:first-child {
-    padding-left: 0;
-  }
-
-  .md\:prose-2xl thead th:last-child {
-    padding-right: 0;
-  }
-
-  .md\:prose-2xl tbody td {
-    padding-top: 0.8em;
-    padding-right: 0.6em;
-    padding-bottom: 0.8em;
-    padding-left: 0.6em;
-  }
-
-  .md\:prose-2xl tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .md\:prose-2xl tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .md\:prose-2xl > :first-child {
-    margin-top: 0;
-  }
-
-  .md\:prose-2xl > :last-child {
-    margin-bottom: 0;
-  }
-
-  .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-44 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(11rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(11rem * var(--space-y-reverse));
-  }
-
-  .md\:space-x-44 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(11rem * var(--space-x-reverse));
-    margin-left: calc(11rem * 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-52 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(13rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(13rem * var(--space-y-reverse));
-  }
-
-  .md\:space-x-52 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(13rem * var(--space-x-reverse));
-    margin-left: calc(13rem * 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-44 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-11rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-11rem * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-44 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-11rem * var(--space-x-reverse));
-    margin-left: calc(-11rem * 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-52 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-13rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-13rem * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-52 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-13rem * var(--space-x-reverse));
-    margin-left: calc(-13rem * 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-current > :not(template) ~ :not(template) {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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-cool-gray-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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-solid > :not(template) ~ :not(template) {
-    border-style: solid;
-  }
-
-  .md\:divide-dashed > :not(template) ~ :not(template) {
-    border-style: dashed;
-  }
-
-  .md\:divide-dotted > :not(template) ~ :not(template) {
-    border-style: dotted;
-  }
-
-  .md\:divide-double > :not(template) ~ :not(template) {
-    border-style: double;
-  }
-
-  .md\:divide-none > :not(template) ~ :not(template) {
-    border-style: none;
-  }
-
-  .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-clip-border {
-    background-clip: border-box;
-  }
-
-  .md\:bg-clip-padding {
-    background-clip: padding-box;
-  }
-
-  .md\:bg-clip-content {
-    background-clip: content-box;
-  }
-
-  .md\:bg-clip-text {
-    -webkit-background-clip: text;
-            background-clip: text;
-  }
-
-  .md\:bg-current {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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));
-  }
-
-  .md\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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));
-  }
-
-  .group:hover .md\:group-hover\:bg-current {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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:hover .md\:group-hover\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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:focus .md\:group-focus\:bg-current {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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));
-  }
-
-  .group:focus .md\:group-focus\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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));
-  }
-
-  .md\:hover\:bg-current:hover {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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\:hover\:bg-cool-gray-50:hover {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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\:focus\:bg-current:focus {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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\:focus\:bg-cool-gray-50:focus {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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\:active\:bg-current:active {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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\:active\:bg-cool-gray-50:active {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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\:bg-none {
-    background-image: none;
-  }
-
-  .md\:bg-gradient-to-t {
-    background-image: linear-gradient(to top, var(--gradient-color-stops));
-  }
-
-  .md\:bg-gradient-to-tr {
-    background-image: linear-gradient(to top right, var(--gradient-color-stops));
-  }
-
-  .md\:bg-gradient-to-r {
-    background-image: linear-gradient(to right, var(--gradient-color-stops));
-  }
-
-  .md\:bg-gradient-to-br {
-    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
-  }
-
-  .md\:bg-gradient-to-b {
-    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
-  }
-
-  .md\:bg-gradient-to-bl {
-    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
-  }
-
-  .md\:bg-gradient-to-l {
-    background-image: linear-gradient(to left, var(--gradient-color-stops));
-  }
-
-  .md\:bg-gradient-to-tl {
-    background-image: linear-gradient(to top left, var(--gradient-color-stops));
-  }
-
-  .md\:from-current {
-    --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .md\:from-transparent {
-    --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .md\:from-white {
-    --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .md\:from-black {
-    --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .md\:from-gray-50 {
-    --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .md\:from-gray-100 {
-    --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .md\:from-gray-200 {
-    --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .md\:from-gray-300 {
-    --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .md\:from-gray-400 {
-    --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .md\:from-gray-500 {
-    --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .md\:from-gray-600 {
-    --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .md\:from-gray-700 {
-    --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .md\:from-gray-800 {
-    --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .md\:from-gray-900 {
-    --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .md\:from-red-50 {
-    --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .md\:from-red-100 {
-    --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .md\:from-red-200 {
-    --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .md\:from-red-300 {
-    --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .md\:from-red-400 {
-    --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .md\:from-red-500 {
-    --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .md\:from-red-600 {
-    --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .md\:from-red-700 {
-    --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .md\:from-red-800 {
-    --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .md\:from-red-900 {
-    --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .md\:from-orange-50 {
-    --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .md\:from-orange-100 {
-    --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .md\:from-orange-200 {
-    --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .md\:from-orange-300 {
-    --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .md\:from-orange-400 {
-    --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .md\:from-orange-500 {
-    --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .md\:from-orange-600 {
-    --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .md\:from-orange-700 {
-    --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .md\:from-orange-800 {
-    --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .md\:from-orange-900 {
-    --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .md\:from-yellow-50 {
-    --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .md\:from-yellow-100 {
-    --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .md\:from-yellow-200 {
-    --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .md\:from-yellow-300 {
-    --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .md\:from-yellow-400 {
-    --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .md\:from-yellow-500 {
-    --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .md\:from-yellow-600 {
-    --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .md\:from-yellow-700 {
-    --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .md\:from-yellow-800 {
-    --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .md\:from-yellow-900 {
-    --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .md\:from-green-50 {
-    --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .md\:from-green-100 {
-    --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .md\:from-green-200 {
-    --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .md\:from-green-300 {
-    --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .md\:from-green-400 {
-    --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .md\:from-green-500 {
-    --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .md\:from-green-600 {
-    --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .md\:from-green-700 {
-    --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .md\:from-green-800 {
-    --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .md\:from-green-900 {
-    --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .md\:from-teal-50 {
-    --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .md\:from-teal-100 {
-    --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .md\:from-teal-200 {
-    --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .md\:from-teal-300 {
-    --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .md\:from-teal-400 {
-    --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .md\:from-teal-500 {
-    --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .md\:from-teal-600 {
-    --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .md\:from-teal-700 {
-    --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .md\:from-teal-800 {
-    --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .md\:from-teal-900 {
-    --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .md\:from-blue-50 {
-    --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .md\:from-blue-100 {
-    --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .md\:from-blue-200 {
-    --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .md\:from-blue-300 {
-    --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .md\:from-blue-400 {
-    --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .md\:from-blue-500 {
-    --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .md\:from-blue-600 {
-    --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .md\:from-blue-700 {
-    --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .md\:from-blue-800 {
-    --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .md\:from-blue-900 {
-    --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .md\:from-indigo-50 {
-    --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .md\:from-indigo-100 {
-    --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .md\:from-indigo-200 {
-    --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .md\:from-indigo-300 {
-    --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .md\:from-indigo-400 {
-    --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .md\:from-indigo-500 {
-    --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .md\:from-indigo-600 {
-    --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .md\:from-indigo-700 {
-    --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .md\:from-indigo-800 {
-    --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .md\:from-indigo-900 {
-    --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .md\:from-purple-50 {
-    --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .md\:from-purple-100 {
-    --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .md\:from-purple-200 {
-    --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .md\:from-purple-300 {
-    --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .md\:from-purple-400 {
-    --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .md\:from-purple-500 {
-    --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .md\:from-purple-600 {
-    --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .md\:from-purple-700 {
-    --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .md\:from-purple-800 {
-    --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .md\:from-purple-900 {
-    --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .md\:from-pink-50 {
-    --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .md\:from-pink-100 {
-    --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .md\:from-pink-200 {
-    --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .md\:from-pink-300 {
-    --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .md\:from-pink-400 {
-    --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .md\:from-pink-500 {
-    --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .md\:from-pink-600 {
-    --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .md\:from-pink-700 {
-    --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .md\:from-pink-800 {
-    --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .md\:from-pink-900 {
-    --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .md\:from-cool-gray-50 {
-    --gradient-from-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .md\:from-cool-gray-100 {
-    --gradient-from-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .md\:from-cool-gray-200 {
-    --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .md\:from-cool-gray-300 {
-    --gradient-from-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .md\:from-cool-gray-400 {
-    --gradient-from-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .md\:from-cool-gray-500 {
-    --gradient-from-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .md\:from-cool-gray-600 {
-    --gradient-from-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .md\:from-cool-gray-700 {
-    --gradient-from-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .md\:from-cool-gray-800 {
-    --gradient-from-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .md\:from-cool-gray-900 {
-    --gradient-from-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .md\:via-current {
-    --gradient-via-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .md\:via-transparent {
-    --gradient-via-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .md\:via-white {
-    --gradient-via-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .md\:via-black {
-    --gradient-via-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .md\:via-gray-50 {
-    --gradient-via-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .md\:via-gray-100 {
-    --gradient-via-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .md\:via-gray-200 {
-    --gradient-via-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .md\:via-gray-300 {
-    --gradient-via-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .md\:via-gray-400 {
-    --gradient-via-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .md\:via-gray-500 {
-    --gradient-via-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .md\:via-gray-600 {
-    --gradient-via-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .md\:via-gray-700 {
-    --gradient-via-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .md\:via-gray-800 {
-    --gradient-via-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .md\:via-gray-900 {
-    --gradient-via-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .md\:via-red-50 {
-    --gradient-via-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .md\:via-red-100 {
-    --gradient-via-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .md\:via-red-200 {
-    --gradient-via-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .md\:via-red-300 {
-    --gradient-via-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .md\:via-red-400 {
-    --gradient-via-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .md\:via-red-500 {
-    --gradient-via-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .md\:via-red-600 {
-    --gradient-via-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .md\:via-red-700 {
-    --gradient-via-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .md\:via-red-800 {
-    --gradient-via-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .md\:via-red-900 {
-    --gradient-via-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .md\:via-orange-50 {
-    --gradient-via-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .md\:via-orange-100 {
-    --gradient-via-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .md\:via-orange-200 {
-    --gradient-via-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .md\:via-orange-300 {
-    --gradient-via-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .md\:via-orange-400 {
-    --gradient-via-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .md\:via-orange-500 {
-    --gradient-via-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .md\:via-orange-600 {
-    --gradient-via-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .md\:via-orange-700 {
-    --gradient-via-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .md\:via-orange-800 {
-    --gradient-via-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .md\:via-orange-900 {
-    --gradient-via-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .md\:via-yellow-50 {
-    --gradient-via-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .md\:via-yellow-100 {
-    --gradient-via-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .md\:via-yellow-200 {
-    --gradient-via-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .md\:via-yellow-300 {
-    --gradient-via-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .md\:via-yellow-400 {
-    --gradient-via-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .md\:via-yellow-500 {
-    --gradient-via-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .md\:via-yellow-600 {
-    --gradient-via-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .md\:via-yellow-700 {
-    --gradient-via-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .md\:via-yellow-800 {
-    --gradient-via-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .md\:via-yellow-900 {
-    --gradient-via-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .md\:via-green-50 {
-    --gradient-via-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .md\:via-green-100 {
-    --gradient-via-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .md\:via-green-200 {
-    --gradient-via-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .md\:via-green-300 {
-    --gradient-via-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .md\:via-green-400 {
-    --gradient-via-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .md\:via-green-500 {
-    --gradient-via-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .md\:via-green-600 {
-    --gradient-via-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .md\:via-green-700 {
-    --gradient-via-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .md\:via-green-800 {
-    --gradient-via-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .md\:via-green-900 {
-    --gradient-via-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .md\:via-teal-50 {
-    --gradient-via-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .md\:via-teal-100 {
-    --gradient-via-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .md\:via-teal-200 {
-    --gradient-via-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .md\:via-teal-300 {
-    --gradient-via-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .md\:via-teal-400 {
-    --gradient-via-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .md\:via-teal-500 {
-    --gradient-via-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .md\:via-teal-600 {
-    --gradient-via-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .md\:via-teal-700 {
-    --gradient-via-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .md\:via-teal-800 {
-    --gradient-via-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .md\:via-teal-900 {
-    --gradient-via-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .md\:via-blue-50 {
-    --gradient-via-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .md\:via-blue-100 {
-    --gradient-via-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .md\:via-blue-200 {
-    --gradient-via-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .md\:via-blue-300 {
-    --gradient-via-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .md\:via-blue-400 {
-    --gradient-via-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .md\:via-blue-500 {
-    --gradient-via-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .md\:via-blue-600 {
-    --gradient-via-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .md\:via-blue-700 {
-    --gradient-via-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .md\:via-blue-800 {
-    --gradient-via-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .md\:via-blue-900 {
-    --gradient-via-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .md\:via-indigo-50 {
-    --gradient-via-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .md\:via-indigo-100 {
-    --gradient-via-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .md\:via-indigo-200 {
-    --gradient-via-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .md\:via-indigo-300 {
-    --gradient-via-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .md\:via-indigo-400 {
-    --gradient-via-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .md\:via-indigo-500 {
-    --gradient-via-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .md\:via-indigo-600 {
-    --gradient-via-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .md\:via-indigo-700 {
-    --gradient-via-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .md\:via-indigo-800 {
-    --gradient-via-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .md\:via-indigo-900 {
-    --gradient-via-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .md\:via-purple-50 {
-    --gradient-via-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .md\:via-purple-100 {
-    --gradient-via-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .md\:via-purple-200 {
-    --gradient-via-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .md\:via-purple-300 {
-    --gradient-via-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .md\:via-purple-400 {
-    --gradient-via-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .md\:via-purple-500 {
-    --gradient-via-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .md\:via-purple-600 {
-    --gradient-via-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .md\:via-purple-700 {
-    --gradient-via-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .md\:via-purple-800 {
-    --gradient-via-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .md\:via-purple-900 {
-    --gradient-via-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .md\:via-pink-50 {
-    --gradient-via-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .md\:via-pink-100 {
-    --gradient-via-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .md\:via-pink-200 {
-    --gradient-via-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .md\:via-pink-300 {
-    --gradient-via-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .md\:via-pink-400 {
-    --gradient-via-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .md\:via-pink-500 {
-    --gradient-via-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .md\:via-pink-600 {
-    --gradient-via-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .md\:via-pink-700 {
-    --gradient-via-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .md\:via-pink-800 {
-    --gradient-via-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .md\:via-pink-900 {
-    --gradient-via-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .md\:via-cool-gray-50 {
-    --gradient-via-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .md\:via-cool-gray-100 {
-    --gradient-via-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .md\:via-cool-gray-200 {
-    --gradient-via-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .md\:via-cool-gray-300 {
-    --gradient-via-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .md\:via-cool-gray-400 {
-    --gradient-via-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .md\:via-cool-gray-500 {
-    --gradient-via-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .md\:via-cool-gray-600 {
-    --gradient-via-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .md\:via-cool-gray-700 {
-    --gradient-via-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .md\:via-cool-gray-800 {
-    --gradient-via-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .md\:via-cool-gray-900 {
-    --gradient-via-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .md\:to-current {
-    --gradient-to-color: currentColor;
-  }
-
-  .md\:to-transparent {
-    --gradient-to-color: transparent;
-  }
-
-  .md\:to-white {
-    --gradient-to-color: #ffffff;
-  }
-
-  .md\:to-black {
-    --gradient-to-color: #000000;
-  }
-
-  .md\:to-gray-50 {
-    --gradient-to-color: #f9fafb;
-  }
-
-  .md\:to-gray-100 {
-    --gradient-to-color: #f4f5f7;
-  }
-
-  .md\:to-gray-200 {
-    --gradient-to-color: #e5e7eb;
-  }
-
-  .md\:to-gray-300 {
-    --gradient-to-color: #d2d6dc;
-  }
-
-  .md\:to-gray-400 {
-    --gradient-to-color: #9fa6b2;
-  }
-
-  .md\:to-gray-500 {
-    --gradient-to-color: #6b7280;
-  }
-
-  .md\:to-gray-600 {
-    --gradient-to-color: #4b5563;
-  }
-
-  .md\:to-gray-700 {
-    --gradient-to-color: #374151;
-  }
-
-  .md\:to-gray-800 {
-    --gradient-to-color: #252f3f;
-  }
-
-  .md\:to-gray-900 {
-    --gradient-to-color: #161e2e;
-  }
-
-  .md\:to-red-50 {
-    --gradient-to-color: #fdf2f2;
-  }
-
-  .md\:to-red-100 {
-    --gradient-to-color: #fde8e8;
-  }
-
-  .md\:to-red-200 {
-    --gradient-to-color: #fbd5d5;
-  }
-
-  .md\:to-red-300 {
-    --gradient-to-color: #f8b4b4;
-  }
-
-  .md\:to-red-400 {
-    --gradient-to-color: #f98080;
-  }
-
-  .md\:to-red-500 {
-    --gradient-to-color: #f05252;
-  }
-
-  .md\:to-red-600 {
-    --gradient-to-color: #e02424;
-  }
-
-  .md\:to-red-700 {
-    --gradient-to-color: #c81e1e;
-  }
-
-  .md\:to-red-800 {
-    --gradient-to-color: #9b1c1c;
-  }
-
-  .md\:to-red-900 {
-    --gradient-to-color: #771d1d;
-  }
-
-  .md\:to-orange-50 {
-    --gradient-to-color: #fff8f1;
-  }
-
-  .md\:to-orange-100 {
-    --gradient-to-color: #feecdc;
-  }
-
-  .md\:to-orange-200 {
-    --gradient-to-color: #fcd9bd;
-  }
-
-  .md\:to-orange-300 {
-    --gradient-to-color: #fdba8c;
-  }
-
-  .md\:to-orange-400 {
-    --gradient-to-color: #ff8a4c;
-  }
-
-  .md\:to-orange-500 {
-    --gradient-to-color: #ff5a1f;
-  }
-
-  .md\:to-orange-600 {
-    --gradient-to-color: #d03801;
-  }
-
-  .md\:to-orange-700 {
-    --gradient-to-color: #b43403;
-  }
-
-  .md\:to-orange-800 {
-    --gradient-to-color: #8a2c0d;
-  }
-
-  .md\:to-orange-900 {
-    --gradient-to-color: #73230d;
-  }
-
-  .md\:to-yellow-50 {
-    --gradient-to-color: #fdfdea;
-  }
-
-  .md\:to-yellow-100 {
-    --gradient-to-color: #fdf6b2;
-  }
-
-  .md\:to-yellow-200 {
-    --gradient-to-color: #fce96a;
-  }
-
-  .md\:to-yellow-300 {
-    --gradient-to-color: #faca15;
-  }
-
-  .md\:to-yellow-400 {
-    --gradient-to-color: #e3a008;
-  }
-
-  .md\:to-yellow-500 {
-    --gradient-to-color: #c27803;
-  }
-
-  .md\:to-yellow-600 {
-    --gradient-to-color: #9f580a;
-  }
-
-  .md\:to-yellow-700 {
-    --gradient-to-color: #8e4b10;
-  }
-
-  .md\:to-yellow-800 {
-    --gradient-to-color: #723b13;
-  }
-
-  .md\:to-yellow-900 {
-    --gradient-to-color: #633112;
-  }
-
-  .md\:to-green-50 {
-    --gradient-to-color: #f3faf7;
-  }
-
-  .md\:to-green-100 {
-    --gradient-to-color: #def7ec;
-  }
-
-  .md\:to-green-200 {
-    --gradient-to-color: #bcf0da;
-  }
-
-  .md\:to-green-300 {
-    --gradient-to-color: #84e1bc;
-  }
-
-  .md\:to-green-400 {
-    --gradient-to-color: #31c48d;
-  }
-
-  .md\:to-green-500 {
-    --gradient-to-color: #0e9f6e;
-  }
-
-  .md\:to-green-600 {
-    --gradient-to-color: #057a55;
-  }
-
-  .md\:to-green-700 {
-    --gradient-to-color: #046c4e;
-  }
-
-  .md\:to-green-800 {
-    --gradient-to-color: #03543f;
-  }
-
-  .md\:to-green-900 {
-    --gradient-to-color: #014737;
-  }
-
-  .md\:to-teal-50 {
-    --gradient-to-color: #edfafa;
-  }
-
-  .md\:to-teal-100 {
-    --gradient-to-color: #d5f5f6;
-  }
-
-  .md\:to-teal-200 {
-    --gradient-to-color: #afecef;
-  }
-
-  .md\:to-teal-300 {
-    --gradient-to-color: #7edce2;
-  }
-
-  .md\:to-teal-400 {
-    --gradient-to-color: #16bdca;
-  }
-
-  .md\:to-teal-500 {
-    --gradient-to-color: #0694a2;
-  }
-
-  .md\:to-teal-600 {
-    --gradient-to-color: #047481;
-  }
-
-  .md\:to-teal-700 {
-    --gradient-to-color: #036672;
-  }
-
-  .md\:to-teal-800 {
-    --gradient-to-color: #05505c;
-  }
-
-  .md\:to-teal-900 {
-    --gradient-to-color: #014451;
-  }
-
-  .md\:to-blue-50 {
-    --gradient-to-color: #ebf5ff;
-  }
-
-  .md\:to-blue-100 {
-    --gradient-to-color: #e1effe;
-  }
-
-  .md\:to-blue-200 {
-    --gradient-to-color: #c3ddfd;
-  }
-
-  .md\:to-blue-300 {
-    --gradient-to-color: #a4cafe;
-  }
-
-  .md\:to-blue-400 {
-    --gradient-to-color: #76a9fa;
-  }
-
-  .md\:to-blue-500 {
-    --gradient-to-color: #3f83f8;
-  }
-
-  .md\:to-blue-600 {
-    --gradient-to-color: #1c64f2;
-  }
-
-  .md\:to-blue-700 {
-    --gradient-to-color: #1a56db;
-  }
-
-  .md\:to-blue-800 {
-    --gradient-to-color: #1e429f;
-  }
-
-  .md\:to-blue-900 {
-    --gradient-to-color: #233876;
-  }
-
-  .md\:to-indigo-50 {
-    --gradient-to-color: #f0f5ff;
-  }
-
-  .md\:to-indigo-100 {
-    --gradient-to-color: #e5edff;
-  }
-
-  .md\:to-indigo-200 {
-    --gradient-to-color: #cddbfe;
-  }
-
-  .md\:to-indigo-300 {
-    --gradient-to-color: #b4c6fc;
-  }
-
-  .md\:to-indigo-400 {
-    --gradient-to-color: #8da2fb;
-  }
-
-  .md\:to-indigo-500 {
-    --gradient-to-color: #6875f5;
-  }
-
-  .md\:to-indigo-600 {
-    --gradient-to-color: #5850ec;
-  }
-
-  .md\:to-indigo-700 {
-    --gradient-to-color: #5145cd;
-  }
-
-  .md\:to-indigo-800 {
-    --gradient-to-color: #42389d;
-  }
-
-  .md\:to-indigo-900 {
-    --gradient-to-color: #362f78;
-  }
-
-  .md\:to-purple-50 {
-    --gradient-to-color: #f6f5ff;
-  }
-
-  .md\:to-purple-100 {
-    --gradient-to-color: #edebfe;
-  }
-
-  .md\:to-purple-200 {
-    --gradient-to-color: #dcd7fe;
-  }
-
-  .md\:to-purple-300 {
-    --gradient-to-color: #cabffd;
-  }
-
-  .md\:to-purple-400 {
-    --gradient-to-color: #ac94fa;
-  }
-
-  .md\:to-purple-500 {
-    --gradient-to-color: #9061f9;
-  }
-
-  .md\:to-purple-600 {
-    --gradient-to-color: #7e3af2;
-  }
-
-  .md\:to-purple-700 {
-    --gradient-to-color: #6c2bd9;
-  }
-
-  .md\:to-purple-800 {
-    --gradient-to-color: #5521b5;
-  }
-
-  .md\:to-purple-900 {
-    --gradient-to-color: #4a1d96;
-  }
-
-  .md\:to-pink-50 {
-    --gradient-to-color: #fdf2f8;
-  }
-
-  .md\:to-pink-100 {
-    --gradient-to-color: #fce8f3;
-  }
-
-  .md\:to-pink-200 {
-    --gradient-to-color: #fad1e8;
-  }
-
-  .md\:to-pink-300 {
-    --gradient-to-color: #f8b4d9;
-  }
-
-  .md\:to-pink-400 {
-    --gradient-to-color: #f17eb8;
-  }
-
-  .md\:to-pink-500 {
-    --gradient-to-color: #e74694;
-  }
-
-  .md\:to-pink-600 {
-    --gradient-to-color: #d61f69;
-  }
-
-  .md\:to-pink-700 {
-    --gradient-to-color: #bf125d;
-  }
-
-  .md\:to-pink-800 {
-    --gradient-to-color: #99154b;
-  }
-
-  .md\:to-pink-900 {
-    --gradient-to-color: #751a3d;
-  }
-
-  .md\:to-cool-gray-50 {
-    --gradient-to-color: #f8fafc;
-  }
-
-  .md\:to-cool-gray-100 {
-    --gradient-to-color: #f1f5f9;
-  }
-
-  .md\:to-cool-gray-200 {
-    --gradient-to-color: #e2e8f0;
-  }
-
-  .md\:to-cool-gray-300 {
-    --gradient-to-color: #cfd8e3;
-  }
-
-  .md\:to-cool-gray-400 {
-    --gradient-to-color: #97a6ba;
-  }
-
-  .md\:to-cool-gray-500 {
-    --gradient-to-color: #64748b;
-  }
-
-  .md\:to-cool-gray-600 {
-    --gradient-to-color: #475569;
-  }
-
-  .md\:to-cool-gray-700 {
-    --gradient-to-color: #364152;
-  }
-
-  .md\:to-cool-gray-800 {
-    --gradient-to-color: #27303f;
-  }
-
-  .md\:to-cool-gray-900 {
-    --gradient-to-color: #1a202e;
-  }
-
-  .md\:hover\:from-current:hover {
-    --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .md\:hover\:from-transparent:hover {
-    --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .md\:hover\:from-white:hover {
-    --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .md\:hover\:from-black:hover {
-    --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .md\:hover\:from-gray-50:hover {
-    --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .md\:hover\:from-gray-100:hover {
-    --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .md\:hover\:from-gray-200:hover {
-    --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .md\:hover\:from-gray-300:hover {
-    --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .md\:hover\:from-gray-400:hover {
-    --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .md\:hover\:from-gray-500:hover {
-    --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .md\:hover\:from-gray-600:hover {
-    --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .md\:hover\:from-gray-700:hover {
-    --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .md\:hover\:from-gray-800:hover {
-    --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .md\:hover\:from-gray-900:hover {
-    --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .md\:hover\:from-red-50:hover {
-    --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .md\:hover\:from-red-100:hover {
-    --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .md\:hover\:from-red-200:hover {
-    --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .md\:hover\:from-red-300:hover {
-    --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .md\:hover\:from-red-400:hover {
-    --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .md\:hover\:from-red-500:hover {
-    --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .md\:hover\:from-red-600:hover {
-    --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .md\:hover\:from-red-700:hover {
-    --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .md\:hover\:from-red-800:hover {
-    --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .md\:hover\:from-red-900:hover {
-    --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .md\:hover\:from-orange-50:hover {
-    --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .md\:hover\:from-orange-100:hover {
-    --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .md\:hover\:from-orange-200:hover {
-    --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .md\:hover\:from-orange-300:hover {
-    --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .md\:hover\:from-orange-400:hover {
-    --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .md\:hover\:from-orange-500:hover {
-    --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .md\:hover\:from-orange-600:hover {
-    --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .md\:hover\:from-orange-700:hover {
-    --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .md\:hover\:from-orange-800:hover {
-    --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .md\:hover\:from-orange-900:hover {
-    --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .md\:hover\:from-yellow-50:hover {
-    --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .md\:hover\:from-yellow-100:hover {
-    --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .md\:hover\:from-yellow-200:hover {
-    --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .md\:hover\:from-yellow-300:hover {
-    --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .md\:hover\:from-yellow-400:hover {
-    --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .md\:hover\:from-yellow-500:hover {
-    --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .md\:hover\:from-yellow-600:hover {
-    --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .md\:hover\:from-yellow-700:hover {
-    --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .md\:hover\:from-yellow-800:hover {
-    --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .md\:hover\:from-yellow-900:hover {
-    --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .md\:hover\:from-green-50:hover {
-    --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .md\:hover\:from-green-100:hover {
-    --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .md\:hover\:from-green-200:hover {
-    --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .md\:hover\:from-green-300:hover {
-    --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .md\:hover\:from-green-400:hover {
-    --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .md\:hover\:from-green-500:hover {
-    --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .md\:hover\:from-green-600:hover {
-    --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .md\:hover\:from-green-700:hover {
-    --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .md\:hover\:from-green-800:hover {
-    --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .md\:hover\:from-green-900:hover {
-    --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .md\:hover\:from-teal-50:hover {
-    --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .md\:hover\:from-teal-100:hover {
-    --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .md\:hover\:from-teal-200:hover {
-    --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .md\:hover\:from-teal-300:hover {
-    --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .md\:hover\:from-teal-400:hover {
-    --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .md\:hover\:from-teal-500:hover {
-    --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .md\:hover\:from-teal-600:hover {
-    --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .md\:hover\:from-teal-700:hover {
-    --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .md\:hover\:from-teal-800:hover {
-    --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .md\:hover\:from-teal-900:hover {
-    --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .md\:hover\:from-blue-50:hover {
-    --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .md\:hover\:from-blue-100:hover {
-    --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .md\:hover\:from-blue-200:hover {
-    --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .md\:hover\:from-blue-300:hover {
-    --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .md\:hover\:from-blue-400:hover {
-    --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .md\:hover\:from-blue-500:hover {
-    --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .md\:hover\:from-blue-600:hover {
-    --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .md\:hover\:from-blue-700:hover {
-    --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .md\:hover\:from-blue-800:hover {
-    --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .md\:hover\:from-blue-900:hover {
-    --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .md\:hover\:from-indigo-50:hover {
-    --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .md\:hover\:from-indigo-100:hover {
-    --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .md\:hover\:from-indigo-200:hover {
-    --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .md\:hover\:from-indigo-300:hover {
-    --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .md\:hover\:from-indigo-400:hover {
-    --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .md\:hover\:from-indigo-500:hover {
-    --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .md\:hover\:from-indigo-600:hover {
-    --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .md\:hover\:from-indigo-700:hover {
-    --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .md\:hover\:from-indigo-800:hover {
-    --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .md\:hover\:from-indigo-900:hover {
-    --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .md\:hover\:from-purple-50:hover {
-    --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .md\:hover\:from-purple-100:hover {
-    --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .md\:hover\:from-purple-200:hover {
-    --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .md\:hover\:from-purple-300:hover {
-    --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .md\:hover\:from-purple-400:hover {
-    --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .md\:hover\:from-purple-500:hover {
-    --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .md\:hover\:from-purple-600:hover {
-    --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .md\:hover\:from-purple-700:hover {
-    --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .md\:hover\:from-purple-800:hover {
-    --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .md\:hover\:from-purple-900:hover {
-    --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .md\:hover\:from-pink-50:hover {
-    --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .md\:hover\:from-pink-100:hover {
-    --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .md\:hover\:from-pink-200:hover {
-    --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .md\:hover\:from-pink-300:hover {
-    --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .md\:hover\:from-pink-400:hover {
-    --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .md\:hover\:from-pink-500:hover {
-    --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .md\:hover\:from-pink-600:hover {
-    --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .md\:hover\:from-pink-700:hover {
-    --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .md\:hover\:from-pink-800:hover {
-    --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .md\:hover\:from-pink-900:hover {
-    --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .md\:hover\:from-cool-gray-50:hover {
-    --gradient-from-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .md\:hover\:from-cool-gray-100:hover {
-    --gradient-from-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .md\:hover\:from-cool-gray-200:hover {
-    --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .md\:hover\:from-cool-gray-300:hover {
-    --gradient-from-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .md\:hover\:from-cool-gray-400:hover {
-    --gradient-from-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .md\:hover\:from-cool-gray-500:hover {
-    --gradient-from-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .md\:hover\:from-cool-gray-600:hover {
-    --gradient-from-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .md\:hover\:from-cool-gray-700:hover {
-    --gradient-from-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .md\:hover\:from-cool-gray-800:hover {
-    --gradient-from-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .md\:hover\:from-cool-gray-900:hover {
-    --gradient-from-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .md\:hover\:via-current:hover {
-    --gradient-via-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .md\:hover\:via-transparent:hover {
-    --gradient-via-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .md\:hover\:via-white:hover {
-    --gradient-via-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .md\:hover\:via-black:hover {
-    --gradient-via-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .md\:hover\:via-gray-50:hover {
-    --gradient-via-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .md\:hover\:via-gray-100:hover {
-    --gradient-via-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .md\:hover\:via-gray-200:hover {
-    --gradient-via-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .md\:hover\:via-gray-300:hover {
-    --gradient-via-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .md\:hover\:via-gray-400:hover {
-    --gradient-via-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .md\:hover\:via-gray-500:hover {
-    --gradient-via-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .md\:hover\:via-gray-600:hover {
-    --gradient-via-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .md\:hover\:via-gray-700:hover {
-    --gradient-via-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .md\:hover\:via-gray-800:hover {
-    --gradient-via-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .md\:hover\:via-gray-900:hover {
-    --gradient-via-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .md\:hover\:via-red-50:hover {
-    --gradient-via-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .md\:hover\:via-red-100:hover {
-    --gradient-via-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .md\:hover\:via-red-200:hover {
-    --gradient-via-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .md\:hover\:via-red-300:hover {
-    --gradient-via-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .md\:hover\:via-red-400:hover {
-    --gradient-via-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .md\:hover\:via-red-500:hover {
-    --gradient-via-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .md\:hover\:via-red-600:hover {
-    --gradient-via-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .md\:hover\:via-red-700:hover {
-    --gradient-via-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .md\:hover\:via-red-800:hover {
-    --gradient-via-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .md\:hover\:via-red-900:hover {
-    --gradient-via-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .md\:hover\:via-orange-50:hover {
-    --gradient-via-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .md\:hover\:via-orange-100:hover {
-    --gradient-via-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .md\:hover\:via-orange-200:hover {
-    --gradient-via-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .md\:hover\:via-orange-300:hover {
-    --gradient-via-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .md\:hover\:via-orange-400:hover {
-    --gradient-via-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .md\:hover\:via-orange-500:hover {
-    --gradient-via-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .md\:hover\:via-orange-600:hover {
-    --gradient-via-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .md\:hover\:via-orange-700:hover {
-    --gradient-via-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .md\:hover\:via-orange-800:hover {
-    --gradient-via-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .md\:hover\:via-orange-900:hover {
-    --gradient-via-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .md\:hover\:via-yellow-50:hover {
-    --gradient-via-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .md\:hover\:via-yellow-100:hover {
-    --gradient-via-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .md\:hover\:via-yellow-200:hover {
-    --gradient-via-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .md\:hover\:via-yellow-300:hover {
-    --gradient-via-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .md\:hover\:via-yellow-400:hover {
-    --gradient-via-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .md\:hover\:via-yellow-500:hover {
-    --gradient-via-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .md\:hover\:via-yellow-600:hover {
-    --gradient-via-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .md\:hover\:via-yellow-700:hover {
-    --gradient-via-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .md\:hover\:via-yellow-800:hover {
-    --gradient-via-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .md\:hover\:via-yellow-900:hover {
-    --gradient-via-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .md\:hover\:via-green-50:hover {
-    --gradient-via-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .md\:hover\:via-green-100:hover {
-    --gradient-via-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .md\:hover\:via-green-200:hover {
-    --gradient-via-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .md\:hover\:via-green-300:hover {
-    --gradient-via-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .md\:hover\:via-green-400:hover {
-    --gradient-via-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .md\:hover\:via-green-500:hover {
-    --gradient-via-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .md\:hover\:via-green-600:hover {
-    --gradient-via-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .md\:hover\:via-green-700:hover {
-    --gradient-via-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .md\:hover\:via-green-800:hover {
-    --gradient-via-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .md\:hover\:via-green-900:hover {
-    --gradient-via-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .md\:hover\:via-teal-50:hover {
-    --gradient-via-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .md\:hover\:via-teal-100:hover {
-    --gradient-via-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .md\:hover\:via-teal-200:hover {
-    --gradient-via-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .md\:hover\:via-teal-300:hover {
-    --gradient-via-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .md\:hover\:via-teal-400:hover {
-    --gradient-via-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .md\:hover\:via-teal-500:hover {
-    --gradient-via-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .md\:hover\:via-teal-600:hover {
-    --gradient-via-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .md\:hover\:via-teal-700:hover {
-    --gradient-via-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .md\:hover\:via-teal-800:hover {
-    --gradient-via-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .md\:hover\:via-teal-900:hover {
-    --gradient-via-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .md\:hover\:via-blue-50:hover {
-    --gradient-via-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .md\:hover\:via-blue-100:hover {
-    --gradient-via-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .md\:hover\:via-blue-200:hover {
-    --gradient-via-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .md\:hover\:via-blue-300:hover {
-    --gradient-via-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .md\:hover\:via-blue-400:hover {
-    --gradient-via-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .md\:hover\:via-blue-500:hover {
-    --gradient-via-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .md\:hover\:via-blue-600:hover {
-    --gradient-via-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .md\:hover\:via-blue-700:hover {
-    --gradient-via-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .md\:hover\:via-blue-800:hover {
-    --gradient-via-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .md\:hover\:via-blue-900:hover {
-    --gradient-via-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .md\:hover\:via-indigo-50:hover {
-    --gradient-via-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .md\:hover\:via-indigo-100:hover {
-    --gradient-via-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .md\:hover\:via-indigo-200:hover {
-    --gradient-via-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .md\:hover\:via-indigo-300:hover {
-    --gradient-via-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .md\:hover\:via-indigo-400:hover {
-    --gradient-via-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .md\:hover\:via-indigo-500:hover {
-    --gradient-via-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .md\:hover\:via-indigo-600:hover {
-    --gradient-via-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .md\:hover\:via-indigo-700:hover {
-    --gradient-via-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .md\:hover\:via-indigo-800:hover {
-    --gradient-via-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .md\:hover\:via-indigo-900:hover {
-    --gradient-via-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .md\:hover\:via-purple-50:hover {
-    --gradient-via-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .md\:hover\:via-purple-100:hover {
-    --gradient-via-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .md\:hover\:via-purple-200:hover {
-    --gradient-via-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .md\:hover\:via-purple-300:hover {
-    --gradient-via-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .md\:hover\:via-purple-400:hover {
-    --gradient-via-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .md\:hover\:via-purple-500:hover {
-    --gradient-via-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .md\:hover\:via-purple-600:hover {
-    --gradient-via-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .md\:hover\:via-purple-700:hover {
-    --gradient-via-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .md\:hover\:via-purple-800:hover {
-    --gradient-via-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .md\:hover\:via-purple-900:hover {
-    --gradient-via-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .md\:hover\:via-pink-50:hover {
-    --gradient-via-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .md\:hover\:via-pink-100:hover {
-    --gradient-via-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .md\:hover\:via-pink-200:hover {
-    --gradient-via-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .md\:hover\:via-pink-300:hover {
-    --gradient-via-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .md\:hover\:via-pink-400:hover {
-    --gradient-via-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .md\:hover\:via-pink-500:hover {
-    --gradient-via-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .md\:hover\:via-pink-600:hover {
-    --gradient-via-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .md\:hover\:via-pink-700:hover {
-    --gradient-via-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .md\:hover\:via-pink-800:hover {
-    --gradient-via-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .md\:hover\:via-pink-900:hover {
-    --gradient-via-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .md\:hover\:via-cool-gray-50:hover {
-    --gradient-via-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .md\:hover\:via-cool-gray-100:hover {
-    --gradient-via-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .md\:hover\:via-cool-gray-200:hover {
-    --gradient-via-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .md\:hover\:via-cool-gray-300:hover {
-    --gradient-via-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .md\:hover\:via-cool-gray-400:hover {
-    --gradient-via-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .md\:hover\:via-cool-gray-500:hover {
-    --gradient-via-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .md\:hover\:via-cool-gray-600:hover {
-    --gradient-via-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .md\:hover\:via-cool-gray-700:hover {
-    --gradient-via-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .md\:hover\:via-cool-gray-800:hover {
-    --gradient-via-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .md\:hover\:via-cool-gray-900:hover {
-    --gradient-via-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .md\:hover\:to-current:hover {
-    --gradient-to-color: currentColor;
-  }
-
-  .md\:hover\:to-transparent:hover {
-    --gradient-to-color: transparent;
-  }
-
-  .md\:hover\:to-white:hover {
-    --gradient-to-color: #ffffff;
-  }
-
-  .md\:hover\:to-black:hover {
-    --gradient-to-color: #000000;
-  }
-
-  .md\:hover\:to-gray-50:hover {
-    --gradient-to-color: #f9fafb;
-  }
-
-  .md\:hover\:to-gray-100:hover {
-    --gradient-to-color: #f4f5f7;
-  }
-
-  .md\:hover\:to-gray-200:hover {
-    --gradient-to-color: #e5e7eb;
-  }
-
-  .md\:hover\:to-gray-300:hover {
-    --gradient-to-color: #d2d6dc;
-  }
-
-  .md\:hover\:to-gray-400:hover {
-    --gradient-to-color: #9fa6b2;
-  }
-
-  .md\:hover\:to-gray-500:hover {
-    --gradient-to-color: #6b7280;
-  }
-
-  .md\:hover\:to-gray-600:hover {
-    --gradient-to-color: #4b5563;
-  }
-
-  .md\:hover\:to-gray-700:hover {
-    --gradient-to-color: #374151;
-  }
-
-  .md\:hover\:to-gray-800:hover {
-    --gradient-to-color: #252f3f;
-  }
-
-  .md\:hover\:to-gray-900:hover {
-    --gradient-to-color: #161e2e;
-  }
-
-  .md\:hover\:to-red-50:hover {
-    --gradient-to-color: #fdf2f2;
-  }
-
-  .md\:hover\:to-red-100:hover {
-    --gradient-to-color: #fde8e8;
-  }
-
-  .md\:hover\:to-red-200:hover {
-    --gradient-to-color: #fbd5d5;
-  }
-
-  .md\:hover\:to-red-300:hover {
-    --gradient-to-color: #f8b4b4;
-  }
-
-  .md\:hover\:to-red-400:hover {
-    --gradient-to-color: #f98080;
-  }
-
-  .md\:hover\:to-red-500:hover {
-    --gradient-to-color: #f05252;
-  }
-
-  .md\:hover\:to-red-600:hover {
-    --gradient-to-color: #e02424;
-  }
-
-  .md\:hover\:to-red-700:hover {
-    --gradient-to-color: #c81e1e;
-  }
-
-  .md\:hover\:to-red-800:hover {
-    --gradient-to-color: #9b1c1c;
-  }
-
-  .md\:hover\:to-red-900:hover {
-    --gradient-to-color: #771d1d;
-  }
-
-  .md\:hover\:to-orange-50:hover {
-    --gradient-to-color: #fff8f1;
-  }
-
-  .md\:hover\:to-orange-100:hover {
-    --gradient-to-color: #feecdc;
-  }
-
-  .md\:hover\:to-orange-200:hover {
-    --gradient-to-color: #fcd9bd;
-  }
-
-  .md\:hover\:to-orange-300:hover {
-    --gradient-to-color: #fdba8c;
-  }
-
-  .md\:hover\:to-orange-400:hover {
-    --gradient-to-color: #ff8a4c;
-  }
-
-  .md\:hover\:to-orange-500:hover {
-    --gradient-to-color: #ff5a1f;
-  }
-
-  .md\:hover\:to-orange-600:hover {
-    --gradient-to-color: #d03801;
-  }
-
-  .md\:hover\:to-orange-700:hover {
-    --gradient-to-color: #b43403;
-  }
-
-  .md\:hover\:to-orange-800:hover {
-    --gradient-to-color: #8a2c0d;
-  }
-
-  .md\:hover\:to-orange-900:hover {
-    --gradient-to-color: #73230d;
-  }
-
-  .md\:hover\:to-yellow-50:hover {
-    --gradient-to-color: #fdfdea;
-  }
-
-  .md\:hover\:to-yellow-100:hover {
-    --gradient-to-color: #fdf6b2;
-  }
-
-  .md\:hover\:to-yellow-200:hover {
-    --gradient-to-color: #fce96a;
-  }
-
-  .md\:hover\:to-yellow-300:hover {
-    --gradient-to-color: #faca15;
-  }
-
-  .md\:hover\:to-yellow-400:hover {
-    --gradient-to-color: #e3a008;
-  }
-
-  .md\:hover\:to-yellow-500:hover {
-    --gradient-to-color: #c27803;
-  }
-
-  .md\:hover\:to-yellow-600:hover {
-    --gradient-to-color: #9f580a;
-  }
-
-  .md\:hover\:to-yellow-700:hover {
-    --gradient-to-color: #8e4b10;
-  }
-
-  .md\:hover\:to-yellow-800:hover {
-    --gradient-to-color: #723b13;
-  }
-
-  .md\:hover\:to-yellow-900:hover {
-    --gradient-to-color: #633112;
-  }
-
-  .md\:hover\:to-green-50:hover {
-    --gradient-to-color: #f3faf7;
-  }
-
-  .md\:hover\:to-green-100:hover {
-    --gradient-to-color: #def7ec;
-  }
-
-  .md\:hover\:to-green-200:hover {
-    --gradient-to-color: #bcf0da;
-  }
-
-  .md\:hover\:to-green-300:hover {
-    --gradient-to-color: #84e1bc;
-  }
-
-  .md\:hover\:to-green-400:hover {
-    --gradient-to-color: #31c48d;
-  }
-
-  .md\:hover\:to-green-500:hover {
-    --gradient-to-color: #0e9f6e;
-  }
-
-  .md\:hover\:to-green-600:hover {
-    --gradient-to-color: #057a55;
-  }
-
-  .md\:hover\:to-green-700:hover {
-    --gradient-to-color: #046c4e;
-  }
-
-  .md\:hover\:to-green-800:hover {
-    --gradient-to-color: #03543f;
-  }
-
-  .md\:hover\:to-green-900:hover {
-    --gradient-to-color: #014737;
-  }
-
-  .md\:hover\:to-teal-50:hover {
-    --gradient-to-color: #edfafa;
-  }
-
-  .md\:hover\:to-teal-100:hover {
-    --gradient-to-color: #d5f5f6;
-  }
-
-  .md\:hover\:to-teal-200:hover {
-    --gradient-to-color: #afecef;
-  }
-
-  .md\:hover\:to-teal-300:hover {
-    --gradient-to-color: #7edce2;
-  }
-
-  .md\:hover\:to-teal-400:hover {
-    --gradient-to-color: #16bdca;
-  }
-
-  .md\:hover\:to-teal-500:hover {
-    --gradient-to-color: #0694a2;
-  }
-
-  .md\:hover\:to-teal-600:hover {
-    --gradient-to-color: #047481;
-  }
-
-  .md\:hover\:to-teal-700:hover {
-    --gradient-to-color: #036672;
-  }
-
-  .md\:hover\:to-teal-800:hover {
-    --gradient-to-color: #05505c;
-  }
-
-  .md\:hover\:to-teal-900:hover {
-    --gradient-to-color: #014451;
-  }
-
-  .md\:hover\:to-blue-50:hover {
-    --gradient-to-color: #ebf5ff;
-  }
-
-  .md\:hover\:to-blue-100:hover {
-    --gradient-to-color: #e1effe;
-  }
-
-  .md\:hover\:to-blue-200:hover {
-    --gradient-to-color: #c3ddfd;
-  }
-
-  .md\:hover\:to-blue-300:hover {
-    --gradient-to-color: #a4cafe;
-  }
-
-  .md\:hover\:to-blue-400:hover {
-    --gradient-to-color: #76a9fa;
-  }
-
-  .md\:hover\:to-blue-500:hover {
-    --gradient-to-color: #3f83f8;
-  }
-
-  .md\:hover\:to-blue-600:hover {
-    --gradient-to-color: #1c64f2;
-  }
-
-  .md\:hover\:to-blue-700:hover {
-    --gradient-to-color: #1a56db;
-  }
-
-  .md\:hover\:to-blue-800:hover {
-    --gradient-to-color: #1e429f;
-  }
-
-  .md\:hover\:to-blue-900:hover {
-    --gradient-to-color: #233876;
-  }
-
-  .md\:hover\:to-indigo-50:hover {
-    --gradient-to-color: #f0f5ff;
-  }
-
-  .md\:hover\:to-indigo-100:hover {
-    --gradient-to-color: #e5edff;
-  }
-
-  .md\:hover\:to-indigo-200:hover {
-    --gradient-to-color: #cddbfe;
-  }
-
-  .md\:hover\:to-indigo-300:hover {
-    --gradient-to-color: #b4c6fc;
-  }
-
-  .md\:hover\:to-indigo-400:hover {
-    --gradient-to-color: #8da2fb;
-  }
-
-  .md\:hover\:to-indigo-500:hover {
-    --gradient-to-color: #6875f5;
-  }
-
-  .md\:hover\:to-indigo-600:hover {
-    --gradient-to-color: #5850ec;
-  }
-
-  .md\:hover\:to-indigo-700:hover {
-    --gradient-to-color: #5145cd;
-  }
-
-  .md\:hover\:to-indigo-800:hover {
-    --gradient-to-color: #42389d;
-  }
-
-  .md\:hover\:to-indigo-900:hover {
-    --gradient-to-color: #362f78;
-  }
-
-  .md\:hover\:to-purple-50:hover {
-    --gradient-to-color: #f6f5ff;
-  }
-
-  .md\:hover\:to-purple-100:hover {
-    --gradient-to-color: #edebfe;
-  }
-
-  .md\:hover\:to-purple-200:hover {
-    --gradient-to-color: #dcd7fe;
-  }
-
-  .md\:hover\:to-purple-300:hover {
-    --gradient-to-color: #cabffd;
-  }
-
-  .md\:hover\:to-purple-400:hover {
-    --gradient-to-color: #ac94fa;
-  }
-
-  .md\:hover\:to-purple-500:hover {
-    --gradient-to-color: #9061f9;
-  }
-
-  .md\:hover\:to-purple-600:hover {
-    --gradient-to-color: #7e3af2;
-  }
-
-  .md\:hover\:to-purple-700:hover {
-    --gradient-to-color: #6c2bd9;
-  }
-
-  .md\:hover\:to-purple-800:hover {
-    --gradient-to-color: #5521b5;
-  }
-
-  .md\:hover\:to-purple-900:hover {
-    --gradient-to-color: #4a1d96;
-  }
-
-  .md\:hover\:to-pink-50:hover {
-    --gradient-to-color: #fdf2f8;
-  }
-
-  .md\:hover\:to-pink-100:hover {
-    --gradient-to-color: #fce8f3;
-  }
-
-  .md\:hover\:to-pink-200:hover {
-    --gradient-to-color: #fad1e8;
-  }
-
-  .md\:hover\:to-pink-300:hover {
-    --gradient-to-color: #f8b4d9;
-  }
-
-  .md\:hover\:to-pink-400:hover {
-    --gradient-to-color: #f17eb8;
-  }
-
-  .md\:hover\:to-pink-500:hover {
-    --gradient-to-color: #e74694;
-  }
-
-  .md\:hover\:to-pink-600:hover {
-    --gradient-to-color: #d61f69;
-  }
-
-  .md\:hover\:to-pink-700:hover {
-    --gradient-to-color: #bf125d;
-  }
-
-  .md\:hover\:to-pink-800:hover {
-    --gradient-to-color: #99154b;
-  }
-
-  .md\:hover\:to-pink-900:hover {
-    --gradient-to-color: #751a3d;
-  }
-
-  .md\:hover\:to-cool-gray-50:hover {
-    --gradient-to-color: #f8fafc;
-  }
-
-  .md\:hover\:to-cool-gray-100:hover {
-    --gradient-to-color: #f1f5f9;
-  }
-
-  .md\:hover\:to-cool-gray-200:hover {
-    --gradient-to-color: #e2e8f0;
-  }
-
-  .md\:hover\:to-cool-gray-300:hover {
-    --gradient-to-color: #cfd8e3;
-  }
-
-  .md\:hover\:to-cool-gray-400:hover {
-    --gradient-to-color: #97a6ba;
-  }
-
-  .md\:hover\:to-cool-gray-500:hover {
-    --gradient-to-color: #64748b;
-  }
-
-  .md\:hover\:to-cool-gray-600:hover {
-    --gradient-to-color: #475569;
-  }
-
-  .md\:hover\:to-cool-gray-700:hover {
-    --gradient-to-color: #364152;
-  }
-
-  .md\:hover\:to-cool-gray-800:hover {
-    --gradient-to-color: #27303f;
-  }
-
-  .md\:hover\:to-cool-gray-900:hover {
-    --gradient-to-color: #1a202e;
-  }
-
-  .md\:focus\:from-current:focus {
-    --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .md\:focus\:from-transparent:focus {
-    --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .md\:focus\:from-white:focus {
-    --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .md\:focus\:from-black:focus {
-    --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .md\:focus\:from-gray-50:focus {
-    --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .md\:focus\:from-gray-100:focus {
-    --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .md\:focus\:from-gray-200:focus {
-    --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .md\:focus\:from-gray-300:focus {
-    --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .md\:focus\:from-gray-400:focus {
-    --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .md\:focus\:from-gray-500:focus {
-    --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .md\:focus\:from-gray-600:focus {
-    --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .md\:focus\:from-gray-700:focus {
-    --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .md\:focus\:from-gray-800:focus {
-    --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .md\:focus\:from-gray-900:focus {
-    --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .md\:focus\:from-red-50:focus {
-    --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .md\:focus\:from-red-100:focus {
-    --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .md\:focus\:from-red-200:focus {
-    --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .md\:focus\:from-red-300:focus {
-    --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .md\:focus\:from-red-400:focus {
-    --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .md\:focus\:from-red-500:focus {
-    --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .md\:focus\:from-red-600:focus {
-    --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .md\:focus\:from-red-700:focus {
-    --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .md\:focus\:from-red-800:focus {
-    --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .md\:focus\:from-red-900:focus {
-    --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .md\:focus\:from-orange-50:focus {
-    --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .md\:focus\:from-orange-100:focus {
-    --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .md\:focus\:from-orange-200:focus {
-    --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .md\:focus\:from-orange-300:focus {
-    --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .md\:focus\:from-orange-400:focus {
-    --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .md\:focus\:from-orange-500:focus {
-    --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .md\:focus\:from-orange-600:focus {
-    --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .md\:focus\:from-orange-700:focus {
-    --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .md\:focus\:from-orange-800:focus {
-    --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .md\:focus\:from-orange-900:focus {
-    --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .md\:focus\:from-yellow-50:focus {
-    --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .md\:focus\:from-yellow-100:focus {
-    --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .md\:focus\:from-yellow-200:focus {
-    --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .md\:focus\:from-yellow-300:focus {
-    --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .md\:focus\:from-yellow-400:focus {
-    --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .md\:focus\:from-yellow-500:focus {
-    --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .md\:focus\:from-yellow-600:focus {
-    --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .md\:focus\:from-yellow-700:focus {
-    --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .md\:focus\:from-yellow-800:focus {
-    --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .md\:focus\:from-yellow-900:focus {
-    --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .md\:focus\:from-green-50:focus {
-    --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .md\:focus\:from-green-100:focus {
-    --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .md\:focus\:from-green-200:focus {
-    --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .md\:focus\:from-green-300:focus {
-    --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .md\:focus\:from-green-400:focus {
-    --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .md\:focus\:from-green-500:focus {
-    --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .md\:focus\:from-green-600:focus {
-    --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .md\:focus\:from-green-700:focus {
-    --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .md\:focus\:from-green-800:focus {
-    --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .md\:focus\:from-green-900:focus {
-    --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .md\:focus\:from-teal-50:focus {
-    --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .md\:focus\:from-teal-100:focus {
-    --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .md\:focus\:from-teal-200:focus {
-    --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .md\:focus\:from-teal-300:focus {
-    --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .md\:focus\:from-teal-400:focus {
-    --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .md\:focus\:from-teal-500:focus {
-    --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .md\:focus\:from-teal-600:focus {
-    --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .md\:focus\:from-teal-700:focus {
-    --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .md\:focus\:from-teal-800:focus {
-    --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .md\:focus\:from-teal-900:focus {
-    --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .md\:focus\:from-blue-50:focus {
-    --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .md\:focus\:from-blue-100:focus {
-    --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .md\:focus\:from-blue-200:focus {
-    --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .md\:focus\:from-blue-300:focus {
-    --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .md\:focus\:from-blue-400:focus {
-    --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .md\:focus\:from-blue-500:focus {
-    --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .md\:focus\:from-blue-600:focus {
-    --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .md\:focus\:from-blue-700:focus {
-    --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .md\:focus\:from-blue-800:focus {
-    --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .md\:focus\:from-blue-900:focus {
-    --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .md\:focus\:from-indigo-50:focus {
-    --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .md\:focus\:from-indigo-100:focus {
-    --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .md\:focus\:from-indigo-200:focus {
-    --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .md\:focus\:from-indigo-300:focus {
-    --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .md\:focus\:from-indigo-400:focus {
-    --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .md\:focus\:from-indigo-500:focus {
-    --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .md\:focus\:from-indigo-600:focus {
-    --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .md\:focus\:from-indigo-700:focus {
-    --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .md\:focus\:from-indigo-800:focus {
-    --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .md\:focus\:from-indigo-900:focus {
-    --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .md\:focus\:from-purple-50:focus {
-    --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .md\:focus\:from-purple-100:focus {
-    --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .md\:focus\:from-purple-200:focus {
-    --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .md\:focus\:from-purple-300:focus {
-    --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .md\:focus\:from-purple-400:focus {
-    --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .md\:focus\:from-purple-500:focus {
-    --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .md\:focus\:from-purple-600:focus {
-    --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .md\:focus\:from-purple-700:focus {
-    --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .md\:focus\:from-purple-800:focus {
-    --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .md\:focus\:from-purple-900:focus {
-    --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .md\:focus\:from-pink-50:focus {
-    --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .md\:focus\:from-pink-100:focus {
-    --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .md\:focus\:from-pink-200:focus {
-    --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .md\:focus\:from-pink-300:focus {
-    --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .md\:focus\:from-pink-400:focus {
-    --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .md\:focus\:from-pink-500:focus {
-    --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .md\:focus\:from-pink-600:focus {
-    --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .md\:focus\:from-pink-700:focus {
-    --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .md\:focus\:from-pink-800:focus {
-    --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .md\:focus\:from-pink-900:focus {
-    --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .md\:focus\:from-cool-gray-50:focus {
-    --gradient-from-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .md\:focus\:from-cool-gray-100:focus {
-    --gradient-from-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .md\:focus\:from-cool-gray-200:focus {
-    --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .md\:focus\:from-cool-gray-300:focus {
-    --gradient-from-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .md\:focus\:from-cool-gray-400:focus {
-    --gradient-from-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .md\:focus\:from-cool-gray-500:focus {
-    --gradient-from-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .md\:focus\:from-cool-gray-600:focus {
-    --gradient-from-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .md\:focus\:from-cool-gray-700:focus {
-    --gradient-from-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .md\:focus\:from-cool-gray-800:focus {
-    --gradient-from-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .md\:focus\:from-cool-gray-900:focus {
-    --gradient-from-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .md\:focus\:via-current:focus {
-    --gradient-via-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .md\:focus\:via-transparent:focus {
-    --gradient-via-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .md\:focus\:via-white:focus {
-    --gradient-via-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .md\:focus\:via-black:focus {
-    --gradient-via-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .md\:focus\:via-gray-50:focus {
-    --gradient-via-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .md\:focus\:via-gray-100:focus {
-    --gradient-via-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .md\:focus\:via-gray-200:focus {
-    --gradient-via-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .md\:focus\:via-gray-300:focus {
-    --gradient-via-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .md\:focus\:via-gray-400:focus {
-    --gradient-via-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .md\:focus\:via-gray-500:focus {
-    --gradient-via-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .md\:focus\:via-gray-600:focus {
-    --gradient-via-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .md\:focus\:via-gray-700:focus {
-    --gradient-via-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .md\:focus\:via-gray-800:focus {
-    --gradient-via-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .md\:focus\:via-gray-900:focus {
-    --gradient-via-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .md\:focus\:via-red-50:focus {
-    --gradient-via-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .md\:focus\:via-red-100:focus {
-    --gradient-via-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .md\:focus\:via-red-200:focus {
-    --gradient-via-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .md\:focus\:via-red-300:focus {
-    --gradient-via-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .md\:focus\:via-red-400:focus {
-    --gradient-via-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .md\:focus\:via-red-500:focus {
-    --gradient-via-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .md\:focus\:via-red-600:focus {
-    --gradient-via-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .md\:focus\:via-red-700:focus {
-    --gradient-via-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .md\:focus\:via-red-800:focus {
-    --gradient-via-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .md\:focus\:via-red-900:focus {
-    --gradient-via-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .md\:focus\:via-orange-50:focus {
-    --gradient-via-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .md\:focus\:via-orange-100:focus {
-    --gradient-via-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .md\:focus\:via-orange-200:focus {
-    --gradient-via-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .md\:focus\:via-orange-300:focus {
-    --gradient-via-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .md\:focus\:via-orange-400:focus {
-    --gradient-via-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .md\:focus\:via-orange-500:focus {
-    --gradient-via-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .md\:focus\:via-orange-600:focus {
-    --gradient-via-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .md\:focus\:via-orange-700:focus {
-    --gradient-via-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .md\:focus\:via-orange-800:focus {
-    --gradient-via-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .md\:focus\:via-orange-900:focus {
-    --gradient-via-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .md\:focus\:via-yellow-50:focus {
-    --gradient-via-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .md\:focus\:via-yellow-100:focus {
-    --gradient-via-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .md\:focus\:via-yellow-200:focus {
-    --gradient-via-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .md\:focus\:via-yellow-300:focus {
-    --gradient-via-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .md\:focus\:via-yellow-400:focus {
-    --gradient-via-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .md\:focus\:via-yellow-500:focus {
-    --gradient-via-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .md\:focus\:via-yellow-600:focus {
-    --gradient-via-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .md\:focus\:via-yellow-700:focus {
-    --gradient-via-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .md\:focus\:via-yellow-800:focus {
-    --gradient-via-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .md\:focus\:via-yellow-900:focus {
-    --gradient-via-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .md\:focus\:via-green-50:focus {
-    --gradient-via-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .md\:focus\:via-green-100:focus {
-    --gradient-via-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .md\:focus\:via-green-200:focus {
-    --gradient-via-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .md\:focus\:via-green-300:focus {
-    --gradient-via-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .md\:focus\:via-green-400:focus {
-    --gradient-via-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .md\:focus\:via-green-500:focus {
-    --gradient-via-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .md\:focus\:via-green-600:focus {
-    --gradient-via-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .md\:focus\:via-green-700:focus {
-    --gradient-via-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .md\:focus\:via-green-800:focus {
-    --gradient-via-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .md\:focus\:via-green-900:focus {
-    --gradient-via-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .md\:focus\:via-teal-50:focus {
-    --gradient-via-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .md\:focus\:via-teal-100:focus {
-    --gradient-via-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .md\:focus\:via-teal-200:focus {
-    --gradient-via-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .md\:focus\:via-teal-300:focus {
-    --gradient-via-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .md\:focus\:via-teal-400:focus {
-    --gradient-via-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .md\:focus\:via-teal-500:focus {
-    --gradient-via-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .md\:focus\:via-teal-600:focus {
-    --gradient-via-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .md\:focus\:via-teal-700:focus {
-    --gradient-via-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .md\:focus\:via-teal-800:focus {
-    --gradient-via-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .md\:focus\:via-teal-900:focus {
-    --gradient-via-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .md\:focus\:via-blue-50:focus {
-    --gradient-via-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .md\:focus\:via-blue-100:focus {
-    --gradient-via-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .md\:focus\:via-blue-200:focus {
-    --gradient-via-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .md\:focus\:via-blue-300:focus {
-    --gradient-via-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .md\:focus\:via-blue-400:focus {
-    --gradient-via-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .md\:focus\:via-blue-500:focus {
-    --gradient-via-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .md\:focus\:via-blue-600:focus {
-    --gradient-via-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .md\:focus\:via-blue-700:focus {
-    --gradient-via-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .md\:focus\:via-blue-800:focus {
-    --gradient-via-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .md\:focus\:via-blue-900:focus {
-    --gradient-via-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .md\:focus\:via-indigo-50:focus {
-    --gradient-via-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .md\:focus\:via-indigo-100:focus {
-    --gradient-via-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .md\:focus\:via-indigo-200:focus {
-    --gradient-via-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .md\:focus\:via-indigo-300:focus {
-    --gradient-via-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .md\:focus\:via-indigo-400:focus {
-    --gradient-via-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .md\:focus\:via-indigo-500:focus {
-    --gradient-via-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .md\:focus\:via-indigo-600:focus {
-    --gradient-via-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .md\:focus\:via-indigo-700:focus {
-    --gradient-via-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .md\:focus\:via-indigo-800:focus {
-    --gradient-via-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .md\:focus\:via-indigo-900:focus {
-    --gradient-via-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .md\:focus\:via-purple-50:focus {
-    --gradient-via-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .md\:focus\:via-purple-100:focus {
-    --gradient-via-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .md\:focus\:via-purple-200:focus {
-    --gradient-via-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .md\:focus\:via-purple-300:focus {
-    --gradient-via-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .md\:focus\:via-purple-400:focus {
-    --gradient-via-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .md\:focus\:via-purple-500:focus {
-    --gradient-via-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .md\:focus\:via-purple-600:focus {
-    --gradient-via-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .md\:focus\:via-purple-700:focus {
-    --gradient-via-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .md\:focus\:via-purple-800:focus {
-    --gradient-via-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .md\:focus\:via-purple-900:focus {
-    --gradient-via-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .md\:focus\:via-pink-50:focus {
-    --gradient-via-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .md\:focus\:via-pink-100:focus {
-    --gradient-via-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .md\:focus\:via-pink-200:focus {
-    --gradient-via-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .md\:focus\:via-pink-300:focus {
-    --gradient-via-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .md\:focus\:via-pink-400:focus {
-    --gradient-via-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .md\:focus\:via-pink-500:focus {
-    --gradient-via-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .md\:focus\:via-pink-600:focus {
-    --gradient-via-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .md\:focus\:via-pink-700:focus {
-    --gradient-via-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .md\:focus\:via-pink-800:focus {
-    --gradient-via-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .md\:focus\:via-pink-900:focus {
-    --gradient-via-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .md\:focus\:via-cool-gray-50:focus {
-    --gradient-via-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .md\:focus\:via-cool-gray-100:focus {
-    --gradient-via-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .md\:focus\:via-cool-gray-200:focus {
-    --gradient-via-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .md\:focus\:via-cool-gray-300:focus {
-    --gradient-via-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .md\:focus\:via-cool-gray-400:focus {
-    --gradient-via-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .md\:focus\:via-cool-gray-500:focus {
-    --gradient-via-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .md\:focus\:via-cool-gray-600:focus {
-    --gradient-via-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .md\:focus\:via-cool-gray-700:focus {
-    --gradient-via-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .md\:focus\:via-cool-gray-800:focus {
-    --gradient-via-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .md\:focus\:via-cool-gray-900:focus {
-    --gradient-via-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .md\:focus\:to-current:focus {
-    --gradient-to-color: currentColor;
-  }
-
-  .md\:focus\:to-transparent:focus {
-    --gradient-to-color: transparent;
-  }
-
-  .md\:focus\:to-white:focus {
-    --gradient-to-color: #ffffff;
-  }
-
-  .md\:focus\:to-black:focus {
-    --gradient-to-color: #000000;
-  }
-
-  .md\:focus\:to-gray-50:focus {
-    --gradient-to-color: #f9fafb;
-  }
-
-  .md\:focus\:to-gray-100:focus {
-    --gradient-to-color: #f4f5f7;
-  }
-
-  .md\:focus\:to-gray-200:focus {
-    --gradient-to-color: #e5e7eb;
-  }
-
-  .md\:focus\:to-gray-300:focus {
-    --gradient-to-color: #d2d6dc;
-  }
-
-  .md\:focus\:to-gray-400:focus {
-    --gradient-to-color: #9fa6b2;
-  }
-
-  .md\:focus\:to-gray-500:focus {
-    --gradient-to-color: #6b7280;
-  }
-
-  .md\:focus\:to-gray-600:focus {
-    --gradient-to-color: #4b5563;
-  }
-
-  .md\:focus\:to-gray-700:focus {
-    --gradient-to-color: #374151;
-  }
-
-  .md\:focus\:to-gray-800:focus {
-    --gradient-to-color: #252f3f;
-  }
-
-  .md\:focus\:to-gray-900:focus {
-    --gradient-to-color: #161e2e;
-  }
-
-  .md\:focus\:to-red-50:focus {
-    --gradient-to-color: #fdf2f2;
-  }
-
-  .md\:focus\:to-red-100:focus {
-    --gradient-to-color: #fde8e8;
-  }
-
-  .md\:focus\:to-red-200:focus {
-    --gradient-to-color: #fbd5d5;
-  }
-
-  .md\:focus\:to-red-300:focus {
-    --gradient-to-color: #f8b4b4;
-  }
-
-  .md\:focus\:to-red-400:focus {
-    --gradient-to-color: #f98080;
-  }
-
-  .md\:focus\:to-red-500:focus {
-    --gradient-to-color: #f05252;
-  }
-
-  .md\:focus\:to-red-600:focus {
-    --gradient-to-color: #e02424;
-  }
-
-  .md\:focus\:to-red-700:focus {
-    --gradient-to-color: #c81e1e;
-  }
-
-  .md\:focus\:to-red-800:focus {
-    --gradient-to-color: #9b1c1c;
-  }
-
-  .md\:focus\:to-red-900:focus {
-    --gradient-to-color: #771d1d;
-  }
-
-  .md\:focus\:to-orange-50:focus {
-    --gradient-to-color: #fff8f1;
-  }
-
-  .md\:focus\:to-orange-100:focus {
-    --gradient-to-color: #feecdc;
-  }
-
-  .md\:focus\:to-orange-200:focus {
-    --gradient-to-color: #fcd9bd;
-  }
-
-  .md\:focus\:to-orange-300:focus {
-    --gradient-to-color: #fdba8c;
-  }
-
-  .md\:focus\:to-orange-400:focus {
-    --gradient-to-color: #ff8a4c;
-  }
-
-  .md\:focus\:to-orange-500:focus {
-    --gradient-to-color: #ff5a1f;
-  }
-
-  .md\:focus\:to-orange-600:focus {
-    --gradient-to-color: #d03801;
-  }
-
-  .md\:focus\:to-orange-700:focus {
-    --gradient-to-color: #b43403;
-  }
-
-  .md\:focus\:to-orange-800:focus {
-    --gradient-to-color: #8a2c0d;
-  }
-
-  .md\:focus\:to-orange-900:focus {
-    --gradient-to-color: #73230d;
-  }
-
-  .md\:focus\:to-yellow-50:focus {
-    --gradient-to-color: #fdfdea;
-  }
-
-  .md\:focus\:to-yellow-100:focus {
-    --gradient-to-color: #fdf6b2;
-  }
-
-  .md\:focus\:to-yellow-200:focus {
-    --gradient-to-color: #fce96a;
-  }
-
-  .md\:focus\:to-yellow-300:focus {
-    --gradient-to-color: #faca15;
-  }
-
-  .md\:focus\:to-yellow-400:focus {
-    --gradient-to-color: #e3a008;
-  }
-
-  .md\:focus\:to-yellow-500:focus {
-    --gradient-to-color: #c27803;
-  }
-
-  .md\:focus\:to-yellow-600:focus {
-    --gradient-to-color: #9f580a;
-  }
-
-  .md\:focus\:to-yellow-700:focus {
-    --gradient-to-color: #8e4b10;
-  }
-
-  .md\:focus\:to-yellow-800:focus {
-    --gradient-to-color: #723b13;
-  }
-
-  .md\:focus\:to-yellow-900:focus {
-    --gradient-to-color: #633112;
-  }
-
-  .md\:focus\:to-green-50:focus {
-    --gradient-to-color: #f3faf7;
-  }
-
-  .md\:focus\:to-green-100:focus {
-    --gradient-to-color: #def7ec;
-  }
-
-  .md\:focus\:to-green-200:focus {
-    --gradient-to-color: #bcf0da;
-  }
-
-  .md\:focus\:to-green-300:focus {
-    --gradient-to-color: #84e1bc;
-  }
-
-  .md\:focus\:to-green-400:focus {
-    --gradient-to-color: #31c48d;
-  }
-
-  .md\:focus\:to-green-500:focus {
-    --gradient-to-color: #0e9f6e;
-  }
-
-  .md\:focus\:to-green-600:focus {
-    --gradient-to-color: #057a55;
-  }
-
-  .md\:focus\:to-green-700:focus {
-    --gradient-to-color: #046c4e;
-  }
-
-  .md\:focus\:to-green-800:focus {
-    --gradient-to-color: #03543f;
-  }
-
-  .md\:focus\:to-green-900:focus {
-    --gradient-to-color: #014737;
-  }
-
-  .md\:focus\:to-teal-50:focus {
-    --gradient-to-color: #edfafa;
-  }
-
-  .md\:focus\:to-teal-100:focus {
-    --gradient-to-color: #d5f5f6;
-  }
-
-  .md\:focus\:to-teal-200:focus {
-    --gradient-to-color: #afecef;
-  }
-
-  .md\:focus\:to-teal-300:focus {
-    --gradient-to-color: #7edce2;
-  }
-
-  .md\:focus\:to-teal-400:focus {
-    --gradient-to-color: #16bdca;
-  }
-
-  .md\:focus\:to-teal-500:focus {
-    --gradient-to-color: #0694a2;
-  }
-
-  .md\:focus\:to-teal-600:focus {
-    --gradient-to-color: #047481;
-  }
-
-  .md\:focus\:to-teal-700:focus {
-    --gradient-to-color: #036672;
-  }
-
-  .md\:focus\:to-teal-800:focus {
-    --gradient-to-color: #05505c;
-  }
-
-  .md\:focus\:to-teal-900:focus {
-    --gradient-to-color: #014451;
-  }
-
-  .md\:focus\:to-blue-50:focus {
-    --gradient-to-color: #ebf5ff;
-  }
-
-  .md\:focus\:to-blue-100:focus {
-    --gradient-to-color: #e1effe;
-  }
-
-  .md\:focus\:to-blue-200:focus {
-    --gradient-to-color: #c3ddfd;
-  }
-
-  .md\:focus\:to-blue-300:focus {
-    --gradient-to-color: #a4cafe;
-  }
-
-  .md\:focus\:to-blue-400:focus {
-    --gradient-to-color: #76a9fa;
-  }
-
-  .md\:focus\:to-blue-500:focus {
-    --gradient-to-color: #3f83f8;
-  }
-
-  .md\:focus\:to-blue-600:focus {
-    --gradient-to-color: #1c64f2;
-  }
-
-  .md\:focus\:to-blue-700:focus {
-    --gradient-to-color: #1a56db;
-  }
-
-  .md\:focus\:to-blue-800:focus {
-    --gradient-to-color: #1e429f;
-  }
-
-  .md\:focus\:to-blue-900:focus {
-    --gradient-to-color: #233876;
-  }
-
-  .md\:focus\:to-indigo-50:focus {
-    --gradient-to-color: #f0f5ff;
-  }
-
-  .md\:focus\:to-indigo-100:focus {
-    --gradient-to-color: #e5edff;
-  }
-
-  .md\:focus\:to-indigo-200:focus {
-    --gradient-to-color: #cddbfe;
-  }
-
-  .md\:focus\:to-indigo-300:focus {
-    --gradient-to-color: #b4c6fc;
-  }
-
-  .md\:focus\:to-indigo-400:focus {
-    --gradient-to-color: #8da2fb;
-  }
-
-  .md\:focus\:to-indigo-500:focus {
-    --gradient-to-color: #6875f5;
-  }
-
-  .md\:focus\:to-indigo-600:focus {
-    --gradient-to-color: #5850ec;
-  }
-
-  .md\:focus\:to-indigo-700:focus {
-    --gradient-to-color: #5145cd;
-  }
-
-  .md\:focus\:to-indigo-800:focus {
-    --gradient-to-color: #42389d;
-  }
-
-  .md\:focus\:to-indigo-900:focus {
-    --gradient-to-color: #362f78;
-  }
-
-  .md\:focus\:to-purple-50:focus {
-    --gradient-to-color: #f6f5ff;
-  }
-
-  .md\:focus\:to-purple-100:focus {
-    --gradient-to-color: #edebfe;
-  }
-
-  .md\:focus\:to-purple-200:focus {
-    --gradient-to-color: #dcd7fe;
-  }
-
-  .md\:focus\:to-purple-300:focus {
-    --gradient-to-color: #cabffd;
-  }
-
-  .md\:focus\:to-purple-400:focus {
-    --gradient-to-color: #ac94fa;
-  }
-
-  .md\:focus\:to-purple-500:focus {
-    --gradient-to-color: #9061f9;
-  }
-
-  .md\:focus\:to-purple-600:focus {
-    --gradient-to-color: #7e3af2;
-  }
-
-  .md\:focus\:to-purple-700:focus {
-    --gradient-to-color: #6c2bd9;
-  }
-
-  .md\:focus\:to-purple-800:focus {
-    --gradient-to-color: #5521b5;
-  }
-
-  .md\:focus\:to-purple-900:focus {
-    --gradient-to-color: #4a1d96;
-  }
-
-  .md\:focus\:to-pink-50:focus {
-    --gradient-to-color: #fdf2f8;
-  }
-
-  .md\:focus\:to-pink-100:focus {
-    --gradient-to-color: #fce8f3;
-  }
-
-  .md\:focus\:to-pink-200:focus {
-    --gradient-to-color: #fad1e8;
-  }
-
-  .md\:focus\:to-pink-300:focus {
-    --gradient-to-color: #f8b4d9;
-  }
-
-  .md\:focus\:to-pink-400:focus {
-    --gradient-to-color: #f17eb8;
-  }
-
-  .md\:focus\:to-pink-500:focus {
-    --gradient-to-color: #e74694;
-  }
-
-  .md\:focus\:to-pink-600:focus {
-    --gradient-to-color: #d61f69;
-  }
-
-  .md\:focus\:to-pink-700:focus {
-    --gradient-to-color: #bf125d;
-  }
-
-  .md\:focus\:to-pink-800:focus {
-    --gradient-to-color: #99154b;
-  }
-
-  .md\:focus\:to-pink-900:focus {
-    --gradient-to-color: #751a3d;
-  }
-
-  .md\:focus\:to-cool-gray-50:focus {
-    --gradient-to-color: #f8fafc;
-  }
-
-  .md\:focus\:to-cool-gray-100:focus {
-    --gradient-to-color: #f1f5f9;
-  }
-
-  .md\:focus\:to-cool-gray-200:focus {
-    --gradient-to-color: #e2e8f0;
-  }
-
-  .md\:focus\:to-cool-gray-300:focus {
-    --gradient-to-color: #cfd8e3;
-  }
-
-  .md\:focus\:to-cool-gray-400:focus {
-    --gradient-to-color: #97a6ba;
-  }
-
-  .md\:focus\:to-cool-gray-500:focus {
-    --gradient-to-color: #64748b;
-  }
-
-  .md\:focus\:to-cool-gray-600:focus {
-    --gradient-to-color: #475569;
-  }
-
-  .md\:focus\:to-cool-gray-700:focus {
-    --gradient-to-color: #364152;
-  }
-
-  .md\:focus\:to-cool-gray-800:focus {
-    --gradient-to-color: #27303f;
-  }
-
-  .md\:focus\:to-cool-gray-900:focus {
-    --gradient-to-color: #1a202e;
-  }
-
-  .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-current {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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));
-  }
-
-  .md\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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));
-  }
-
-  .group:hover .md\:group-hover\:border-current {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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:hover .md\:group-hover\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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:focus .md\:group-focus\:border-current {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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));
-  }
-
-  .group:focus .md\:group-focus\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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));
-  }
-
-  .md\:hover\:border-current:hover {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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\:hover\:border-cool-gray-50:hover {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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\:focus-within\:border-current:focus-within {
-    border-color: currentColor;
-  }
-
-  .md\:focus-within\:border-transparent:focus-within {
-    border-color: transparent;
-  }
-
-  .md\:focus-within\:border-white:focus-within {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-black:focus-within {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-100:focus-within {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-200:focus-within {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-300:focus-within {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-400:focus-within {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-500:focus-within {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-600:focus-within {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-700:focus-within {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-800:focus-within {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-gray-900:focus-within {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-red-50:focus-within {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-red-100:focus-within {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-red-200:focus-within {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-red-300:focus-within {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-red-400:focus-within {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-red-500:focus-within {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-red-600:focus-within {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-red-700:focus-within {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-red-800:focus-within {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-red-900:focus-within {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-orange-50:focus-within {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-orange-100:focus-within {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-orange-200:focus-within {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-orange-300:focus-within {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-orange-400:focus-within {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-orange-500:focus-within {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-orange-600:focus-within {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-orange-700:focus-within {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-orange-800:focus-within {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-orange-900:focus-within {
-    --border-opacity: 1;
-    border-color: #73230d;
-    border-color: rgba(115, 35, 13, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-50:focus-within {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-100:focus-within {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-200:focus-within {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-300:focus-within {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-400:focus-within {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-500:focus-within {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-600:focus-within {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-700:focus-within {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-800:focus-within {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-yellow-900:focus-within {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-green-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-green-100:focus-within {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-green-200:focus-within {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-green-300:focus-within {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-green-400:focus-within {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-green-500:focus-within {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-green-600:focus-within {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-green-700:focus-within {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-green-800:focus-within {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-green-900:focus-within {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-teal-50:focus-within {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-teal-100:focus-within {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-teal-200:focus-within {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-teal-300:focus-within {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-teal-400:focus-within {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-teal-500:focus-within {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-teal-600:focus-within {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-teal-700:focus-within {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-teal-800:focus-within {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-teal-900:focus-within {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-50:focus-within {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-100:focus-within {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-200:focus-within {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-300:focus-within {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-400:focus-within {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-500:focus-within {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-600:focus-within {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-700:focus-within {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-800:focus-within {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-blue-900:focus-within {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-100:focus-within {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-200:focus-within {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-300:focus-within {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-400:focus-within {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-500:focus-within {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-600:focus-within {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-700:focus-within {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-800:focus-within {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-indigo-900:focus-within {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-purple-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-purple-100:focus-within {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-purple-200:focus-within {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-purple-300:focus-within {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-purple-400:focus-within {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-purple-500:focus-within {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-purple-600:focus-within {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-purple-700:focus-within {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-purple-800:focus-within {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-purple-900:focus-within {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-pink-50:focus-within {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-pink-100:focus-within {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-pink-200:focus-within {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-pink-300:focus-within {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-pink-400:focus-within {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-pink-500:focus-within {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-pink-600:focus-within {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-pink-700:focus-within {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-pink-800:focus-within {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-pink-900:focus-within {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-cool-gray-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-cool-gray-100:focus-within {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-cool-gray-200:focus-within {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-cool-gray-300:focus-within {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-cool-gray-400:focus-within {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-cool-gray-500:focus-within {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-cool-gray-600:focus-within {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-cool-gray-700:focus-within {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-cool-gray-800:focus-within {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .md\:focus-within\:border-cool-gray-900:focus-within {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .md\:focus\:border-current:focus {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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\:focus\:border-cool-gray-50:focus {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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\: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-xl {
-    border-radius: 0.75rem;
-  }
-
-  .md\:rounded-2xl {
-    border-radius: 1rem;
-  }
-
-  .md\:rounded-3xl {
-    border-radius: 1.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-xl {
-    border-top-left-radius: 0.75rem;
-    border-top-right-radius: 0.75rem;
-  }
-
-  .md\:rounded-r-xl {
-    border-top-right-radius: 0.75rem;
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .md\:rounded-b-xl {
-    border-bottom-right-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .md\:rounded-l-xl {
-    border-top-left-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .md\:rounded-t-2xl {
-    border-top-left-radius: 1rem;
-    border-top-right-radius: 1rem;
-  }
-
-  .md\:rounded-r-2xl {
-    border-top-right-radius: 1rem;
-    border-bottom-right-radius: 1rem;
-  }
-
-  .md\:rounded-b-2xl {
-    border-bottom-right-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .md\:rounded-l-2xl {
-    border-top-left-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .md\:rounded-t-3xl {
-    border-top-left-radius: 1.5rem;
-    border-top-right-radius: 1.5rem;
-  }
-
-  .md\:rounded-r-3xl {
-    border-top-right-radius: 1.5rem;
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .md\:rounded-b-3xl {
-    border-bottom-right-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .md\:rounded-l-3xl {
-    border-top-left-radius: 1.5rem;
-    border-bottom-left-radius: 1.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-xl {
-    border-top-left-radius: 0.75rem;
-  }
-
-  .md\:rounded-tr-xl {
-    border-top-right-radius: 0.75rem;
-  }
-
-  .md\:rounded-br-xl {
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .md\:rounded-bl-xl {
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .md\:rounded-tl-2xl {
-    border-top-left-radius: 1rem;
-  }
-
-  .md\:rounded-tr-2xl {
-    border-top-right-radius: 1rem;
-  }
-
-  .md\:rounded-br-2xl {
-    border-bottom-right-radius: 1rem;
-  }
-
-  .md\:rounded-bl-2xl {
-    border-bottom-left-radius: 1rem;
-  }
-
-  .md\:rounded-tl-3xl {
-    border-top-left-radius: 1.5rem;
-  }
-
-  .md\:rounded-tr-3xl {
-    border-top-right-radius: 1.5rem;
-  }
-
-  .md\:rounded-br-3xl {
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .md\:rounded-bl-3xl {
-    border-bottom-left-radius: 1.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\:contents {
-    display: contents;
-  }
-
-  .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\:place-items-auto {
-    place-items: auto;
-  }
-
-  .md\:place-items-start {
-    place-items: start;
-  }
-
-  .md\:place-items-end {
-    place-items: end;
-  }
-
-  .md\:place-items-center {
-    place-items: center;
-  }
-
-  .md\:place-items-stretch {
-    place-items: stretch;
-  }
-
-  .md\:place-content-center {
-    place-content: center;
-  }
-
-  .md\:place-content-start {
-    place-content: start;
-  }
-
-  .md\:place-content-end {
-    place-content: end;
-  }
-
-  .md\:place-content-between {
-    place-content: space-between;
-  }
-
-  .md\:place-content-around {
-    place-content: space-around;
-  }
-
-  .md\:place-content-evenly {
-    place-content: space-evenly;
-  }
-
-  .md\:place-content-stretch {
-    place-content: stretch;
-  }
-
-  .md\:place-self-auto {
-    place-self: auto;
-  }
-
-  .md\:place-self-start {
-    place-self: start;
-  }
-
-  .md\:place-self-end {
-    place-self: end;
-  }
-
-  .md\:place-self-center {
-    place-self: center;
-  }
-
-  .md\:place-self-stretch {
-    place-self: stretch;
-  }
-
-  .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\: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\:content-evenly {
-    align-content: space-evenly;
-  }
-
-  .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-items-auto {
-    justify-items: auto;
-  }
-
-  .md\:justify-items-start {
-    justify-items: start;
-  }
-
-  .md\:justify-items-end {
-    justify-items: end;
-  }
-
-  .md\:justify-items-center {
-    justify-items: center;
-  }
-
-  .md\:justify-items-stretch {
-    justify-items: 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\:justify-self-auto {
-    justify-self: auto;
-  }
-
-  .md\:justify-self-start {
-    justify-self: start;
-  }
-
-  .md\:justify-self-end {
-    justify-self: end;
-  }
-
-  .md\:justify-self-center {
-    justify-self: center;
-  }
-
-  .md\:justify-self-stretch {
-    justify-self: stretch;
-  }
-
-  .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-44 {
-    height: 11rem;
-  }
-
-  .md\:h-48 {
-    height: 12rem;
-  }
-
-  .md\:h-52 {
-    height: 13rem;
-  }
-
-  .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-44 {
-    margin: 11rem;
-  }
-
-  .md\:m-48 {
-    margin: 12rem;
-  }
-
-  .md\:m-52 {
-    margin: 13rem;
-  }
-
-  .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-44 {
-    margin: -11rem;
-  }
-
-  .md\:-m-48 {
-    margin: -12rem;
-  }
-
-  .md\:-m-52 {
-    margin: -13rem;
-  }
-
-  .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-44 {
-    margin-top: 11rem;
-    margin-bottom: 11rem;
-  }
-
-  .md\:mx-44 {
-    margin-left: 11rem;
-    margin-right: 11rem;
-  }
-
-  .md\:my-48 {
-    margin-top: 12rem;
-    margin-bottom: 12rem;
-  }
-
-  .md\:mx-48 {
-    margin-left: 12rem;
-    margin-right: 12rem;
-  }
-
-  .md\:my-52 {
-    margin-top: 13rem;
-    margin-bottom: 13rem;
-  }
-
-  .md\:mx-52 {
-    margin-left: 13rem;
-    margin-right: 13rem;
-  }
-
-  .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-44 {
-    margin-top: -11rem;
-    margin-bottom: -11rem;
-  }
-
-  .md\:-mx-44 {
-    margin-left: -11rem;
-    margin-right: -11rem;
-  }
-
-  .md\:-my-48 {
-    margin-top: -12rem;
-    margin-bottom: -12rem;
-  }
-
-  .md\:-mx-48 {
-    margin-left: -12rem;
-    margin-right: -12rem;
-  }
-
-  .md\:-my-52 {
-    margin-top: -13rem;
-    margin-bottom: -13rem;
-  }
-
-  .md\:-mx-52 {
-    margin-left: -13rem;
-    margin-right: -13rem;
-  }
-
-  .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-44 {
-    margin-top: 11rem;
-  }
-
-  .md\:mr-44 {
-    margin-right: 11rem;
-  }
-
-  .md\:mb-44 {
-    margin-bottom: 11rem;
-  }
-
-  .md\:ml-44 {
-    margin-left: 11rem;
-  }
-
-  .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-52 {
-    margin-top: 13rem;
-  }
-
-  .md\:mr-52 {
-    margin-right: 13rem;
-  }
-
-  .md\:mb-52 {
-    margin-bottom: 13rem;
-  }
-
-  .md\:ml-52 {
-    margin-left: 13rem;
-  }
-
-  .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-44 {
-    margin-top: -11rem;
-  }
-
-  .md\:-mr-44 {
-    margin-right: -11rem;
-  }
-
-  .md\:-mb-44 {
-    margin-bottom: -11rem;
-  }
-
-  .md\:-ml-44 {
-    margin-left: -11rem;
-  }
-
-  .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-52 {
-    margin-top: -13rem;
-  }
-
-  .md\:-mr-52 {
-    margin-right: -13rem;
-  }
-
-  .md\:-mb-52 {
-    margin-bottom: -13rem;
-  }
-
-  .md\:-ml-52 {
-    margin-left: -13rem;
-  }
-
-  .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-44 {
-    max-height: 11rem;
-  }
-
-  .md\:max-h-48 {
-    max-height: 12rem;
-  }
-
-  .md\:max-h-52 {
-    max-height: 13rem;
-  }
-
-  .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-0 {
-    max-width: 0rem;
-  }
-
-  .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-min-content {
-    max-width: -webkit-min-content;
-    max-width: -moz-min-content;
-    max-width: min-content;
-  }
-
-  .md\:max-w-max-content {
-    max-width: -webkit-max-content;
-    max-width: -moz-max-content;
-    max-width: max-content;
-  }
-
-  .md\:max-w-prose {
-    max-width: 65ch;
-  }
-
-  .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\:min-w-min-content {
-    min-width: -webkit-min-content;
-    min-width: -moz-min-content;
-    min-width: min-content;
-  }
-
-  .md\:min-w-max-content {
-    min-width: -webkit-max-content;
-    min-width: -moz-max-content;
-    min-width: max-content;
-  }
-
-  .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\:focus-within\:opacity-0:focus-within {
-    opacity: 0;
-  }
-
-  .md\:focus-within\:opacity-25:focus-within {
-    opacity: 0.25;
-  }
-
-  .md\:focus-within\:opacity-50:focus-within {
-    opacity: 0.5;
-  }
-
-  .md\:focus-within\:opacity-75:focus-within {
-    opacity: 0.75;
-  }
-
-  .md\:focus-within\:opacity-100:focus-within {
-    opacity: 1;
-  }
-
-  .group:hover .md\:group-hover\:opacity-0 {
-    opacity: 0;
-  }
-
-  .group:hover .md\:group-hover\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .group:hover .md\:group-hover\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .group:hover .md\:group-hover\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .group:hover .md\:group-hover\:opacity-100 {
-    opacity: 1;
-  }
-
-  .group:focus .md\:group-focus\:opacity-0 {
-    opacity: 0;
-  }
-
-  .group:focus .md\:group-focus\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .group:focus .md\:group-focus\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .group:focus .md\:group-focus\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .group:focus .md\:group-focus\: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: 2px solid transparent;
-    outline-offset: 2px;
-  }
-
-  .md\:outline-white {
-    outline: 2px dotted white;
-    outline-offset: 2px;
-  }
-
-  .md\:outline-black {
-    outline: 2px dotted black;
-    outline-offset: 2px;
-  }
-
-  .md\:focus\:outline-none:focus {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-  }
-
-  .md\:focus\:outline-white:focus {
-    outline: 2px dotted white;
-    outline-offset: 2px;
-  }
-
-  .md\:focus\:outline-black:focus {
-    outline: 2px dotted black;
-    outline-offset: 2px;
-  }
-
-  .md\:overflow-auto {
-    overflow: auto;
-  }
-
-  .md\:overflow-hidden {
-    overflow: hidden;
-  }
-
-  .md\:overflow-visible {
-    overflow: visible;
-  }
-
-  .md\:overflow-scroll {
-    overflow: scroll;
-  }
-
-  .md\:overflow-x-auto {
-    overflow-x: auto;
-  }
-
-  .md\:overflow-y-auto {
-    overflow-y: auto;
-  }
-
-  .md\:overflow-x-hidden {
-    overflow-x: hidden;
-  }
-
-  .md\:overflow-y-hidden {
-    overflow-y: hidden;
-  }
-
-  .md\:overflow-x-visible {
-    overflow-x: visible;
-  }
-
-  .md\:overflow-y-visible {
-    overflow-y: visible;
-  }
-
-  .md\:overflow-x-scroll {
-    overflow-x: scroll;
-  }
-
-  .md\:overflow-y-scroll {
-    overflow-y: scroll;
-  }
-
-  .md\:scrolling-touch {
-    -webkit-overflow-scrolling: touch;
-  }
-
-  .md\:scrolling-auto {
-    -webkit-overflow-scrolling: auto;
-  }
-
-  .md\:overscroll-auto {
-    -ms-scroll-chaining: chained;
-        overscroll-behavior: auto;
-  }
-
-  .md\:overscroll-contain {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: contain;
-  }
-
-  .md\:overscroll-none {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: none;
-  }
-
-  .md\:overscroll-y-auto {
-    overscroll-behavior-y: auto;
-  }
-
-  .md\:overscroll-y-contain {
-    overscroll-behavior-y: contain;
-  }
-
-  .md\:overscroll-y-none {
-    overscroll-behavior-y: none;
-  }
-
-  .md\:overscroll-x-auto {
-    overscroll-behavior-x: auto;
-  }
-
-  .md\:overscroll-x-contain {
-    overscroll-behavior-x: contain;
-  }
-
-  .md\:overscroll-x-none {
-    overscroll-behavior-x: none;
-  }
-
-  .md\:p-0 {
-    padding: 0;
-  }
-
-  .md\:p-1 {
-    padding: 0.25rem;
-  }
-
-  .md\:p-2 {
-    padding: 0.5rem;
-  }
-
-  .md\:p-3 {
-    padding: 0.75rem;
-  }
-
-  .md\:p-4 {
-    padding: 1rem;
-  }
-
-  .md\:p-5 {
-    padding: 1.25rem;
-  }
-
-  .md\:p-6 {
-    padding: 1.5rem;
-  }
-
-  .md\:p-7 {
-    padding: 1.75rem;
-  }
-
-  .md\:p-8 {
-    padding: 2rem;
-  }
-
-  .md\:p-9 {
-    padding: 2.25rem;
-  }
-
-  .md\:p-10 {
-    padding: 2.5rem;
-  }
-
-  .md\:p-11 {
-    padding: 2.75rem;
-  }
-
-  .md\:p-12 {
-    padding: 3rem;
-  }
-
-  .md\:p-13 {
-    padding: 3.25rem;
-  }
-
-  .md\:p-14 {
-    padding: 3.5rem;
-  }
-
-  .md\:p-15 {
-    padding: 3.75rem;
-  }
-
-  .md\:p-16 {
-    padding: 4rem;
-  }
-
-  .md\:p-20 {
-    padding: 5rem;
-  }
-
-  .md\:p-24 {
-    padding: 6rem;
-  }
-
-  .md\:p-28 {
-    padding: 7rem;
-  }
-
-  .md\:p-32 {
-    padding: 8rem;
-  }
-
-  .md\:p-36 {
-    padding: 9rem;
-  }
-
-  .md\:p-40 {
-    padding: 10rem;
-  }
-
-  .md\:p-44 {
-    padding: 11rem;
-  }
-
-  .md\:p-48 {
-    padding: 12rem;
-  }
-
-  .md\:p-52 {
-    padding: 13rem;
-  }
-
-  .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-44 {
-    padding-top: 11rem;
-    padding-bottom: 11rem;
-  }
-
-  .md\:px-44 {
-    padding-left: 11rem;
-    padding-right: 11rem;
-  }
-
-  .md\:py-48 {
-    padding-top: 12rem;
-    padding-bottom: 12rem;
-  }
-
-  .md\:px-48 {
-    padding-left: 12rem;
-    padding-right: 12rem;
-  }
-
-  .md\:py-52 {
-    padding-top: 13rem;
-    padding-bottom: 13rem;
-  }
-
-  .md\:px-52 {
-    padding-left: 13rem;
-    padding-right: 13rem;
-  }
-
-  .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-44 {
-    padding-top: 11rem;
-  }
-
-  .md\:pr-44 {
-    padding-right: 11rem;
-  }
-
-  .md\:pb-44 {
-    padding-bottom: 11rem;
-  }
-
-  .md\:pl-44 {
-    padding-left: 11rem;
-  }
-
-  .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-52 {
-    padding-top: 13rem;
-  }
-
-  .md\:pr-52 {
-    padding-right: 13rem;
-  }
-
-  .md\:pb-52 {
-    padding-bottom: 13rem;
-  }
-
-  .md\:pl-52 {
-    padding-left: 13rem;
-  }
-
-  .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-current::-moz-placeholder {
-    color: currentColor;
-  }
-
-  .md\:placeholder-current:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .md\:placeholder-current::placeholder {
-    color: currentColor;
-  }
-
-  .md\:placeholder-transparent::-moz-placeholder {
-    color: transparent;
-  }
-
-  .md\:placeholder-transparent:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .md\:placeholder-transparent::placeholder {
-    color: transparent;
-  }
-
-  .md\:placeholder-white::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-white:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-white::placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-black::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-black:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-black::placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, 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::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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::placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-current:focus::-moz-placeholder {
-    color: currentColor;
-  }
-
-  .md\:focus\:placeholder-current:focus:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .md\:focus\:placeholder-current:focus::placeholder {
-    color: currentColor;
-  }
-
-  .md\:focus\:placeholder-transparent:focus::-moz-placeholder {
-    color: transparent;
-  }
-
-  .md\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .md\:focus\:placeholder-transparent:focus::placeholder {
-    color: transparent;
-  }
-
-  .md\:focus\:placeholder-white:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-white:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-white:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-black:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-black:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-black:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, 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::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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::placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-opacity-0::-moz-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .md\:placeholder-opacity-0:-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .md\:placeholder-opacity-0::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .md\:placeholder-opacity-25::-moz-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .md\:placeholder-opacity-25:-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .md\:placeholder-opacity-25::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .md\:placeholder-opacity-50::-moz-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .md\:placeholder-opacity-50:-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .md\:placeholder-opacity-50::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .md\:placeholder-opacity-75::-moz-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .md\:placeholder-opacity-75:-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .md\:placeholder-opacity-75::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .md\:placeholder-opacity-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .md\:placeholder-opacity-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .md\:placeholder-opacity-100::placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .md\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .md\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .md\:focus\:placeholder-opacity-0:focus::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .md\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .md\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .md\:focus\:placeholder-opacity-25:focus::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .md\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .md\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .md\:focus\:placeholder-opacity-50:focus::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .md\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .md\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .md\:focus\:placeholder-opacity-75:focus::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .md\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .md\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .md\:focus\:placeholder-opacity-100:focus::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-44 {
-    top: 11rem;
-    right: 11rem;
-    bottom: 11rem;
-    left: 11rem;
-  }
-
-  .md\:inset-48 {
-    top: 12rem;
-    right: 12rem;
-    bottom: 12rem;
-    left: 12rem;
-  }
-
-  .md\:inset-52 {
-    top: 13rem;
-    right: 13rem;
-    bottom: 13rem;
-    left: 13rem;
-  }
-
-  .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-44 {
-    top: 11rem;
-    bottom: 11rem;
-  }
-
-  .md\:inset-x-44 {
-    right: 11rem;
-    left: 11rem;
-  }
-
-  .md\:inset-y-48 {
-    top: 12rem;
-    bottom: 12rem;
-  }
-
-  .md\:inset-x-48 {
-    right: 12rem;
-    left: 12rem;
-  }
-
-  .md\:inset-y-52 {
-    top: 13rem;
-    bottom: 13rem;
-  }
-
-  .md\:inset-x-52 {
-    right: 13rem;
-    left: 13rem;
-  }
-
-  .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-44 {
-    top: 11rem;
-  }
-
-  .md\:right-44 {
-    right: 11rem;
-  }
-
-  .md\:bottom-44 {
-    bottom: 11rem;
-  }
-
-  .md\:left-44 {
-    left: 11rem;
-  }
-
-  .md\:top-48 {
-    top: 12rem;
-  }
-
-  .md\:right-48 {
-    right: 12rem;
-  }
-
-  .md\:bottom-48 {
-    bottom: 12rem;
-  }
-
-  .md\:left-48 {
-    left: 12rem;
-  }
-
-  .md\:top-52 {
-    top: 13rem;
-  }
-
-  .md\:right-52 {
-    right: 13rem;
-  }
-
-  .md\:bottom-52 {
-    bottom: 13rem;
-  }
-
-  .md\:left-52 {
-    left: 13rem;
-  }
-
-  .md\:top-56 {
-    top: 14rem;
-  }
-
-  .md\:right-56 {
-    right: 14rem;
-  }
-
-  .md\:bottom-56 {
-    bottom: 14rem;
-  }
-
-  .md\:left-56 {
-    left: 14rem;
-  }
-
-  .md\:top-60 {
-    top: 15rem;
-  }
-
-  .md\:right-60 {
-    right: 15rem;
-  }
-
-  .md\:bottom-60 {
-    bottom: 15rem;
-  }
-
-  .md\:left-60 {
-    left: 15rem;
-  }
-
-  .md\:top-64 {
-    top: 16rem;
-  }
-
-  .md\:right-64 {
-    right: 16rem;
-  }
-
-  .md\:bottom-64 {
-    bottom: 16rem;
-  }
-
-  .md\:left-64 {
-    left: 16rem;
-  }
-
-  .md\:top-72 {
-    top: 18rem;
-  }
-
-  .md\:right-72 {
-    right: 18rem;
-  }
-
-  .md\:bottom-72 {
-    bottom: 18rem;
-  }
-
-  .md\:left-72 {
-    left: 18rem;
-  }
-
-  .md\:top-80 {
-    top: 20rem;
-  }
-
-  .md\:right-80 {
-    right: 20rem;
-  }
-
-  .md\:bottom-80 {
-    bottom: 20rem;
-  }
-
-  .md\:left-80 {
-    left: 20rem;
-  }
-
-  .md\:top-96 {
-    top: 24rem;
-  }
-
-  .md\:right-96 {
-    right: 24rem;
-  }
-
-  .md\:bottom-96 {
-    bottom: 24rem;
-  }
-
-  .md\:left-96 {
-    left: 24rem;
-  }
-
-  .md\:top-auto {
-    top: auto;
-  }
-
-  .md\:right-auto {
-    right: auto;
-  }
-
-  .md\:bottom-auto {
-    bottom: auto;
-  }
-
-  .md\:left-auto {
-    left: auto;
-  }
-
-  .md\:top-px {
-    top: 1px;
-  }
-
-  .md\:right-px {
-    right: 1px;
-  }
-
-  .md\:bottom-px {
-    bottom: 1px;
-  }
-
-  .md\:left-px {
-    left: 1px;
-  }
-
-  .md\:top-0\.5 {
-    top: 0.125rem;
-  }
-
-  .md\:right-0\.5 {
-    right: 0.125rem;
-  }
-
-  .md\:bottom-0\.5 {
-    bottom: 0.125rem;
-  }
-
-  .md\:left-0\.5 {
-    left: 0.125rem;
-  }
-
-  .md\:top-1\.5 {
-    top: 0.375rem;
-  }
-
-  .md\:right-1\.5 {
-    right: 0.375rem;
-  }
-
-  .md\:bottom-1\.5 {
-    bottom: 0.375rem;
-  }
-
-  .md\:left-1\.5 {
-    left: 0.375rem;
-  }
-
-  .md\:top-2\.5 {
-    top: 0.625rem;
-  }
-
-  .md\:right-2\.5 {
-    right: 0.625rem;
-  }
-
-  .md\:bottom-2\.5 {
-    bottom: 0.625rem;
-  }
-
-  .md\:left-2\.5 {
-    left: 0.625rem;
-  }
-
-  .md\:top-3\.5 {
-    top: 0.875rem;
-  }
-
-  .md\:right-3\.5 {
-    right: 0.875rem;
-  }
-
-  .md\:bottom-3\.5 {
-    bottom: 0.875rem;
-  }
-
-  .md\:left-3\.5 {
-    left: 0.875rem;
-  }
-
-  .md\:top-1\/2 {
-    top: 50%;
-  }
-
-  .md\:right-1\/2 {
-    right: 50%;
-  }
-
-  .md\:bottom-1\/2 {
-    bottom: 50%;
-  }
-
-  .md\:left-1\/2 {
-    left: 50%;
-  }
-
-  .md\:top-1\/3 {
-    top: 33.333333%;
-  }
-
-  .md\:right-1\/3 {
-    right: 33.333333%;
-  }
-
-  .md\:bottom-1\/3 {
-    bottom: 33.333333%;
-  }
-
-  .md\:left-1\/3 {
-    left: 33.333333%;
-  }
-
-  .md\:top-2\/3 {
-    top: 66.666667%;
-  }
-
-  .md\:right-2\/3 {
-    right: 66.666667%;
-  }
-
-  .md\:bottom-2\/3 {
-    bottom: 66.666667%;
-  }
-
-  .md\:left-2\/3 {
-    left: 66.666667%;
-  }
-
-  .md\:top-1\/4 {
-    top: 25%;
-  }
-
-  .md\:right-1\/4 {
-    right: 25%;
-  }
-
-  .md\:bottom-1\/4 {
-    bottom: 25%;
-  }
-
-  .md\:left-1\/4 {
-    left: 25%;
-  }
-
-  .md\:top-2\/4 {
-    top: 50%;
-  }
-
-  .md\:right-2\/4 {
-    right: 50%;
-  }
-
-  .md\:bottom-2\/4 {
-    bottom: 50%;
-  }
-
-  .md\:left-2\/4 {
-    left: 50%;
-  }
-
-  .md\:top-3\/4 {
-    top: 75%;
-  }
-
-  .md\:right-3\/4 {
-    right: 75%;
-  }
-
-  .md\:bottom-3\/4 {
-    bottom: 75%;
-  }
-
-  .md\:left-3\/4 {
-    left: 75%;
-  }
-
-  .md\:top-1\/5 {
-    top: 20%;
-  }
-
-  .md\:right-1\/5 {
-    right: 20%;
-  }
-
-  .md\:bottom-1\/5 {
-    bottom: 20%;
-  }
-
-  .md\:left-1\/5 {
-    left: 20%;
-  }
-
-  .md\:top-2\/5 {
-    top: 40%;
-  }
-
-  .md\:right-2\/5 {
-    right: 40%;
-  }
-
-  .md\:bottom-2\/5 {
-    bottom: 40%;
-  }
-
-  .md\:left-2\/5 {
-    left: 40%;
-  }
-
-  .md\:top-3\/5 {
-    top: 60%;
-  }
-
-  .md\:right-3\/5 {
-    right: 60%;
-  }
-
-  .md\:bottom-3\/5 {
-    bottom: 60%;
-  }
-
-  .md\:left-3\/5 {
-    left: 60%;
-  }
-
-  .md\:top-4\/5 {
-    top: 80%;
-  }
-
-  .md\:right-4\/5 {
-    right: 80%;
-  }
-
-  .md\:bottom-4\/5 {
-    bottom: 80%;
-  }
-
-  .md\:left-4\/5 {
-    left: 80%;
-  }
-
-  .md\:top-1\/6 {
-    top: 16.666667%;
-  }
-
-  .md\:right-1\/6 {
-    right: 16.666667%;
-  }
-
-  .md\:bottom-1\/6 {
-    bottom: 16.666667%;
-  }
-
-  .md\:left-1\/6 {
-    left: 16.666667%;
-  }
-
-  .md\:top-2\/6 {
-    top: 33.333333%;
-  }
-
-  .md\:right-2\/6 {
-    right: 33.333333%;
-  }
-
-  .md\:bottom-2\/6 {
-    bottom: 33.333333%;
-  }
-
-  .md\:left-2\/6 {
-    left: 33.333333%;
-  }
-
-  .md\:top-3\/6 {
-    top: 50%;
-  }
-
-  .md\:right-3\/6 {
-    right: 50%;
-  }
-
-  .md\:bottom-3\/6 {
-    bottom: 50%;
-  }
-
-  .md\:left-3\/6 {
-    left: 50%;
-  }
-
-  .md\:top-4\/6 {
-    top: 66.666667%;
-  }
-
-  .md\:right-4\/6 {
-    right: 66.666667%;
-  }
-
-  .md\:bottom-4\/6 {
-    bottom: 66.666667%;
-  }
-
-  .md\:left-4\/6 {
-    left: 66.666667%;
-  }
-
-  .md\:top-5\/6 {
-    top: 83.333333%;
-  }
-
-  .md\:right-5\/6 {
-    right: 83.333333%;
-  }
-
-  .md\:bottom-5\/6 {
-    bottom: 83.333333%;
-  }
-
-  .md\:left-5\/6 {
-    left: 83.333333%;
-  }
-
-  .md\:top-1\/12 {
-    top: 8.333333%;
-  }
-
-  .md\:right-1\/12 {
-    right: 8.333333%;
-  }
-
-  .md\:bottom-1\/12 {
-    bottom: 8.333333%;
-  }
-
-  .md\:left-1\/12 {
-    left: 8.333333%;
-  }
-
-  .md\:top-2\/12 {
-    top: 16.666667%;
-  }
-
-  .md\:right-2\/12 {
-    right: 16.666667%;
-  }
-
-  .md\:bottom-2\/12 {
-    bottom: 16.666667%;
-  }
-
-  .md\:left-2\/12 {
-    left: 16.666667%;
-  }
-
-  .md\:top-3\/12 {
-    top: 25%;
-  }
-
-  .md\:right-3\/12 {
-    right: 25%;
-  }
-
-  .md\:bottom-3\/12 {
-    bottom: 25%;
-  }
-
-  .md\:left-3\/12 {
-    left: 25%;
-  }
-
-  .md\:top-4\/12 {
-    top: 33.333333%;
-  }
-
-  .md\:right-4\/12 {
-    right: 33.333333%;
-  }
-
-  .md\:bottom-4\/12 {
-    bottom: 33.333333%;
-  }
-
-  .md\:left-4\/12 {
-    left: 33.333333%;
-  }
-
-  .md\:top-5\/12 {
-    top: 41.666667%;
-  }
-
-  .md\:right-5\/12 {
-    right: 41.666667%;
-  }
-
-  .md\:bottom-5\/12 {
-    bottom: 41.666667%;
-  }
-
-  .md\:left-5\/12 {
-    left: 41.666667%;
-  }
-
-  .md\:top-6\/12 {
-    top: 50%;
-  }
-
-  .md\:right-6\/12 {
-    right: 50%;
-  }
-
-  .md\:bottom-6\/12 {
-    bottom: 50%;
-  }
-
-  .md\:left-6\/12 {
-    left: 50%;
-  }
-
-  .md\:top-7\/12 {
-    top: 58.333333%;
-  }
-
-  .md\:right-7\/12 {
-    right: 58.333333%;
-  }
-
-  .md\:bottom-7\/12 {
-    bottom: 58.333333%;
-  }
-
-  .md\:left-7\/12 {
-    left: 58.333333%;
-  }
-
-  .md\:top-8\/12 {
-    top: 66.666667%;
-  }
-
-  .md\:right-8\/12 {
-    right: 66.666667%;
-  }
-
-  .md\:bottom-8\/12 {
-    bottom: 66.666667%;
-  }
-
-  .md\:left-8\/12 {
-    left: 66.666667%;
-  }
-
-  .md\:top-9\/12 {
-    top: 75%;
-  }
-
-  .md\:right-9\/12 {
-    right: 75%;
-  }
-
-  .md\:bottom-9\/12 {
-    bottom: 75%;
-  }
-
-  .md\:left-9\/12 {
-    left: 75%;
-  }
-
-  .md\:top-10\/12 {
-    top: 83.333333%;
-  }
-
-  .md\:right-10\/12 {
-    right: 83.333333%;
-  }
-
-  .md\:bottom-10\/12 {
-    bottom: 83.333333%;
-  }
-
-  .md\:left-10\/12 {
-    left: 83.333333%;
-  }
-
-  .md\:top-11\/12 {
-    top: 91.666667%;
-  }
-
-  .md\:right-11\/12 {
-    right: 91.666667%;
-  }
-
-  .md\:bottom-11\/12 {
-    bottom: 91.666667%;
-  }
-
-  .md\:left-11\/12 {
-    left: 91.666667%;
-  }
-
-  .md\:top-full {
-    top: 100%;
-  }
-
-  .md\:right-full {
-    right: 100%;
-  }
-
-  .md\:bottom-full {
-    bottom: 100%;
-  }
-
-  .md\:left-full {
-    left: 100%;
-  }
-
-  .md\:resize-none {
-    resize: none;
-  }
-
-  .md\:resize-y {
-    resize: vertical;
-  }
-
-  .md\:resize-x {
-    resize: horizontal;
-  }
-
-  .md\:resize {
-    resize: both;
-  }
-
-  .md\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .md\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .md\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .md\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .md\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .md\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .md\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .md\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .md\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .md\:shadow-none {
-    box-shadow: none;
-  }
-
-  .md\:shadow-solid {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .md\:shadow-outline-gray {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .md\:shadow-outline-blue {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .md\:shadow-outline-teal {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .md\:shadow-outline-green {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .md\:shadow-outline-yellow {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .md\:shadow-outline-orange {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .md\:shadow-outline-red {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .md\:shadow-outline-pink {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .md\:shadow-outline-purple {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .md\:shadow-outline-indigo {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .md\:group-focus\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .md\:group-focus\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .md\:group-focus\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .md\:group-focus\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .md\:group-focus\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .group:focus .md\:group-focus\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .group:focus .md\:group-focus\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-none {
-    box-shadow: none;
-  }
-
-  .group:focus .md\:group-focus\:shadow-solid {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-gray {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-blue {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-teal {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-green {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-yellow {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-orange {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-red {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-pink {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-purple {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-indigo {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .md\:hover\:shadow-xs:hover {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .md\:hover\:shadow-sm:hover {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .md\:hover\:shadow:hover {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .md\:hover\:shadow-md:hover {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .md\:hover\:shadow-lg:hover {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .md\:hover\:shadow-xl:hover {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .md\:hover\:shadow-2xl:hover {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .md\:hover\:shadow-inner:hover {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .md\:hover\:shadow-outline:hover {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .md\:hover\:shadow-none:hover {
-    box-shadow: none;
-  }
-
-  .md\:hover\:shadow-solid:hover {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .md\:hover\:shadow-outline-gray:hover {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .md\:hover\:shadow-outline-blue:hover {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .md\:hover\:shadow-outline-teal:hover {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .md\:hover\:shadow-outline-green:hover {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .md\:hover\:shadow-outline-yellow:hover {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .md\:hover\:shadow-outline-orange:hover {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .md\:hover\:shadow-outline-red:hover {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .md\:hover\:shadow-outline-pink:hover {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .md\:hover\:shadow-outline-purple:hover {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .md\:hover\:shadow-outline-indigo:hover {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .md\:focus-within\:shadow-xs:focus-within {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .md\:focus-within\:shadow-sm:focus-within {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .md\:focus-within\:shadow:focus-within {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .md\:focus-within\:shadow-md:focus-within {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .md\:focus-within\:shadow-lg:focus-within {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .md\:focus-within\:shadow-xl:focus-within {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .md\:focus-within\:shadow-2xl:focus-within {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .md\:focus-within\:shadow-inner:focus-within {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .md\:focus-within\:shadow-outline:focus-within {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .md\:focus-within\:shadow-none:focus-within {
-    box-shadow: none;
-  }
-
-  .md\:focus-within\:shadow-solid:focus-within {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .md\:focus-within\:shadow-outline-gray:focus-within {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .md\:focus-within\:shadow-outline-blue:focus-within {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .md\:focus-within\:shadow-outline-teal:focus-within {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .md\:focus-within\:shadow-outline-green:focus-within {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .md\:focus-within\:shadow-outline-yellow:focus-within {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .md\:focus-within\:shadow-outline-orange:focus-within {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .md\:focus-within\:shadow-outline-red:focus-within {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .md\:focus-within\:shadow-outline-pink:focus-within {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .md\:focus-within\:shadow-outline-purple:focus-within {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .md\:focus-within\:shadow-outline-indigo:focus-within {
-    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-current {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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));
-  }
-
-  .md\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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));
-  }
-
-  .group:hover .md\:group-hover\:text-current {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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:hover .md\:group-hover\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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:focus .md\:group-focus\:text-current {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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));
-  }
-
-  .group:focus .md\:group-focus\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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));
-  }
-
-  .md\:hover\:text-current:hover {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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\:hover\:text-cool-gray-50:hover {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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\:focus-within\:text-current:focus-within {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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-within\:text-cool-gray-50:focus-within {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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\:text-current:focus {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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\:focus\:text-cool-gray-50:focus {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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\:active\:text-current:active {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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\:active\:text-cool-gray-50:active {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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\: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\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions {
-    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
-    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
-  }
-
-  .md\:normal-nums {
-    font-variant-numeric: normal;
-  }
-
-  .md\:ordinal {
-    --font-variant-numeric-ordinal: ordinal;
-  }
-
-  .md\:slashed-zero {
-    --font-variant-numeric-slashed-zero: slashed-zero;
-  }
-
-  .md\:lining-nums {
-    --font-variant-numeric-figure: lining-nums;
-  }
-
-  .md\:oldstyle-nums {
-    --font-variant-numeric-figure: oldstyle-nums;
-  }
-
-  .md\:proportional-nums {
-    --font-variant-numeric-spacing: proportional-nums;
-  }
-
-  .md\:tabular-nums {
-    --font-variant-numeric-spacing: tabular-nums;
-  }
-
-  .md\:diagonal-fractions {
-    --font-variant-numeric-fraction: diagonal-fractions;
-  }
-
-  .md\:stacked-fractions {
-    --font-variant-numeric-fraction: stacked-fractions;
-  }
-
-  .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 {
-    word-wrap: normal;
-    overflow-wrap: normal;
-    word-break: normal;
-  }
-
-  .md\:break-words {
-    word-wrap: break-word;
-    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-44 {
-    width: 11rem;
-  }
-
-  .md\:w-48 {
-    width: 12rem;
-  }
-
-  .md\:w-52 {
-    width: 13rem;
-  }
-
-  .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\:w-min-content {
-    width: -webkit-min-content;
-    width: -moz-min-content;
-    width: min-content;
-  }
-
-  .md\:w-max-content {
-    width: -webkit-max-content;
-    width: -moz-max-content;
-    width: max-content;
-  }
-
-  .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-44 {
-    grid-gap: 11rem;
-    gap: 11rem;
-  }
-
-  .md\:gap-48 {
-    grid-gap: 12rem;
-    gap: 12rem;
-  }
-
-  .md\:gap-52 {
-    grid-gap: 13rem;
-    gap: 13rem;
-  }
-
-  .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-44 {
-    grid-column-gap: 11rem;
-    -moz-column-gap: 11rem;
-         column-gap: 11rem;
-  }
-
-  .md\:col-gap-48 {
-    grid-column-gap: 12rem;
-    -moz-column-gap: 12rem;
-         column-gap: 12rem;
-  }
-
-  .md\:col-gap-52 {
-    grid-column-gap: 13rem;
-    -moz-column-gap: 13rem;
-         column-gap: 13rem;
-  }
-
-  .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\:gap-x-0 {
-    grid-column-gap: 0;
-    -moz-column-gap: 0;
-         column-gap: 0;
-  }
-
-  .md\:gap-x-1 {
-    grid-column-gap: 0.25rem;
-    -moz-column-gap: 0.25rem;
-         column-gap: 0.25rem;
-  }
-
-  .md\:gap-x-2 {
-    grid-column-gap: 0.5rem;
-    -moz-column-gap: 0.5rem;
-         column-gap: 0.5rem;
-  }
-
-  .md\:gap-x-3 {
-    grid-column-gap: 0.75rem;
-    -moz-column-gap: 0.75rem;
-         column-gap: 0.75rem;
-  }
-
-  .md\:gap-x-4 {
-    grid-column-gap: 1rem;
-    -moz-column-gap: 1rem;
-         column-gap: 1rem;
-  }
-
-  .md\:gap-x-5 {
-    grid-column-gap: 1.25rem;
-    -moz-column-gap: 1.25rem;
-         column-gap: 1.25rem;
-  }
-
-  .md\:gap-x-6 {
-    grid-column-gap: 1.5rem;
-    -moz-column-gap: 1.5rem;
-         column-gap: 1.5rem;
-  }
-
-  .md\:gap-x-7 {
-    grid-column-gap: 1.75rem;
-    -moz-column-gap: 1.75rem;
-         column-gap: 1.75rem;
-  }
-
-  .md\:gap-x-8 {
-    grid-column-gap: 2rem;
-    -moz-column-gap: 2rem;
-         column-gap: 2rem;
-  }
-
-  .md\:gap-x-9 {
-    grid-column-gap: 2.25rem;
-    -moz-column-gap: 2.25rem;
-         column-gap: 2.25rem;
-  }
-
-  .md\:gap-x-10 {
-    grid-column-gap: 2.5rem;
-    -moz-column-gap: 2.5rem;
-         column-gap: 2.5rem;
-  }
-
-  .md\:gap-x-11 {
-    grid-column-gap: 2.75rem;
-    -moz-column-gap: 2.75rem;
-         column-gap: 2.75rem;
-  }
-
-  .md\:gap-x-12 {
-    grid-column-gap: 3rem;
-    -moz-column-gap: 3rem;
-         column-gap: 3rem;
-  }
-
-  .md\:gap-x-13 {
-    grid-column-gap: 3.25rem;
-    -moz-column-gap: 3.25rem;
-         column-gap: 3.25rem;
-  }
-
-  .md\:gap-x-14 {
-    grid-column-gap: 3.5rem;
-    -moz-column-gap: 3.5rem;
-         column-gap: 3.5rem;
-  }
-
-  .md\:gap-x-15 {
-    grid-column-gap: 3.75rem;
-    -moz-column-gap: 3.75rem;
-         column-gap: 3.75rem;
-  }
-
-  .md\:gap-x-16 {
-    grid-column-gap: 4rem;
-    -moz-column-gap: 4rem;
-         column-gap: 4rem;
-  }
-
-  .md\:gap-x-20 {
-    grid-column-gap: 5rem;
-    -moz-column-gap: 5rem;
-         column-gap: 5rem;
-  }
-
-  .md\:gap-x-24 {
-    grid-column-gap: 6rem;
-    -moz-column-gap: 6rem;
-         column-gap: 6rem;
-  }
-
-  .md\:gap-x-28 {
-    grid-column-gap: 7rem;
-    -moz-column-gap: 7rem;
-         column-gap: 7rem;
-  }
-
-  .md\:gap-x-32 {
-    grid-column-gap: 8rem;
-    -moz-column-gap: 8rem;
-         column-gap: 8rem;
-  }
-
-  .md\:gap-x-36 {
-    grid-column-gap: 9rem;
-    -moz-column-gap: 9rem;
-         column-gap: 9rem;
-  }
-
-  .md\:gap-x-40 {
-    grid-column-gap: 10rem;
-    -moz-column-gap: 10rem;
-         column-gap: 10rem;
-  }
-
-  .md\:gap-x-44 {
-    grid-column-gap: 11rem;
-    -moz-column-gap: 11rem;
-         column-gap: 11rem;
-  }
-
-  .md\:gap-x-48 {
-    grid-column-gap: 12rem;
-    -moz-column-gap: 12rem;
-         column-gap: 12rem;
-  }
-
-  .md\:gap-x-52 {
-    grid-column-gap: 13rem;
-    -moz-column-gap: 13rem;
-         column-gap: 13rem;
-  }
-
-  .md\:gap-x-56 {
-    grid-column-gap: 14rem;
-    -moz-column-gap: 14rem;
-         column-gap: 14rem;
-  }
-
-  .md\:gap-x-60 {
-    grid-column-gap: 15rem;
-    -moz-column-gap: 15rem;
-         column-gap: 15rem;
-  }
-
-  .md\:gap-x-64 {
-    grid-column-gap: 16rem;
-    -moz-column-gap: 16rem;
-         column-gap: 16rem;
-  }
-
-  .md\:gap-x-72 {
-    grid-column-gap: 18rem;
-    -moz-column-gap: 18rem;
-         column-gap: 18rem;
-  }
-
-  .md\:gap-x-80 {
-    grid-column-gap: 20rem;
-    -moz-column-gap: 20rem;
-         column-gap: 20rem;
-  }
-
-  .md\:gap-x-96 {
-    grid-column-gap: 24rem;
-    -moz-column-gap: 24rem;
-         column-gap: 24rem;
-  }
-
-  .md\:gap-x-px {
-    grid-column-gap: 1px;
-    -moz-column-gap: 1px;
-         column-gap: 1px;
-  }
-
-  .md\:gap-x-0\.5 {
-    grid-column-gap: 0.125rem;
-    -moz-column-gap: 0.125rem;
-         column-gap: 0.125rem;
-  }
-
-  .md\:gap-x-1\.5 {
-    grid-column-gap: 0.375rem;
-    -moz-column-gap: 0.375rem;
-         column-gap: 0.375rem;
-  }
-
-  .md\:gap-x-2\.5 {
-    grid-column-gap: 0.625rem;
-    -moz-column-gap: 0.625rem;
-         column-gap: 0.625rem;
-  }
-
-  .md\:gap-x-3\.5 {
-    grid-column-gap: 0.875rem;
-    -moz-column-gap: 0.875rem;
-         column-gap: 0.875rem;
-  }
-
-  .md\:gap-x-1\/2 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .md\:gap-x-1\/3 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .md\:gap-x-2\/3 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .md\:gap-x-1\/4 {
-    grid-column-gap: 25%;
-    -moz-column-gap: 25%;
-         column-gap: 25%;
-  }
-
-  .md\:gap-x-2\/4 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .md\:gap-x-3\/4 {
-    grid-column-gap: 75%;
-    -moz-column-gap: 75%;
-         column-gap: 75%;
-  }
-
-  .md\:gap-x-1\/5 {
-    grid-column-gap: 20%;
-    -moz-column-gap: 20%;
-         column-gap: 20%;
-  }
-
-  .md\:gap-x-2\/5 {
-    grid-column-gap: 40%;
-    -moz-column-gap: 40%;
-         column-gap: 40%;
-  }
-
-  .md\:gap-x-3\/5 {
-    grid-column-gap: 60%;
-    -moz-column-gap: 60%;
-         column-gap: 60%;
-  }
-
-  .md\:gap-x-4\/5 {
-    grid-column-gap: 80%;
-    -moz-column-gap: 80%;
-         column-gap: 80%;
-  }
-
-  .md\:gap-x-1\/6 {
-    grid-column-gap: 16.666667%;
-    -moz-column-gap: 16.666667%;
-         column-gap: 16.666667%;
-  }
-
-  .md\:gap-x-2\/6 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .md\:gap-x-3\/6 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .md\:gap-x-4\/6 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .md\:gap-x-5\/6 {
-    grid-column-gap: 83.333333%;
-    -moz-column-gap: 83.333333%;
-         column-gap: 83.333333%;
-  }
-
-  .md\:gap-x-1\/12 {
-    grid-column-gap: 8.333333%;
-    -moz-column-gap: 8.333333%;
-         column-gap: 8.333333%;
-  }
-
-  .md\:gap-x-2\/12 {
-    grid-column-gap: 16.666667%;
-    -moz-column-gap: 16.666667%;
-         column-gap: 16.666667%;
-  }
-
-  .md\:gap-x-3\/12 {
-    grid-column-gap: 25%;
-    -moz-column-gap: 25%;
-         column-gap: 25%;
-  }
-
-  .md\:gap-x-4\/12 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .md\:gap-x-5\/12 {
-    grid-column-gap: 41.666667%;
-    -moz-column-gap: 41.666667%;
-         column-gap: 41.666667%;
-  }
-
-  .md\:gap-x-6\/12 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .md\:gap-x-7\/12 {
-    grid-column-gap: 58.333333%;
-    -moz-column-gap: 58.333333%;
-         column-gap: 58.333333%;
-  }
-
-  .md\:gap-x-8\/12 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .md\:gap-x-9\/12 {
-    grid-column-gap: 75%;
-    -moz-column-gap: 75%;
-         column-gap: 75%;
-  }
-
-  .md\:gap-x-10\/12 {
-    grid-column-gap: 83.333333%;
-    -moz-column-gap: 83.333333%;
-         column-gap: 83.333333%;
-  }
-
-  .md\:gap-x-11\/12 {
-    grid-column-gap: 91.666667%;
-    -moz-column-gap: 91.666667%;
-         column-gap: 91.666667%;
-  }
-
-  .md\:gap-x-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-44 {
-    grid-row-gap: 11rem;
-    row-gap: 11rem;
-  }
-
-  .md\:row-gap-48 {
-    grid-row-gap: 12rem;
-    row-gap: 12rem;
-  }
-
-  .md\:row-gap-52 {
-    grid-row-gap: 13rem;
-    row-gap: 13rem;
-  }
-
-  .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\:gap-y-0 {
-    grid-row-gap: 0;
-    row-gap: 0;
-  }
-
-  .md\:gap-y-1 {
-    grid-row-gap: 0.25rem;
-    row-gap: 0.25rem;
-  }
-
-  .md\:gap-y-2 {
-    grid-row-gap: 0.5rem;
-    row-gap: 0.5rem;
-  }
-
-  .md\:gap-y-3 {
-    grid-row-gap: 0.75rem;
-    row-gap: 0.75rem;
-  }
-
-  .md\:gap-y-4 {
-    grid-row-gap: 1rem;
-    row-gap: 1rem;
-  }
-
-  .md\:gap-y-5 {
-    grid-row-gap: 1.25rem;
-    row-gap: 1.25rem;
-  }
-
-  .md\:gap-y-6 {
-    grid-row-gap: 1.5rem;
-    row-gap: 1.5rem;
-  }
-
-  .md\:gap-y-7 {
-    grid-row-gap: 1.75rem;
-    row-gap: 1.75rem;
-  }
-
-  .md\:gap-y-8 {
-    grid-row-gap: 2rem;
-    row-gap: 2rem;
-  }
-
-  .md\:gap-y-9 {
-    grid-row-gap: 2.25rem;
-    row-gap: 2.25rem;
-  }
-
-  .md\:gap-y-10 {
-    grid-row-gap: 2.5rem;
-    row-gap: 2.5rem;
-  }
-
-  .md\:gap-y-11 {
-    grid-row-gap: 2.75rem;
-    row-gap: 2.75rem;
-  }
-
-  .md\:gap-y-12 {
-    grid-row-gap: 3rem;
-    row-gap: 3rem;
-  }
-
-  .md\:gap-y-13 {
-    grid-row-gap: 3.25rem;
-    row-gap: 3.25rem;
-  }
-
-  .md\:gap-y-14 {
-    grid-row-gap: 3.5rem;
-    row-gap: 3.5rem;
-  }
-
-  .md\:gap-y-15 {
-    grid-row-gap: 3.75rem;
-    row-gap: 3.75rem;
-  }
-
-  .md\:gap-y-16 {
-    grid-row-gap: 4rem;
-    row-gap: 4rem;
-  }
-
-  .md\:gap-y-20 {
-    grid-row-gap: 5rem;
-    row-gap: 5rem;
-  }
-
-  .md\:gap-y-24 {
-    grid-row-gap: 6rem;
-    row-gap: 6rem;
-  }
-
-  .md\:gap-y-28 {
-    grid-row-gap: 7rem;
-    row-gap: 7rem;
-  }
-
-  .md\:gap-y-32 {
-    grid-row-gap: 8rem;
-    row-gap: 8rem;
-  }
-
-  .md\:gap-y-36 {
-    grid-row-gap: 9rem;
-    row-gap: 9rem;
-  }
-
-  .md\:gap-y-40 {
-    grid-row-gap: 10rem;
-    row-gap: 10rem;
-  }
-
-  .md\:gap-y-44 {
-    grid-row-gap: 11rem;
-    row-gap: 11rem;
-  }
-
-  .md\:gap-y-48 {
-    grid-row-gap: 12rem;
-    row-gap: 12rem;
-  }
-
-  .md\:gap-y-52 {
-    grid-row-gap: 13rem;
-    row-gap: 13rem;
-  }
-
-  .md\:gap-y-56 {
-    grid-row-gap: 14rem;
-    row-gap: 14rem;
-  }
-
-  .md\:gap-y-60 {
-    grid-row-gap: 15rem;
-    row-gap: 15rem;
-  }
-
-  .md\:gap-y-64 {
-    grid-row-gap: 16rem;
-    row-gap: 16rem;
-  }
-
-  .md\:gap-y-72 {
-    grid-row-gap: 18rem;
-    row-gap: 18rem;
-  }
-
-  .md\:gap-y-80 {
-    grid-row-gap: 20rem;
-    row-gap: 20rem;
-  }
-
-  .md\:gap-y-96 {
-    grid-row-gap: 24rem;
-    row-gap: 24rem;
-  }
-
-  .md\:gap-y-px {
-    grid-row-gap: 1px;
-    row-gap: 1px;
-  }
-
-  .md\:gap-y-0\.5 {
-    grid-row-gap: 0.125rem;
-    row-gap: 0.125rem;
-  }
-
-  .md\:gap-y-1\.5 {
-    grid-row-gap: 0.375rem;
-    row-gap: 0.375rem;
-  }
-
-  .md\:gap-y-2\.5 {
-    grid-row-gap: 0.625rem;
-    row-gap: 0.625rem;
-  }
-
-  .md\:gap-y-3\.5 {
-    grid-row-gap: 0.875rem;
-    row-gap: 0.875rem;
-  }
-
-  .md\:gap-y-1\/2 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .md\:gap-y-1\/3 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .md\:gap-y-2\/3 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .md\:gap-y-1\/4 {
-    grid-row-gap: 25%;
-    row-gap: 25%;
-  }
-
-  .md\:gap-y-2\/4 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .md\:gap-y-3\/4 {
-    grid-row-gap: 75%;
-    row-gap: 75%;
-  }
-
-  .md\:gap-y-1\/5 {
-    grid-row-gap: 20%;
-    row-gap: 20%;
-  }
-
-  .md\:gap-y-2\/5 {
-    grid-row-gap: 40%;
-    row-gap: 40%;
-  }
-
-  .md\:gap-y-3\/5 {
-    grid-row-gap: 60%;
-    row-gap: 60%;
-  }
-
-  .md\:gap-y-4\/5 {
-    grid-row-gap: 80%;
-    row-gap: 80%;
-  }
-
-  .md\:gap-y-1\/6 {
-    grid-row-gap: 16.666667%;
-    row-gap: 16.666667%;
-  }
-
-  .md\:gap-y-2\/6 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .md\:gap-y-3\/6 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .md\:gap-y-4\/6 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .md\:gap-y-5\/6 {
-    grid-row-gap: 83.333333%;
-    row-gap: 83.333333%;
-  }
-
-  .md\:gap-y-1\/12 {
-    grid-row-gap: 8.333333%;
-    row-gap: 8.333333%;
-  }
-
-  .md\:gap-y-2\/12 {
-    grid-row-gap: 16.666667%;
-    row-gap: 16.666667%;
-  }
-
-  .md\:gap-y-3\/12 {
-    grid-row-gap: 25%;
-    row-gap: 25%;
-  }
-
-  .md\:gap-y-4\/12 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .md\:gap-y-5\/12 {
-    grid-row-gap: 41.666667%;
-    row-gap: 41.666667%;
-  }
-
-  .md\:gap-y-6\/12 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .md\:gap-y-7\/12 {
-    grid-row-gap: 58.333333%;
-    row-gap: 58.333333%;
-  }
-
-  .md\:gap-y-8\/12 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .md\:gap-y-9\/12 {
-    grid-row-gap: 75%;
-    row-gap: 75%;
-  }
-
-  .md\:gap-y-10\/12 {
-    grid-row-gap: 83.333333%;
-    row-gap: 83.333333%;
-  }
-
-  .md\:gap-y-11\/12 {
-    grid-row-gap: 91.666667%;
-    row-gap: 91.666667%;
-  }
-
-  .md\:gap-y-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\:auto-cols-auto {
-    grid-auto-columns: auto;
-  }
-
-  .md\:auto-cols-min {
-    grid-auto-columns: -webkit-min-content;
-    grid-auto-columns: min-content;
-  }
-
-  .md\:auto-cols-max {
-    grid-auto-columns: -webkit-max-content;
-    grid-auto-columns: max-content;
-  }
-
-  .md\:auto-cols-fr {
-    grid-auto-columns: minmax(0, 1fr);
-  }
-
-  .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-span-full {
-    grid-column: 1 / -1;
-  }
-
-  .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\:auto-rows-auto {
-    grid-auto-rows: auto;
-  }
-
-  .md\:auto-rows-min {
-    grid-auto-rows: -webkit-min-content;
-    grid-auto-rows: min-content;
-  }
-
-  .md\:auto-rows-max {
-    grid-auto-rows: -webkit-max-content;
-    grid-auto-rows: max-content;
-  }
-
-  .md\:auto-rows-fr {
-    grid-auto-rows: minmax(0, 1fr);
-  }
-
-  .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-span-full {
-    grid-row: 1 / -1;
-  }
-
-  .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-1 {
-    --transform-rotate: 1deg;
-  }
-
-  .md\:rotate-2 {
-    --transform-rotate: 2deg;
-  }
-
-  .md\:rotate-3 {
-    --transform-rotate: 3deg;
-  }
-
-  .md\:rotate-6 {
-    --transform-rotate: 6deg;
-  }
-
-  .md\:rotate-12 {
-    --transform-rotate: 12deg;
-  }
-
-  .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\:-rotate-12 {
-    --transform-rotate: -12deg;
-  }
-
-  .md\:-rotate-6 {
-    --transform-rotate: -6deg;
-  }
-
-  .md\:-rotate-3 {
-    --transform-rotate: -3deg;
-  }
-
-  .md\:-rotate-2 {
-    --transform-rotate: -2deg;
-  }
-
-  .md\:-rotate-1 {
-    --transform-rotate: -1deg;
-  }
-
-  .md\:hover\:rotate-0:hover {
-    --transform-rotate: 0;
-  }
-
-  .md\:hover\:rotate-1:hover {
-    --transform-rotate: 1deg;
-  }
-
-  .md\:hover\:rotate-2:hover {
-    --transform-rotate: 2deg;
-  }
-
-  .md\:hover\:rotate-3:hover {
-    --transform-rotate: 3deg;
-  }
-
-  .md\:hover\:rotate-6:hover {
-    --transform-rotate: 6deg;
-  }
-
-  .md\:hover\:rotate-12:hover {
-    --transform-rotate: 12deg;
-  }
-
-  .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\:hover\:-rotate-12:hover {
-    --transform-rotate: -12deg;
-  }
-
-  .md\:hover\:-rotate-6:hover {
-    --transform-rotate: -6deg;
-  }
-
-  .md\:hover\:-rotate-3:hover {
-    --transform-rotate: -3deg;
-  }
-
-  .md\:hover\:-rotate-2:hover {
-    --transform-rotate: -2deg;
-  }
-
-  .md\:hover\:-rotate-1:hover {
-    --transform-rotate: -1deg;
-  }
-
-  .md\:focus\:rotate-0:focus {
-    --transform-rotate: 0;
-  }
-
-  .md\:focus\:rotate-1:focus {
-    --transform-rotate: 1deg;
-  }
-
-  .md\:focus\:rotate-2:focus {
-    --transform-rotate: 2deg;
-  }
-
-  .md\:focus\:rotate-3:focus {
-    --transform-rotate: 3deg;
-  }
-
-  .md\:focus\:rotate-6:focus {
-    --transform-rotate: 6deg;
-  }
-
-  .md\:focus\:rotate-12:focus {
-    --transform-rotate: 12deg;
-  }
-
-  .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\:focus\:-rotate-12:focus {
-    --transform-rotate: -12deg;
-  }
-
-  .md\:focus\:-rotate-6:focus {
-    --transform-rotate: -6deg;
-  }
-
-  .md\:focus\:-rotate-3:focus {
-    --transform-rotate: -3deg;
-  }
-
-  .md\:focus\:-rotate-2:focus {
-    --transform-rotate: -2deg;
-  }
-
-  .md\:focus\:-rotate-1:focus {
-    --transform-rotate: -1deg;
-  }
-
-  .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-44 {
-    --transform-translate-x: 11rem;
-  }
-
-  .md\:translate-x-48 {
-    --transform-translate-x: 12rem;
-  }
-
-  .md\:translate-x-52 {
-    --transform-translate-x: 13rem;
-  }
-
-  .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-44 {
-    --transform-translate-x: -11rem;
-  }
-
-  .md\:-translate-x-48 {
-    --transform-translate-x: -12rem;
-  }
-
-  .md\:-translate-x-52 {
-    --transform-translate-x: -13rem;
-  }
-
-  .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-44 {
-    --transform-translate-y: 11rem;
-  }
-
-  .md\:translate-y-48 {
-    --transform-translate-y: 12rem;
-  }
-
-  .md\:translate-y-52 {
-    --transform-translate-y: 13rem;
-  }
-
-  .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-44 {
-    --transform-translate-y: -11rem;
-  }
-
-  .md\:-translate-y-48 {
-    --transform-translate-y: -12rem;
-  }
-
-  .md\:-translate-y-52 {
-    --transform-translate-y: -13rem;
-  }
-
-  .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-44:hover {
-    --transform-translate-x: 11rem;
-  }
-
-  .md\:hover\:translate-x-48:hover {
-    --transform-translate-x: 12rem;
-  }
-
-  .md\:hover\:translate-x-52:hover {
-    --transform-translate-x: 13rem;
-  }
-
-  .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-44:hover {
-    --transform-translate-x: -11rem;
-  }
-
-  .md\:hover\:-translate-x-48:hover {
-    --transform-translate-x: -12rem;
-  }
-
-  .md\:hover\:-translate-x-52:hover {
-    --transform-translate-x: -13rem;
-  }
-
-  .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-44:hover {
-    --transform-translate-y: 11rem;
-  }
-
-  .md\:hover\:translate-y-48:hover {
-    --transform-translate-y: 12rem;
-  }
-
-  .md\:hover\:translate-y-52:hover {
-    --transform-translate-y: 13rem;
-  }
-
-  .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-44:hover {
-    --transform-translate-y: -11rem;
-  }
-
-  .md\:hover\:-translate-y-48:hover {
-    --transform-translate-y: -12rem;
-  }
-
-  .md\:hover\:-translate-y-52:hover {
-    --transform-translate-y: -13rem;
-  }
-
-  .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-44:focus {
-    --transform-translate-x: 11rem;
-  }
-
-  .md\:focus\:translate-x-48:focus {
-    --transform-translate-x: 12rem;
-  }
-
-  .md\:focus\:translate-x-52:focus {
-    --transform-translate-x: 13rem;
-  }
-
-  .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-44:focus {
-    --transform-translate-x: -11rem;
-  }
-
-  .md\:focus\:-translate-x-48:focus {
-    --transform-translate-x: -12rem;
-  }
-
-  .md\:focus\:-translate-x-52:focus {
-    --transform-translate-x: -13rem;
-  }
-
-  .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-44:focus {
-    --transform-translate-y: 11rem;
-  }
-
-  .md\:focus\:translate-y-48:focus {
-    --transform-translate-y: 12rem;
-  }
-
-  .md\:focus\:translate-y-52:focus {
-    --transform-translate-y: 13rem;
-  }
-
-  .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-44:focus {
-    --transform-translate-y: -11rem;
-  }
-
-  .md\:focus\:-translate-y-48:focus {
-    --transform-translate-y: -12rem;
-  }
-
-  .md\:focus\:-translate-y-52:focus {
-    --transform-translate-y: -13rem;
-  }
-
-  .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-1 {
-    --transform-skew-x: 1deg;
-  }
-
-  .md\:skew-x-2 {
-    --transform-skew-x: 2deg;
-  }
-
-  .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-x-2 {
-    --transform-skew-x: -2deg;
-  }
-
-  .md\:-skew-x-1 {
-    --transform-skew-x: -1deg;
-  }
-
-  .md\:skew-y-0 {
-    --transform-skew-y: 0;
-  }
-
-  .md\:skew-y-1 {
-    --transform-skew-y: 1deg;
-  }
-
-  .md\:skew-y-2 {
-    --transform-skew-y: 2deg;
-  }
-
-  .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\:-skew-y-2 {
-    --transform-skew-y: -2deg;
-  }
-
-  .md\:-skew-y-1 {
-    --transform-skew-y: -1deg;
-  }
-
-  .md\:hover\:skew-x-0:hover {
-    --transform-skew-x: 0;
-  }
-
-  .md\:hover\:skew-x-1:hover {
-    --transform-skew-x: 1deg;
-  }
-
-  .md\:hover\:skew-x-2:hover {
-    --transform-skew-x: 2deg;
-  }
-
-  .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-x-2:hover {
-    --transform-skew-x: -2deg;
-  }
-
-  .md\:hover\:-skew-x-1:hover {
-    --transform-skew-x: -1deg;
-  }
-
-  .md\:hover\:skew-y-0:hover {
-    --transform-skew-y: 0;
-  }
-
-  .md\:hover\:skew-y-1:hover {
-    --transform-skew-y: 1deg;
-  }
-
-  .md\:hover\:skew-y-2:hover {
-    --transform-skew-y: 2deg;
-  }
-
-  .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\:hover\:-skew-y-2:hover {
-    --transform-skew-y: -2deg;
-  }
-
-  .md\:hover\:-skew-y-1:hover {
-    --transform-skew-y: -1deg;
-  }
-
-  .md\:focus\:skew-x-0:focus {
-    --transform-skew-x: 0;
-  }
-
-  .md\:focus\:skew-x-1:focus {
-    --transform-skew-x: 1deg;
-  }
-
-  .md\:focus\:skew-x-2:focus {
-    --transform-skew-x: 2deg;
-  }
-
-  .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-x-2:focus {
-    --transform-skew-x: -2deg;
-  }
-
-  .md\:focus\:-skew-x-1:focus {
-    --transform-skew-x: -1deg;
-  }
-
-  .md\:focus\:skew-y-0:focus {
-    --transform-skew-y: 0;
-  }
-
-  .md\:focus\:skew-y-1:focus {
-    --transform-skew-y: 1deg;
-  }
-
-  .md\:focus\:skew-y-2:focus {
-    --transform-skew-y: 2deg;
-  }
-
-  .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\:focus\:-skew-y-2:focus {
-    --transform-skew-y: -2deg;
-  }
-
-  .md\:focus\:-skew-y-1:focus {
-    --transform-skew-y: -1deg;
-  }
-
-  .md\:transition-none {
-    transition-property: none;
-  }
-
-  .md\:transition-all {
-    transition-property: all;
-  }
-
-  .md\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-  }
-
-  .md\:transition-colors {
-    transition-property: background-color, border-color, color, fill, stroke;
-  }
-
-  .md\:transition-opacity {
-    transition-property: opacity;
-  }
-
-  .md\:transition-shadow {
-    transition-property: box-shadow;
-  }
-
-  .md\:transition-transform {
-    transition-property: transform;
-  }
-
-  .md\:ease-linear {
-    transition-timing-function: linear;
-  }
-
-  .md\:ease-in {
-    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-  }
-
-  .md\:ease-out {
-    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  }
-
-  .md\:ease-in-out {
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  }
-
-  .md\:duration-75 {
-    transition-duration: 75ms;
-  }
-
-  .md\:duration-100 {
-    transition-duration: 100ms;
-  }
-
-  .md\:duration-150 {
-    transition-duration: 150ms;
-  }
-
-  .md\:duration-200 {
-    transition-duration: 200ms;
-  }
-
-  .md\:duration-300 {
-    transition-duration: 300ms;
-  }
-
-  .md\:duration-500 {
-    transition-duration: 500ms;
-  }
-
-  .md\:duration-700 {
-    transition-duration: 700ms;
-  }
-
-  .md\:duration-1000 {
-    transition-duration: 1000ms;
-  }
-
-  .md\:delay-75 {
-    transition-delay: 75ms;
-  }
-
-  .md\:delay-100 {
-    transition-delay: 100ms;
-  }
-
-  .md\:delay-150 {
-    transition-delay: 150ms;
-  }
-
-  .md\:delay-200 {
-    transition-delay: 200ms;
-  }
-
-  .md\:delay-300 {
-    transition-delay: 300ms;
-  }
-
-  .md\:delay-500 {
-    transition-delay: 500ms;
-  }
-
-  .md\:delay-700 {
-    transition-delay: 700ms;
-  }
-
-  .md\:delay-1000 {
-    transition-delay: 1000ms;
-  }
-
-  .md\:animate-none {
-    -webkit-animation: none;
-            animation: none;
-  }
-
-  .md\:animate-spin {
-    -webkit-animation: spin 1s linear infinite;
-            animation: spin 1s linear infinite;
-  }
-
-  .md\:animate-ping {
-    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-  }
-
-  .md\:animate-pulse {
-    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-  }
-
-  .md\:animate-bounce {
-    -webkit-animation: bounce 1s infinite;
-            animation: bounce 1s infinite;
-  }
-}
-
-@media (min-width: 1024px) {
-  .lg\:container {
-    width: 100%;
-  }
-
-  @media (min-width: 640px) {
-    .lg\:container {
-      max-width: 640px;
-    }
-  }
-
-  @media (min-width: 768px) {
-    .lg\:container {
-      max-width: 768px;
-    }
-  }
-
-  @media (min-width: 1024px) {
-    .lg\:container {
-      max-width: 1024px;
-    }
-  }
-
-  @media (min-width: 1280px) {
-    .lg\:container {
-      max-width: 1280px;
-    }
-  }
-
-  .lg\:prose {
-    color: #374151;
-    max-width: 65ch;
-  }
-
-  .lg\:prose [class~="lead"] {
-    color: #4b5563;
-    font-size: 1.25em;
-    line-height: 1.6;
-    margin-top: 1.2em;
-    margin-bottom: 1.2em;
-  }
-
-  .lg\:prose a {
-    color: #5850ec;
-    text-decoration: none;
-    font-weight: 600;
-  }
-
-  .lg\:prose strong {
-    color: #161e2e;
-    font-weight: 600;
-  }
-
-  .lg\:prose ol {
-    counter-reset: list-counter;
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
-  }
-
-  .lg\:prose ol > li {
-    position: relative;
-    counter-increment: list-counter;
-    padding-left: 1.75em;
-  }
-
-  .lg\:prose ol > li::before {
-    content: counter(list-counter) ".";
-    position: absolute;
-    font-weight: 400;
-    color: #6b7280;
-  }
-
-  .lg\:prose ul > li {
-    position: relative;
-    padding-left: 1.75em;
-  }
-
-  .lg\:prose ul > li::before {
-    content: "";
-    position: absolute;
-    background-color: #d2d6dc;
-    border-radius: 50%;
-    width: 0.375em;
-    height: 0.375em;
-    top: calc(0.875em - 0.1875em);
-    left: 0.25em;
-  }
-
-  .lg\:prose hr {
-    border-color: #e5e7eb;
-    border-top-width: 1px;
-    margin-top: 3em;
-    margin-bottom: 3em;
-  }
-
-  .lg\:prose blockquote {
-    font-weight: 500;
-    font-style: italic;
-    color: #161e2e;
-    border-left-width: 0.25rem;
-    border-left-color: #e5e7eb;
-    quotes: "\201C""\201D""\2018""\2019";
-    margin-top: 1.6em;
-    margin-bottom: 1.6em;
-    padding-left: 1em;
-  }
-
-  .lg\:prose blockquote p:first-of-type::before {
-    content: open-quote;
-  }
-
-  .lg\:prose blockquote p:last-of-type::after {
-    content: close-quote;
-  }
-
-  .lg\:prose h1 {
-    color: #1a202c;
-    font-weight: 800;
-    font-size: 2.25em;
-    margin-top: 0;
-    margin-bottom: 0.8888889em;
-    line-height: 1.1111111;
-  }
-
-  .lg\:prose h2 {
-    color: #1a202c;
-    font-weight: 700;
-    font-size: 1.5em;
-    margin-top: 2em;
-    margin-bottom: 1em;
-    line-height: 1.3333333;
-  }
-
-  .lg\:prose h3 {
-    color: #1a202c;
-    font-weight: 600;
-    font-size: 1.25em;
-    margin-top: 1.6em;
-    margin-bottom: 0.6em;
-    line-height: 1.6;
-  }
-
-  .lg\:prose h4 {
-    color: #1a202c;
-    font-weight: 600;
-    margin-top: 1.5em;
-    margin-bottom: 0.5em;
-    line-height: 1.5;
-  }
-
-  .lg\:prose figure figcaption {
-    color: #6b7280;
-    font-size: 0.875em;
-    line-height: 1.4285714;
-    margin-top: 0.8571429em;
-  }
-
-  .lg\:prose code {
-    color: #161e2e;
-    font-weight: 600;
-    font-size: 0.875em;
-  }
-
-  .lg\:prose code::before {
-    content: "`";
-  }
-
-  .lg\:prose code::after {
-    content: "`";
-  }
-
-  .lg\:prose pre {
-    color: #e5e7eb;
-    background-color: #252f3f;
-    overflow-x: auto;
-    font-size: 0.875em;
-    line-height: 1.7142857;
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
-    border-radius: 0.375rem;
-    padding-top: 0.8571429em;
-    padding-right: 1.1428571em;
-    padding-bottom: 0.8571429em;
-    padding-left: 1.1428571em;
-  }
-
-  .lg\:prose pre code {
-    background-color: transparent;
-    border-width: 0;
-    border-radius: 0;
-    padding: 0;
-    font-weight: 400;
-    color: inherit;
-    font-size: inherit;
-    font-family: inherit;
-    line-height: inherit;
-  }
-
-  .lg\:prose pre code::before {
-    content: "";
-  }
-
-  .lg\:prose pre code::after {
-    content: "";
-  }
-
-  .lg\:prose table {
-    width: 100%;
-    table-layout: auto;
-    text-align: left;
-    margin-top: 2em;
-    margin-bottom: 2em;
-    font-size: 0.875em;
-    line-height: 1.7142857;
-  }
-
-  .lg\:prose thead {
-    color: #161e2e;
-    font-weight: 600;
-    border-bottom-width: 1px;
-    border-bottom-color: #d2d6dc;
-  }
-
-  .lg\:prose thead th {
-    vertical-align: bottom;
-    padding-right: 0.5714286em;
-    padding-bottom: 0.5714286em;
-    padding-left: 0.5714286em;
-  }
-
-  .lg\:prose tbody tr {
-    border-bottom-width: 1px;
-    border-bottom-color: #e5e7eb;
-  }
-
-  .lg\:prose tbody tr:last-child {
-    border-bottom-width: 0;
-  }
-
-  .lg\:prose tbody td {
-    vertical-align: top;
-    padding-top: 0.5714286em;
-    padding-right: 0.5714286em;
-    padding-bottom: 0.5714286em;
-    padding-left: 0.5714286em;
-  }
-
-  .lg\:prose {
-    font-size: 1rem;
-    line-height: 1.75;
-  }
-
-  .lg\:prose p {
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
-  }
-
-  .lg\:prose img {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .lg\:prose video {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .lg\:prose figure {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .lg\:prose figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .lg\:prose h2 code {
-    font-size: 0.875em;
-  }
-
-  .lg\:prose h3 code {
-    font-size: 0.9em;
-  }
-
-  .lg\:prose ul {
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
-  }
-
-  .lg\:prose li {
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
-  }
-
-  .lg\:prose ol > li:before {
-    left: 0;
-  }
-
-  .lg\:prose > ul > li p {
-    margin-top: 0.75em;
-    margin-bottom: 0.75em;
-  }
-
-  .lg\:prose > ul > li > *:first-child {
-    margin-top: 1.25em;
-  }
-
-  .lg\:prose > ul > li > *:last-child {
-    margin-bottom: 1.25em;
-  }
-
-  .lg\:prose > ol > li > *:first-child {
-    margin-top: 1.25em;
-  }
-
-  .lg\:prose > ol > li > *:last-child {
-    margin-bottom: 1.25em;
-  }
-
-  .lg\:prose ul ul, .lg\:prose ul ol, .lg\:prose ol ul, .lg\:prose ol ol {
-    margin-top: 0.75em;
-    margin-bottom: 0.75em;
-  }
-
-  .lg\:prose hr + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose h2 + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose h3 + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose h4 + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose thead th:first-child {
-    padding-left: 0;
-  }
-
-  .lg\:prose thead th:last-child {
-    padding-right: 0;
-  }
-
-  .lg\:prose tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .lg\:prose tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .lg\:prose > :first-child {
-    margin-top: 0;
-  }
-
-  .lg\:prose > :last-child {
-    margin-bottom: 0;
-  }
-
-  .lg\:prose h1, .lg\:prose h2, .lg\:prose h3, .lg\:prose h4 {
-    color: #161e2e;
-  }
-
-  .lg\:prose-sm {
-    font-size: 0.875rem;
-    line-height: 1.7142857;
-  }
-
-  .lg\:prose-sm p {
-    margin-top: 1.1428571em;
-    margin-bottom: 1.1428571em;
-  }
-
-  .lg\:prose-sm [class~="lead"] {
-    font-size: 1.2857143em;
-    line-height: 1.5555556;
-    margin-top: 0.8888889em;
-    margin-bottom: 0.8888889em;
-  }
-
-  .lg\:prose-sm blockquote {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-    padding-left: 1.1111111em;
-  }
-
-  .lg\:prose-sm h1 {
-    font-size: 2.1428571em;
-    margin-top: 0;
-    margin-bottom: 0.8em;
-    line-height: 1.2;
-  }
-
-  .lg\:prose-sm h2 {
-    font-size: 1.4285714em;
-    margin-top: 1.6em;
-    margin-bottom: 0.8em;
-    line-height: 1.4;
-  }
-
-  .lg\:prose-sm h3 {
-    font-size: 1.2857143em;
-    margin-top: 1.5555556em;
-    margin-bottom: 0.4444444em;
-    line-height: 1.5555556;
-  }
-
-  .lg\:prose-sm h4 {
-    margin-top: 1.4285714em;
-    margin-bottom: 0.5714286em;
-    line-height: 1.4285714;
-  }
-
-  .lg\:prose-sm img {
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
-  }
-
-  .lg\:prose-sm video {
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
-  }
-
-  .lg\:prose-sm figure {
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
-  }
-
-  .lg\:prose-sm figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .lg\:prose-sm figure figcaption {
-    font-size: 0.8571429em;
-    line-height: 1.3333333;
-    margin-top: 0.6666667em;
-  }
-
-  .lg\:prose-sm code {
-    font-size: 0.8571429em;
-  }
-
-  .lg\:prose-sm h2 code {
-    font-size: 0.9em;
-  }
-
-  .lg\:prose-sm h3 code {
-    font-size: 0.8888889em;
-  }
-
-  .lg\:prose-sm pre {
-    font-size: 0.8571429em;
-    line-height: 1.6666667;
-    margin-top: 1.6666667em;
-    margin-bottom: 1.6666667em;
-    border-radius: 0.25rem;
-    padding-top: 0.6666667em;
-    padding-right: 1em;
-    padding-bottom: 0.6666667em;
-    padding-left: 1em;
-  }
-
-  .lg\:prose-sm ol {
-    margin-top: 1.1428571em;
-    margin-bottom: 1.1428571em;
-  }
-
-  .lg\:prose-sm ul {
-    margin-top: 1.1428571em;
-    margin-bottom: 1.1428571em;
-  }
-
-  .lg\:prose-sm li {
-    margin-top: 0.2857143em;
-    margin-bottom: 0.2857143em;
-  }
-
-  .lg\:prose-sm ol > li {
-    padding-left: 1.5714286em;
-  }
-
-  .lg\:prose-sm ol > li:before {
-    left: 0;
-  }
-
-  .lg\:prose-sm ul > li {
-    padding-left: 1.5714286em;
-  }
-
-  .lg\:prose-sm ul > li::before {
-    height: 0.3571429em;
-    width: 0.3571429em;
-    top: calc(0.8571429em - 0.1785714em);
-    left: 0.2142857em;
-  }
-
-  .lg\:prose-sm > ul > li p {
-    margin-top: 0.5714286em;
-    margin-bottom: 0.5714286em;
-  }
-
-  .lg\:prose-sm > ul > li > *:first-child {
-    margin-top: 1.1428571em;
-  }
-
-  .lg\:prose-sm > ul > li > *:last-child {
-    margin-bottom: 1.1428571em;
-  }
-
-  .lg\:prose-sm > ol > li > *:first-child {
-    margin-top: 1.1428571em;
-  }
-
-  .lg\:prose-sm > ol > li > *:last-child {
-    margin-bottom: 1.1428571em;
-  }
-
-  .lg\:prose-sm ul ul, .lg\:prose-sm ul ol, .lg\:prose-sm ol ul, .lg\:prose-sm ol ol {
-    margin-top: 0.5714286em;
-    margin-bottom: 0.5714286em;
-  }
-
-  .lg\:prose-sm hr {
-    margin-top: 2.8571429em;
-    margin-bottom: 2.8571429em;
-  }
-
-  .lg\:prose-sm hr + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose-sm h2 + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose-sm h3 + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose-sm h4 + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose-sm table {
-    font-size: 0.8571429em;
-    line-height: 1.5;
-  }
-
-  .lg\:prose-sm thead th {
-    padding-right: 1em;
-    padding-bottom: 0.6666667em;
-    padding-left: 1em;
-  }
-
-  .lg\:prose-sm thead th:first-child {
-    padding-left: 0;
-  }
-
-  .lg\:prose-sm thead th:last-child {
-    padding-right: 0;
-  }
-
-  .lg\:prose-sm tbody td {
-    padding-top: 0.6666667em;
-    padding-right: 1em;
-    padding-bottom: 0.6666667em;
-    padding-left: 1em;
-  }
-
-  .lg\:prose-sm tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .lg\:prose-sm tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .lg\:prose-sm > :first-child {
-    margin-top: 0;
-  }
-
-  .lg\:prose-sm > :last-child {
-    margin-bottom: 0;
-  }
-
-  .lg\:prose-lg {
-    font-size: 1.125rem;
-    line-height: 1.7777778;
-  }
-
-  .lg\:prose-lg p {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .lg\:prose-lg [class~="lead"] {
-    font-size: 1.2222222em;
-    line-height: 1.4545455;
-    margin-top: 1.0909091em;
-    margin-bottom: 1.0909091em;
-  }
-
-  .lg\:prose-lg blockquote {
-    margin-top: 1.6666667em;
-    margin-bottom: 1.6666667em;
-    padding-left: 1em;
-  }
-
-  .lg\:prose-lg h1 {
-    font-size: 2.6666667em;
-    margin-top: 0;
-    margin-bottom: 0.8333333em;
-    line-height: 1;
-  }
-
-  .lg\:prose-lg h2 {
-    font-size: 1.6666667em;
-    margin-top: 1.8666667em;
-    margin-bottom: 1.0666667em;
-    line-height: 1.3333333;
-  }
-
-  .lg\:prose-lg h3 {
-    font-size: 1.3333333em;
-    margin-top: 1.6666667em;
-    margin-bottom: 0.6666667em;
-    line-height: 1.5;
-  }
-
-  .lg\:prose-lg h4 {
-    margin-top: 1.7777778em;
-    margin-bottom: 0.4444444em;
-    line-height: 1.5555556;
-  }
-
-  .lg\:prose-lg img {
-    margin-top: 1.7777778em;
-    margin-bottom: 1.7777778em;
-  }
-
-  .lg\:prose-lg video {
-    margin-top: 1.7777778em;
-    margin-bottom: 1.7777778em;
-  }
-
-  .lg\:prose-lg figure {
-    margin-top: 1.7777778em;
-    margin-bottom: 1.7777778em;
-  }
-
-  .lg\:prose-lg figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .lg\:prose-lg figure figcaption {
-    font-size: 0.8888889em;
-    line-height: 1.5;
-    margin-top: 1em;
-  }
-
-  .lg\:prose-lg code {
-    font-size: 0.8888889em;
-  }
-
-  .lg\:prose-lg h2 code {
-    font-size: 0.8666667em;
-  }
-
-  .lg\:prose-lg h3 code {
-    font-size: 0.875em;
-  }
-
-  .lg\:prose-lg pre {
-    font-size: 0.8888889em;
-    line-height: 1.75;
-    margin-top: 2em;
-    margin-bottom: 2em;
-    border-radius: 0.375rem;
-    padding-top: 1em;
-    padding-right: 1.5em;
-    padding-bottom: 1em;
-    padding-left: 1.5em;
-  }
-
-  .lg\:prose-lg ol {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .lg\:prose-lg ul {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .lg\:prose-lg li {
-    margin-top: 0.6666667em;
-    margin-bottom: 0.6666667em;
-  }
-
-  .lg\:prose-lg ol > li {
-    padding-left: 1.6666667em;
-  }
-
-  .lg\:prose-lg ol > li:before {
-    left: 0;
-  }
-
-  .lg\:prose-lg ul > li {
-    padding-left: 1.6666667em;
-  }
-
-  .lg\:prose-lg ul > li::before {
-    width: 0.3333333em;
-    height: 0.3333333em;
-    top: calc(0.8888889em - 0.1666667em);
-    left: 0.2222222em;
-  }
-
-  .lg\:prose-lg > ul > li p {
-    margin-top: 0.8888889em;
-    margin-bottom: 0.8888889em;
-  }
-
-  .lg\:prose-lg > ul > li > *:first-child {
-    margin-top: 1.3333333em;
-  }
-
-  .lg\:prose-lg > ul > li > *:last-child {
-    margin-bottom: 1.3333333em;
-  }
-
-  .lg\:prose-lg > ol > li > *:first-child {
-    margin-top: 1.3333333em;
-  }
-
-  .lg\:prose-lg > ol > li > *:last-child {
-    margin-bottom: 1.3333333em;
-  }
-
-  .lg\:prose-lg ul ul, .lg\:prose-lg ul ol, .lg\:prose-lg ol ul, .lg\:prose-lg ol ol {
-    margin-top: 0.8888889em;
-    margin-bottom: 0.8888889em;
-  }
-
-  .lg\:prose-lg hr {
-    margin-top: 3.1111111em;
-    margin-bottom: 3.1111111em;
-  }
-
-  .lg\:prose-lg hr + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose-lg h2 + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose-lg h3 + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose-lg h4 + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose-lg table {
-    font-size: 0.8888889em;
-    line-height: 1.5;
-  }
-
-  .lg\:prose-lg thead th {
-    padding-right: 0.75em;
-    padding-bottom: 0.75em;
-    padding-left: 0.75em;
-  }
-
-  .lg\:prose-lg thead th:first-child {
-    padding-left: 0;
-  }
-
-  .lg\:prose-lg thead th:last-child {
-    padding-right: 0;
-  }
-
-  .lg\:prose-lg tbody td {
-    padding-top: 0.75em;
-    padding-right: 0.75em;
-    padding-bottom: 0.75em;
-    padding-left: 0.75em;
-  }
-
-  .lg\:prose-lg tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .lg\:prose-lg tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .lg\:prose-lg > :first-child {
-    margin-top: 0;
-  }
-
-  .lg\:prose-lg > :last-child {
-    margin-bottom: 0;
-  }
-
-  .lg\:prose-xl {
-    font-size: 1.25rem;
-    line-height: 1.8;
-  }
-
-  .lg\:prose-xl p {
-    margin-top: 1.2em;
-    margin-bottom: 1.2em;
-  }
-
-  .lg\:prose-xl [class~="lead"] {
-    font-size: 1.2em;
-    line-height: 1.5;
-    margin-top: 1em;
-    margin-bottom: 1em;
-  }
-
-  .lg\:prose-xl blockquote {
-    margin-top: 1.6em;
-    margin-bottom: 1.6em;
-    padding-left: 1.0666667em;
-  }
-
-  .lg\:prose-xl h1 {
-    font-size: 2.8em;
-    margin-top: 0;
-    margin-bottom: 0.8571429em;
-    line-height: 1;
-  }
-
-  .lg\:prose-xl h2 {
-    font-size: 1.8em;
-    margin-top: 1.5555556em;
-    margin-bottom: 0.8888889em;
-    line-height: 1.1111111;
-  }
-
-  .lg\:prose-xl h3 {
-    font-size: 1.5em;
-    margin-top: 1.6em;
-    margin-bottom: 0.6666667em;
-    line-height: 1.3333333;
-  }
-
-  .lg\:prose-xl h4 {
-    margin-top: 1.8em;
-    margin-bottom: 0.6em;
-    line-height: 1.6;
-  }
-
-  .lg\:prose-xl img {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .lg\:prose-xl video {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .lg\:prose-xl figure {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .lg\:prose-xl figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .lg\:prose-xl figure figcaption {
-    font-size: 0.9em;
-    line-height: 1.5555556;
-    margin-top: 1em;
-  }
-
-  .lg\:prose-xl code {
-    font-size: 0.9em;
-  }
-
-  .lg\:prose-xl h2 code {
-    font-size: 0.8611111em;
-  }
-
-  .lg\:prose-xl h3 code {
-    font-size: 0.9em;
-  }
-
-  .lg\:prose-xl pre {
-    font-size: 0.9em;
-    line-height: 1.7777778;
-    margin-top: 2em;
-    margin-bottom: 2em;
-    border-radius: 0.5rem;
-    padding-top: 1.1111111em;
-    padding-right: 1.3333333em;
-    padding-bottom: 1.1111111em;
-    padding-left: 1.3333333em;
-  }
-
-  .lg\:prose-xl ol {
-    margin-top: 1.2em;
-    margin-bottom: 1.2em;
-  }
-
-  .lg\:prose-xl ul {
-    margin-top: 1.2em;
-    margin-bottom: 1.2em;
-  }
-
-  .lg\:prose-xl li {
-    margin-top: 0.6em;
-    margin-bottom: 0.6em;
-  }
-
-  .lg\:prose-xl ol > li {
-    padding-left: 1.8em;
-  }
-
-  .lg\:prose-xl ol > li:before {
-    left: 0;
-  }
-
-  .lg\:prose-xl ul > li {
-    padding-left: 1.8em;
-  }
-
-  .lg\:prose-xl ul > li::before {
-    width: 0.35em;
-    height: 0.35em;
-    top: calc(0.9em - 0.175em);
-    left: 0.25em;
-  }
-
-  .lg\:prose-xl > ul > li p {
-    margin-top: 0.8em;
-    margin-bottom: 0.8em;
-  }
-
-  .lg\:prose-xl > ul > li > *:first-child {
-    margin-top: 1.2em;
-  }
-
-  .lg\:prose-xl > ul > li > *:last-child {
-    margin-bottom: 1.2em;
-  }
-
-  .lg\:prose-xl > ol > li > *:first-child {
-    margin-top: 1.2em;
-  }
-
-  .lg\:prose-xl > ol > li > *:last-child {
-    margin-bottom: 1.2em;
-  }
-
-  .lg\:prose-xl ul ul, .lg\:prose-xl ul ol, .lg\:prose-xl ol ul, .lg\:prose-xl ol ol {
-    margin-top: 0.8em;
-    margin-bottom: 0.8em;
-  }
-
-  .lg\:prose-xl hr {
-    margin-top: 2.8em;
-    margin-bottom: 2.8em;
-  }
-
-  .lg\:prose-xl hr + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose-xl h2 + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose-xl h3 + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose-xl h4 + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose-xl table {
-    font-size: 0.9em;
-    line-height: 1.5555556;
-  }
-
-  .lg\:prose-xl thead th {
-    padding-right: 0.6666667em;
-    padding-bottom: 0.8888889em;
-    padding-left: 0.6666667em;
-  }
-
-  .lg\:prose-xl thead th:first-child {
-    padding-left: 0;
-  }
-
-  .lg\:prose-xl thead th:last-child {
-    padding-right: 0;
-  }
-
-  .lg\:prose-xl tbody td {
-    padding-top: 0.8888889em;
-    padding-right: 0.6666667em;
-    padding-bottom: 0.8888889em;
-    padding-left: 0.6666667em;
-  }
-
-  .lg\:prose-xl tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .lg\:prose-xl tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .lg\:prose-xl > :first-child {
-    margin-top: 0;
-  }
-
-  .lg\:prose-xl > :last-child {
-    margin-bottom: 0;
-  }
-
-  .lg\:prose-2xl {
-    font-size: 1.5rem;
-    line-height: 1.6666667;
-  }
-
-  .lg\:prose-2xl p {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .lg\:prose-2xl [class~="lead"] {
-    font-size: 1.25em;
-    line-height: 1.4666667;
-    margin-top: 1.0666667em;
-    margin-bottom: 1.0666667em;
-  }
-
-  .lg\:prose-2xl blockquote {
-    margin-top: 1.7777778em;
-    margin-bottom: 1.7777778em;
-    padding-left: 1.1111111em;
-  }
-
-  .lg\:prose-2xl h1 {
-    font-size: 2.6666667em;
-    margin-top: 0;
-    margin-bottom: 0.875em;
-    line-height: 1;
-  }
-
-  .lg\:prose-2xl h2 {
-    font-size: 2em;
-    margin-top: 1.5em;
-    margin-bottom: 0.8333333em;
-    line-height: 1.0833333;
-  }
-
-  .lg\:prose-2xl h3 {
-    font-size: 1.5em;
-    margin-top: 1.5555556em;
-    margin-bottom: 0.6666667em;
-    line-height: 1.2222222;
-  }
-
-  .lg\:prose-2xl h4 {
-    margin-top: 1.6666667em;
-    margin-bottom: 0.6666667em;
-    line-height: 1.5;
-  }
-
-  .lg\:prose-2xl img {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .lg\:prose-2xl video {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .lg\:prose-2xl figure {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .lg\:prose-2xl figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .lg\:prose-2xl figure figcaption {
-    font-size: 0.8333333em;
-    line-height: 1.6;
-    margin-top: 1em;
-  }
-
-  .lg\:prose-2xl code {
-    font-size: 0.8333333em;
-  }
-
-  .lg\:prose-2xl h2 code {
-    font-size: 0.875em;
-  }
-
-  .lg\:prose-2xl h3 code {
-    font-size: 0.8888889em;
-  }
-
-  .lg\:prose-2xl pre {
-    font-size: 0.8333333em;
-    line-height: 1.8;
-    margin-top: 2em;
-    margin-bottom: 2em;
-    border-radius: 0.5rem;
-    padding-top: 1.2em;
-    padding-right: 1.6em;
-    padding-bottom: 1.2em;
-    padding-left: 1.6em;
-  }
-
-  .lg\:prose-2xl ol {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .lg\:prose-2xl ul {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .lg\:prose-2xl li {
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
-  }
-
-  .lg\:prose-2xl ol > li {
-    padding-left: 1.6666667em;
-  }
-
-  .lg\:prose-2xl ol > li:before {
-    left: 0;
-  }
-
-  .lg\:prose-2xl ul > li {
-    padding-left: 1.6666667em;
-  }
-
-  .lg\:prose-2xl ul > li::before {
-    width: 0.3333333em;
-    height: 0.3333333em;
-    top: calc(0.8333333em - 0.1666667em);
-    left: 0.25em;
-  }
-
-  .lg\:prose-2xl > ul > li p {
-    margin-top: 0.8333333em;
-    margin-bottom: 0.8333333em;
-  }
-
-  .lg\:prose-2xl > ul > li > *:first-child {
-    margin-top: 1.3333333em;
-  }
-
-  .lg\:prose-2xl > ul > li > *:last-child {
-    margin-bottom: 1.3333333em;
-  }
-
-  .lg\:prose-2xl > ol > li > *:first-child {
-    margin-top: 1.3333333em;
-  }
-
-  .lg\:prose-2xl > ol > li > *:last-child {
-    margin-bottom: 1.3333333em;
-  }
-
-  .lg\:prose-2xl ul ul, .lg\:prose-2xl ul ol, .lg\:prose-2xl ol ul, .lg\:prose-2xl ol ol {
-    margin-top: 0.6666667em;
-    margin-bottom: 0.6666667em;
-  }
-
-  .lg\:prose-2xl hr {
-    margin-top: 3em;
-    margin-bottom: 3em;
-  }
-
-  .lg\:prose-2xl hr + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose-2xl h2 + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose-2xl h3 + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose-2xl h4 + * {
-    margin-top: 0;
-  }
-
-  .lg\:prose-2xl table {
-    font-size: 0.8333333em;
-    line-height: 1.4;
-  }
-
-  .lg\:prose-2xl thead th {
-    padding-right: 0.6em;
-    padding-bottom: 0.8em;
-    padding-left: 0.6em;
-  }
-
-  .lg\:prose-2xl thead th:first-child {
-    padding-left: 0;
-  }
-
-  .lg\:prose-2xl thead th:last-child {
-    padding-right: 0;
-  }
-
-  .lg\:prose-2xl tbody td {
-    padding-top: 0.8em;
-    padding-right: 0.6em;
-    padding-bottom: 0.8em;
-    padding-left: 0.6em;
-  }
-
-  .lg\:prose-2xl tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .lg\:prose-2xl tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .lg\:prose-2xl > :first-child {
-    margin-top: 0;
-  }
-
-  .lg\:prose-2xl > :last-child {
-    margin-bottom: 0;
-  }
-
-  .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-44 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(11rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(11rem * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-44 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(11rem * var(--space-x-reverse));
-    margin-left: calc(11rem * 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-52 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(13rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(13rem * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-52 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(13rem * var(--space-x-reverse));
-    margin-left: calc(13rem * 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-44 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-11rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-11rem * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-44 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-11rem * var(--space-x-reverse));
-    margin-left: calc(-11rem * 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-52 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-13rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-13rem * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-52 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-13rem * var(--space-x-reverse));
-    margin-left: calc(-13rem * 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-current > :not(template) ~ :not(template) {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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-cool-gray-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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-solid > :not(template) ~ :not(template) {
-    border-style: solid;
-  }
-
-  .lg\:divide-dashed > :not(template) ~ :not(template) {
-    border-style: dashed;
-  }
-
-  .lg\:divide-dotted > :not(template) ~ :not(template) {
-    border-style: dotted;
-  }
-
-  .lg\:divide-double > :not(template) ~ :not(template) {
-    border-style: double;
-  }
-
-  .lg\:divide-none > :not(template) ~ :not(template) {
-    border-style: none;
-  }
-
-  .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-clip-border {
-    background-clip: border-box;
-  }
-
-  .lg\:bg-clip-padding {
-    background-clip: padding-box;
-  }
-
-  .lg\:bg-clip-content {
-    background-clip: content-box;
-  }
-
-  .lg\:bg-clip-text {
-    -webkit-background-clip: text;
-            background-clip: text;
-  }
-
-  .lg\:bg-current {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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));
-  }
-
-  .lg\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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));
-  }
-
-  .group:hover .lg\:group-hover\:bg-current {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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:hover .lg\:group-hover\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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:focus .lg\:group-focus\:bg-current {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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));
-  }
-
-  .group:focus .lg\:group-focus\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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));
-  }
-
-  .lg\:hover\:bg-current:hover {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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\:hover\:bg-cool-gray-50:hover {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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\:focus\:bg-current:focus {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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\:focus\:bg-cool-gray-50:focus {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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\:active\:bg-current:active {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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\:active\:bg-cool-gray-50:active {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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\:bg-none {
-    background-image: none;
-  }
-
-  .lg\:bg-gradient-to-t {
-    background-image: linear-gradient(to top, var(--gradient-color-stops));
-  }
-
-  .lg\:bg-gradient-to-tr {
-    background-image: linear-gradient(to top right, var(--gradient-color-stops));
-  }
-
-  .lg\:bg-gradient-to-r {
-    background-image: linear-gradient(to right, var(--gradient-color-stops));
-  }
-
-  .lg\:bg-gradient-to-br {
-    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
-  }
-
-  .lg\:bg-gradient-to-b {
-    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
-  }
-
-  .lg\:bg-gradient-to-bl {
-    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
-  }
-
-  .lg\:bg-gradient-to-l {
-    background-image: linear-gradient(to left, var(--gradient-color-stops));
-  }
-
-  .lg\:bg-gradient-to-tl {
-    background-image: linear-gradient(to top left, var(--gradient-color-stops));
-  }
-
-  .lg\:from-current {
-    --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:from-transparent {
-    --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:from-white {
-    --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:from-black {
-    --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:from-gray-50 {
-    --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .lg\:from-gray-100 {
-    --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .lg\:from-gray-200 {
-    --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .lg\:from-gray-300 {
-    --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .lg\:from-gray-400 {
-    --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .lg\:from-gray-500 {
-    --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .lg\:from-gray-600 {
-    --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .lg\:from-gray-700 {
-    --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .lg\:from-gray-800 {
-    --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .lg\:from-gray-900 {
-    --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .lg\:from-red-50 {
-    --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .lg\:from-red-100 {
-    --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .lg\:from-red-200 {
-    --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .lg\:from-red-300 {
-    --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .lg\:from-red-400 {
-    --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .lg\:from-red-500 {
-    --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .lg\:from-red-600 {
-    --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .lg\:from-red-700 {
-    --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .lg\:from-red-800 {
-    --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .lg\:from-red-900 {
-    --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .lg\:from-orange-50 {
-    --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .lg\:from-orange-100 {
-    --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .lg\:from-orange-200 {
-    --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .lg\:from-orange-300 {
-    --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .lg\:from-orange-400 {
-    --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .lg\:from-orange-500 {
-    --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .lg\:from-orange-600 {
-    --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .lg\:from-orange-700 {
-    --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .lg\:from-orange-800 {
-    --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .lg\:from-orange-900 {
-    --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .lg\:from-yellow-50 {
-    --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .lg\:from-yellow-100 {
-    --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .lg\:from-yellow-200 {
-    --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .lg\:from-yellow-300 {
-    --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .lg\:from-yellow-400 {
-    --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .lg\:from-yellow-500 {
-    --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .lg\:from-yellow-600 {
-    --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .lg\:from-yellow-700 {
-    --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .lg\:from-yellow-800 {
-    --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .lg\:from-yellow-900 {
-    --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .lg\:from-green-50 {
-    --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .lg\:from-green-100 {
-    --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .lg\:from-green-200 {
-    --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .lg\:from-green-300 {
-    --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .lg\:from-green-400 {
-    --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .lg\:from-green-500 {
-    --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .lg\:from-green-600 {
-    --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .lg\:from-green-700 {
-    --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .lg\:from-green-800 {
-    --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .lg\:from-green-900 {
-    --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .lg\:from-teal-50 {
-    --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .lg\:from-teal-100 {
-    --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .lg\:from-teal-200 {
-    --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .lg\:from-teal-300 {
-    --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .lg\:from-teal-400 {
-    --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .lg\:from-teal-500 {
-    --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .lg\:from-teal-600 {
-    --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .lg\:from-teal-700 {
-    --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .lg\:from-teal-800 {
-    --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .lg\:from-teal-900 {
-    --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .lg\:from-blue-50 {
-    --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .lg\:from-blue-100 {
-    --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .lg\:from-blue-200 {
-    --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .lg\:from-blue-300 {
-    --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .lg\:from-blue-400 {
-    --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .lg\:from-blue-500 {
-    --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .lg\:from-blue-600 {
-    --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .lg\:from-blue-700 {
-    --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .lg\:from-blue-800 {
-    --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .lg\:from-blue-900 {
-    --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .lg\:from-indigo-50 {
-    --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .lg\:from-indigo-100 {
-    --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .lg\:from-indigo-200 {
-    --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .lg\:from-indigo-300 {
-    --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .lg\:from-indigo-400 {
-    --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .lg\:from-indigo-500 {
-    --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .lg\:from-indigo-600 {
-    --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .lg\:from-indigo-700 {
-    --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .lg\:from-indigo-800 {
-    --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .lg\:from-indigo-900 {
-    --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .lg\:from-purple-50 {
-    --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .lg\:from-purple-100 {
-    --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .lg\:from-purple-200 {
-    --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .lg\:from-purple-300 {
-    --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .lg\:from-purple-400 {
-    --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .lg\:from-purple-500 {
-    --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .lg\:from-purple-600 {
-    --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .lg\:from-purple-700 {
-    --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .lg\:from-purple-800 {
-    --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .lg\:from-purple-900 {
-    --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .lg\:from-pink-50 {
-    --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .lg\:from-pink-100 {
-    --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .lg\:from-pink-200 {
-    --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .lg\:from-pink-300 {
-    --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .lg\:from-pink-400 {
-    --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .lg\:from-pink-500 {
-    --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .lg\:from-pink-600 {
-    --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .lg\:from-pink-700 {
-    --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .lg\:from-pink-800 {
-    --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .lg\:from-pink-900 {
-    --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .lg\:from-cool-gray-50 {
-    --gradient-from-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .lg\:from-cool-gray-100 {
-    --gradient-from-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .lg\:from-cool-gray-200 {
-    --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .lg\:from-cool-gray-300 {
-    --gradient-from-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .lg\:from-cool-gray-400 {
-    --gradient-from-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .lg\:from-cool-gray-500 {
-    --gradient-from-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .lg\:from-cool-gray-600 {
-    --gradient-from-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .lg\:from-cool-gray-700 {
-    --gradient-from-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .lg\:from-cool-gray-800 {
-    --gradient-from-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .lg\:from-cool-gray-900 {
-    --gradient-from-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .lg\:via-current {
-    --gradient-via-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:via-transparent {
-    --gradient-via-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:via-white {
-    --gradient-via-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:via-black {
-    --gradient-via-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:via-gray-50 {
-    --gradient-via-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .lg\:via-gray-100 {
-    --gradient-via-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .lg\:via-gray-200 {
-    --gradient-via-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .lg\:via-gray-300 {
-    --gradient-via-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .lg\:via-gray-400 {
-    --gradient-via-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .lg\:via-gray-500 {
-    --gradient-via-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .lg\:via-gray-600 {
-    --gradient-via-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .lg\:via-gray-700 {
-    --gradient-via-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .lg\:via-gray-800 {
-    --gradient-via-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .lg\:via-gray-900 {
-    --gradient-via-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .lg\:via-red-50 {
-    --gradient-via-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .lg\:via-red-100 {
-    --gradient-via-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .lg\:via-red-200 {
-    --gradient-via-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .lg\:via-red-300 {
-    --gradient-via-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .lg\:via-red-400 {
-    --gradient-via-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .lg\:via-red-500 {
-    --gradient-via-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .lg\:via-red-600 {
-    --gradient-via-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .lg\:via-red-700 {
-    --gradient-via-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .lg\:via-red-800 {
-    --gradient-via-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .lg\:via-red-900 {
-    --gradient-via-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .lg\:via-orange-50 {
-    --gradient-via-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .lg\:via-orange-100 {
-    --gradient-via-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .lg\:via-orange-200 {
-    --gradient-via-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .lg\:via-orange-300 {
-    --gradient-via-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .lg\:via-orange-400 {
-    --gradient-via-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .lg\:via-orange-500 {
-    --gradient-via-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .lg\:via-orange-600 {
-    --gradient-via-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .lg\:via-orange-700 {
-    --gradient-via-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .lg\:via-orange-800 {
-    --gradient-via-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .lg\:via-orange-900 {
-    --gradient-via-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .lg\:via-yellow-50 {
-    --gradient-via-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .lg\:via-yellow-100 {
-    --gradient-via-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .lg\:via-yellow-200 {
-    --gradient-via-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .lg\:via-yellow-300 {
-    --gradient-via-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .lg\:via-yellow-400 {
-    --gradient-via-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .lg\:via-yellow-500 {
-    --gradient-via-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .lg\:via-yellow-600 {
-    --gradient-via-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .lg\:via-yellow-700 {
-    --gradient-via-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .lg\:via-yellow-800 {
-    --gradient-via-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .lg\:via-yellow-900 {
-    --gradient-via-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .lg\:via-green-50 {
-    --gradient-via-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .lg\:via-green-100 {
-    --gradient-via-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .lg\:via-green-200 {
-    --gradient-via-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .lg\:via-green-300 {
-    --gradient-via-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .lg\:via-green-400 {
-    --gradient-via-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .lg\:via-green-500 {
-    --gradient-via-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .lg\:via-green-600 {
-    --gradient-via-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .lg\:via-green-700 {
-    --gradient-via-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .lg\:via-green-800 {
-    --gradient-via-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .lg\:via-green-900 {
-    --gradient-via-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .lg\:via-teal-50 {
-    --gradient-via-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .lg\:via-teal-100 {
-    --gradient-via-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .lg\:via-teal-200 {
-    --gradient-via-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .lg\:via-teal-300 {
-    --gradient-via-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .lg\:via-teal-400 {
-    --gradient-via-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .lg\:via-teal-500 {
-    --gradient-via-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .lg\:via-teal-600 {
-    --gradient-via-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .lg\:via-teal-700 {
-    --gradient-via-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .lg\:via-teal-800 {
-    --gradient-via-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .lg\:via-teal-900 {
-    --gradient-via-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .lg\:via-blue-50 {
-    --gradient-via-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .lg\:via-blue-100 {
-    --gradient-via-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .lg\:via-blue-200 {
-    --gradient-via-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .lg\:via-blue-300 {
-    --gradient-via-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .lg\:via-blue-400 {
-    --gradient-via-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .lg\:via-blue-500 {
-    --gradient-via-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .lg\:via-blue-600 {
-    --gradient-via-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .lg\:via-blue-700 {
-    --gradient-via-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .lg\:via-blue-800 {
-    --gradient-via-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .lg\:via-blue-900 {
-    --gradient-via-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .lg\:via-indigo-50 {
-    --gradient-via-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .lg\:via-indigo-100 {
-    --gradient-via-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .lg\:via-indigo-200 {
-    --gradient-via-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .lg\:via-indigo-300 {
-    --gradient-via-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .lg\:via-indigo-400 {
-    --gradient-via-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .lg\:via-indigo-500 {
-    --gradient-via-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .lg\:via-indigo-600 {
-    --gradient-via-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .lg\:via-indigo-700 {
-    --gradient-via-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .lg\:via-indigo-800 {
-    --gradient-via-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .lg\:via-indigo-900 {
-    --gradient-via-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .lg\:via-purple-50 {
-    --gradient-via-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .lg\:via-purple-100 {
-    --gradient-via-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .lg\:via-purple-200 {
-    --gradient-via-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .lg\:via-purple-300 {
-    --gradient-via-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .lg\:via-purple-400 {
-    --gradient-via-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .lg\:via-purple-500 {
-    --gradient-via-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .lg\:via-purple-600 {
-    --gradient-via-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .lg\:via-purple-700 {
-    --gradient-via-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .lg\:via-purple-800 {
-    --gradient-via-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .lg\:via-purple-900 {
-    --gradient-via-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .lg\:via-pink-50 {
-    --gradient-via-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .lg\:via-pink-100 {
-    --gradient-via-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .lg\:via-pink-200 {
-    --gradient-via-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .lg\:via-pink-300 {
-    --gradient-via-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .lg\:via-pink-400 {
-    --gradient-via-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .lg\:via-pink-500 {
-    --gradient-via-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .lg\:via-pink-600 {
-    --gradient-via-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .lg\:via-pink-700 {
-    --gradient-via-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .lg\:via-pink-800 {
-    --gradient-via-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .lg\:via-pink-900 {
-    --gradient-via-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .lg\:via-cool-gray-50 {
-    --gradient-via-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .lg\:via-cool-gray-100 {
-    --gradient-via-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .lg\:via-cool-gray-200 {
-    --gradient-via-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .lg\:via-cool-gray-300 {
-    --gradient-via-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .lg\:via-cool-gray-400 {
-    --gradient-via-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .lg\:via-cool-gray-500 {
-    --gradient-via-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .lg\:via-cool-gray-600 {
-    --gradient-via-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .lg\:via-cool-gray-700 {
-    --gradient-via-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .lg\:via-cool-gray-800 {
-    --gradient-via-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .lg\:via-cool-gray-900 {
-    --gradient-via-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .lg\:to-current {
-    --gradient-to-color: currentColor;
-  }
-
-  .lg\:to-transparent {
-    --gradient-to-color: transparent;
-  }
-
-  .lg\:to-white {
-    --gradient-to-color: #ffffff;
-  }
-
-  .lg\:to-black {
-    --gradient-to-color: #000000;
-  }
-
-  .lg\:to-gray-50 {
-    --gradient-to-color: #f9fafb;
-  }
-
-  .lg\:to-gray-100 {
-    --gradient-to-color: #f4f5f7;
-  }
-
-  .lg\:to-gray-200 {
-    --gradient-to-color: #e5e7eb;
-  }
-
-  .lg\:to-gray-300 {
-    --gradient-to-color: #d2d6dc;
-  }
-
-  .lg\:to-gray-400 {
-    --gradient-to-color: #9fa6b2;
-  }
-
-  .lg\:to-gray-500 {
-    --gradient-to-color: #6b7280;
-  }
-
-  .lg\:to-gray-600 {
-    --gradient-to-color: #4b5563;
-  }
-
-  .lg\:to-gray-700 {
-    --gradient-to-color: #374151;
-  }
-
-  .lg\:to-gray-800 {
-    --gradient-to-color: #252f3f;
-  }
-
-  .lg\:to-gray-900 {
-    --gradient-to-color: #161e2e;
-  }
-
-  .lg\:to-red-50 {
-    --gradient-to-color: #fdf2f2;
-  }
-
-  .lg\:to-red-100 {
-    --gradient-to-color: #fde8e8;
-  }
-
-  .lg\:to-red-200 {
-    --gradient-to-color: #fbd5d5;
-  }
-
-  .lg\:to-red-300 {
-    --gradient-to-color: #f8b4b4;
-  }
-
-  .lg\:to-red-400 {
-    --gradient-to-color: #f98080;
-  }
-
-  .lg\:to-red-500 {
-    --gradient-to-color: #f05252;
-  }
-
-  .lg\:to-red-600 {
-    --gradient-to-color: #e02424;
-  }
-
-  .lg\:to-red-700 {
-    --gradient-to-color: #c81e1e;
-  }
-
-  .lg\:to-red-800 {
-    --gradient-to-color: #9b1c1c;
-  }
-
-  .lg\:to-red-900 {
-    --gradient-to-color: #771d1d;
-  }
-
-  .lg\:to-orange-50 {
-    --gradient-to-color: #fff8f1;
-  }
-
-  .lg\:to-orange-100 {
-    --gradient-to-color: #feecdc;
-  }
-
-  .lg\:to-orange-200 {
-    --gradient-to-color: #fcd9bd;
-  }
-
-  .lg\:to-orange-300 {
-    --gradient-to-color: #fdba8c;
-  }
-
-  .lg\:to-orange-400 {
-    --gradient-to-color: #ff8a4c;
-  }
-
-  .lg\:to-orange-500 {
-    --gradient-to-color: #ff5a1f;
-  }
-
-  .lg\:to-orange-600 {
-    --gradient-to-color: #d03801;
-  }
-
-  .lg\:to-orange-700 {
-    --gradient-to-color: #b43403;
-  }
-
-  .lg\:to-orange-800 {
-    --gradient-to-color: #8a2c0d;
-  }
-
-  .lg\:to-orange-900 {
-    --gradient-to-color: #73230d;
-  }
-
-  .lg\:to-yellow-50 {
-    --gradient-to-color: #fdfdea;
-  }
-
-  .lg\:to-yellow-100 {
-    --gradient-to-color: #fdf6b2;
-  }
-
-  .lg\:to-yellow-200 {
-    --gradient-to-color: #fce96a;
-  }
-
-  .lg\:to-yellow-300 {
-    --gradient-to-color: #faca15;
-  }
-
-  .lg\:to-yellow-400 {
-    --gradient-to-color: #e3a008;
-  }
-
-  .lg\:to-yellow-500 {
-    --gradient-to-color: #c27803;
-  }
-
-  .lg\:to-yellow-600 {
-    --gradient-to-color: #9f580a;
-  }
-
-  .lg\:to-yellow-700 {
-    --gradient-to-color: #8e4b10;
-  }
-
-  .lg\:to-yellow-800 {
-    --gradient-to-color: #723b13;
-  }
-
-  .lg\:to-yellow-900 {
-    --gradient-to-color: #633112;
-  }
-
-  .lg\:to-green-50 {
-    --gradient-to-color: #f3faf7;
-  }
-
-  .lg\:to-green-100 {
-    --gradient-to-color: #def7ec;
-  }
-
-  .lg\:to-green-200 {
-    --gradient-to-color: #bcf0da;
-  }
-
-  .lg\:to-green-300 {
-    --gradient-to-color: #84e1bc;
-  }
-
-  .lg\:to-green-400 {
-    --gradient-to-color: #31c48d;
-  }
-
-  .lg\:to-green-500 {
-    --gradient-to-color: #0e9f6e;
-  }
-
-  .lg\:to-green-600 {
-    --gradient-to-color: #057a55;
-  }
-
-  .lg\:to-green-700 {
-    --gradient-to-color: #046c4e;
-  }
-
-  .lg\:to-green-800 {
-    --gradient-to-color: #03543f;
-  }
-
-  .lg\:to-green-900 {
-    --gradient-to-color: #014737;
-  }
-
-  .lg\:to-teal-50 {
-    --gradient-to-color: #edfafa;
-  }
-
-  .lg\:to-teal-100 {
-    --gradient-to-color: #d5f5f6;
-  }
-
-  .lg\:to-teal-200 {
-    --gradient-to-color: #afecef;
-  }
-
-  .lg\:to-teal-300 {
-    --gradient-to-color: #7edce2;
-  }
-
-  .lg\:to-teal-400 {
-    --gradient-to-color: #16bdca;
-  }
-
-  .lg\:to-teal-500 {
-    --gradient-to-color: #0694a2;
-  }
-
-  .lg\:to-teal-600 {
-    --gradient-to-color: #047481;
-  }
-
-  .lg\:to-teal-700 {
-    --gradient-to-color: #036672;
-  }
-
-  .lg\:to-teal-800 {
-    --gradient-to-color: #05505c;
-  }
-
-  .lg\:to-teal-900 {
-    --gradient-to-color: #014451;
-  }
-
-  .lg\:to-blue-50 {
-    --gradient-to-color: #ebf5ff;
-  }
-
-  .lg\:to-blue-100 {
-    --gradient-to-color: #e1effe;
-  }
-
-  .lg\:to-blue-200 {
-    --gradient-to-color: #c3ddfd;
-  }
-
-  .lg\:to-blue-300 {
-    --gradient-to-color: #a4cafe;
-  }
-
-  .lg\:to-blue-400 {
-    --gradient-to-color: #76a9fa;
-  }
-
-  .lg\:to-blue-500 {
-    --gradient-to-color: #3f83f8;
-  }
-
-  .lg\:to-blue-600 {
-    --gradient-to-color: #1c64f2;
-  }
-
-  .lg\:to-blue-700 {
-    --gradient-to-color: #1a56db;
-  }
-
-  .lg\:to-blue-800 {
-    --gradient-to-color: #1e429f;
-  }
-
-  .lg\:to-blue-900 {
-    --gradient-to-color: #233876;
-  }
-
-  .lg\:to-indigo-50 {
-    --gradient-to-color: #f0f5ff;
-  }
-
-  .lg\:to-indigo-100 {
-    --gradient-to-color: #e5edff;
-  }
-
-  .lg\:to-indigo-200 {
-    --gradient-to-color: #cddbfe;
-  }
-
-  .lg\:to-indigo-300 {
-    --gradient-to-color: #b4c6fc;
-  }
-
-  .lg\:to-indigo-400 {
-    --gradient-to-color: #8da2fb;
-  }
-
-  .lg\:to-indigo-500 {
-    --gradient-to-color: #6875f5;
-  }
-
-  .lg\:to-indigo-600 {
-    --gradient-to-color: #5850ec;
-  }
-
-  .lg\:to-indigo-700 {
-    --gradient-to-color: #5145cd;
-  }
-
-  .lg\:to-indigo-800 {
-    --gradient-to-color: #42389d;
-  }
-
-  .lg\:to-indigo-900 {
-    --gradient-to-color: #362f78;
-  }
-
-  .lg\:to-purple-50 {
-    --gradient-to-color: #f6f5ff;
-  }
-
-  .lg\:to-purple-100 {
-    --gradient-to-color: #edebfe;
-  }
-
-  .lg\:to-purple-200 {
-    --gradient-to-color: #dcd7fe;
-  }
-
-  .lg\:to-purple-300 {
-    --gradient-to-color: #cabffd;
-  }
-
-  .lg\:to-purple-400 {
-    --gradient-to-color: #ac94fa;
-  }
-
-  .lg\:to-purple-500 {
-    --gradient-to-color: #9061f9;
-  }
-
-  .lg\:to-purple-600 {
-    --gradient-to-color: #7e3af2;
-  }
-
-  .lg\:to-purple-700 {
-    --gradient-to-color: #6c2bd9;
-  }
-
-  .lg\:to-purple-800 {
-    --gradient-to-color: #5521b5;
-  }
-
-  .lg\:to-purple-900 {
-    --gradient-to-color: #4a1d96;
-  }
-
-  .lg\:to-pink-50 {
-    --gradient-to-color: #fdf2f8;
-  }
-
-  .lg\:to-pink-100 {
-    --gradient-to-color: #fce8f3;
-  }
-
-  .lg\:to-pink-200 {
-    --gradient-to-color: #fad1e8;
-  }
-
-  .lg\:to-pink-300 {
-    --gradient-to-color: #f8b4d9;
-  }
-
-  .lg\:to-pink-400 {
-    --gradient-to-color: #f17eb8;
-  }
-
-  .lg\:to-pink-500 {
-    --gradient-to-color: #e74694;
-  }
-
-  .lg\:to-pink-600 {
-    --gradient-to-color: #d61f69;
-  }
-
-  .lg\:to-pink-700 {
-    --gradient-to-color: #bf125d;
-  }
-
-  .lg\:to-pink-800 {
-    --gradient-to-color: #99154b;
-  }
-
-  .lg\:to-pink-900 {
-    --gradient-to-color: #751a3d;
-  }
-
-  .lg\:to-cool-gray-50 {
-    --gradient-to-color: #f8fafc;
-  }
-
-  .lg\:to-cool-gray-100 {
-    --gradient-to-color: #f1f5f9;
-  }
-
-  .lg\:to-cool-gray-200 {
-    --gradient-to-color: #e2e8f0;
-  }
-
-  .lg\:to-cool-gray-300 {
-    --gradient-to-color: #cfd8e3;
-  }
-
-  .lg\:to-cool-gray-400 {
-    --gradient-to-color: #97a6ba;
-  }
-
-  .lg\:to-cool-gray-500 {
-    --gradient-to-color: #64748b;
-  }
-
-  .lg\:to-cool-gray-600 {
-    --gradient-to-color: #475569;
-  }
-
-  .lg\:to-cool-gray-700 {
-    --gradient-to-color: #364152;
-  }
-
-  .lg\:to-cool-gray-800 {
-    --gradient-to-color: #27303f;
-  }
-
-  .lg\:to-cool-gray-900 {
-    --gradient-to-color: #1a202e;
-  }
-
-  .lg\:hover\:from-current:hover {
-    --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:hover\:from-transparent:hover {
-    --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:hover\:from-white:hover {
-    --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:hover\:from-black:hover {
-    --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:hover\:from-gray-50:hover {
-    --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .lg\:hover\:from-gray-100:hover {
-    --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .lg\:hover\:from-gray-200:hover {
-    --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .lg\:hover\:from-gray-300:hover {
-    --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .lg\:hover\:from-gray-400:hover {
-    --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .lg\:hover\:from-gray-500:hover {
-    --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .lg\:hover\:from-gray-600:hover {
-    --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .lg\:hover\:from-gray-700:hover {
-    --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .lg\:hover\:from-gray-800:hover {
-    --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .lg\:hover\:from-gray-900:hover {
-    --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .lg\:hover\:from-red-50:hover {
-    --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .lg\:hover\:from-red-100:hover {
-    --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .lg\:hover\:from-red-200:hover {
-    --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .lg\:hover\:from-red-300:hover {
-    --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .lg\:hover\:from-red-400:hover {
-    --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .lg\:hover\:from-red-500:hover {
-    --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .lg\:hover\:from-red-600:hover {
-    --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .lg\:hover\:from-red-700:hover {
-    --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .lg\:hover\:from-red-800:hover {
-    --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .lg\:hover\:from-red-900:hover {
-    --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .lg\:hover\:from-orange-50:hover {
-    --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .lg\:hover\:from-orange-100:hover {
-    --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .lg\:hover\:from-orange-200:hover {
-    --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .lg\:hover\:from-orange-300:hover {
-    --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .lg\:hover\:from-orange-400:hover {
-    --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .lg\:hover\:from-orange-500:hover {
-    --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .lg\:hover\:from-orange-600:hover {
-    --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .lg\:hover\:from-orange-700:hover {
-    --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .lg\:hover\:from-orange-800:hover {
-    --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .lg\:hover\:from-orange-900:hover {
-    --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .lg\:hover\:from-yellow-50:hover {
-    --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .lg\:hover\:from-yellow-100:hover {
-    --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .lg\:hover\:from-yellow-200:hover {
-    --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .lg\:hover\:from-yellow-300:hover {
-    --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .lg\:hover\:from-yellow-400:hover {
-    --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .lg\:hover\:from-yellow-500:hover {
-    --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .lg\:hover\:from-yellow-600:hover {
-    --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .lg\:hover\:from-yellow-700:hover {
-    --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .lg\:hover\:from-yellow-800:hover {
-    --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .lg\:hover\:from-yellow-900:hover {
-    --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .lg\:hover\:from-green-50:hover {
-    --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .lg\:hover\:from-green-100:hover {
-    --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .lg\:hover\:from-green-200:hover {
-    --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .lg\:hover\:from-green-300:hover {
-    --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .lg\:hover\:from-green-400:hover {
-    --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .lg\:hover\:from-green-500:hover {
-    --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .lg\:hover\:from-green-600:hover {
-    --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .lg\:hover\:from-green-700:hover {
-    --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .lg\:hover\:from-green-800:hover {
-    --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .lg\:hover\:from-green-900:hover {
-    --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .lg\:hover\:from-teal-50:hover {
-    --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .lg\:hover\:from-teal-100:hover {
-    --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .lg\:hover\:from-teal-200:hover {
-    --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .lg\:hover\:from-teal-300:hover {
-    --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .lg\:hover\:from-teal-400:hover {
-    --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .lg\:hover\:from-teal-500:hover {
-    --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .lg\:hover\:from-teal-600:hover {
-    --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .lg\:hover\:from-teal-700:hover {
-    --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .lg\:hover\:from-teal-800:hover {
-    --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .lg\:hover\:from-teal-900:hover {
-    --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .lg\:hover\:from-blue-50:hover {
-    --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .lg\:hover\:from-blue-100:hover {
-    --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .lg\:hover\:from-blue-200:hover {
-    --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .lg\:hover\:from-blue-300:hover {
-    --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .lg\:hover\:from-blue-400:hover {
-    --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .lg\:hover\:from-blue-500:hover {
-    --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .lg\:hover\:from-blue-600:hover {
-    --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .lg\:hover\:from-blue-700:hover {
-    --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .lg\:hover\:from-blue-800:hover {
-    --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .lg\:hover\:from-blue-900:hover {
-    --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .lg\:hover\:from-indigo-50:hover {
-    --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .lg\:hover\:from-indigo-100:hover {
-    --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .lg\:hover\:from-indigo-200:hover {
-    --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .lg\:hover\:from-indigo-300:hover {
-    --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .lg\:hover\:from-indigo-400:hover {
-    --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .lg\:hover\:from-indigo-500:hover {
-    --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .lg\:hover\:from-indigo-600:hover {
-    --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .lg\:hover\:from-indigo-700:hover {
-    --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .lg\:hover\:from-indigo-800:hover {
-    --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .lg\:hover\:from-indigo-900:hover {
-    --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .lg\:hover\:from-purple-50:hover {
-    --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .lg\:hover\:from-purple-100:hover {
-    --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .lg\:hover\:from-purple-200:hover {
-    --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .lg\:hover\:from-purple-300:hover {
-    --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .lg\:hover\:from-purple-400:hover {
-    --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .lg\:hover\:from-purple-500:hover {
-    --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .lg\:hover\:from-purple-600:hover {
-    --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .lg\:hover\:from-purple-700:hover {
-    --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .lg\:hover\:from-purple-800:hover {
-    --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .lg\:hover\:from-purple-900:hover {
-    --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .lg\:hover\:from-pink-50:hover {
-    --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .lg\:hover\:from-pink-100:hover {
-    --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .lg\:hover\:from-pink-200:hover {
-    --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .lg\:hover\:from-pink-300:hover {
-    --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .lg\:hover\:from-pink-400:hover {
-    --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .lg\:hover\:from-pink-500:hover {
-    --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .lg\:hover\:from-pink-600:hover {
-    --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .lg\:hover\:from-pink-700:hover {
-    --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .lg\:hover\:from-pink-800:hover {
-    --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .lg\:hover\:from-pink-900:hover {
-    --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .lg\:hover\:from-cool-gray-50:hover {
-    --gradient-from-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .lg\:hover\:from-cool-gray-100:hover {
-    --gradient-from-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .lg\:hover\:from-cool-gray-200:hover {
-    --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .lg\:hover\:from-cool-gray-300:hover {
-    --gradient-from-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .lg\:hover\:from-cool-gray-400:hover {
-    --gradient-from-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .lg\:hover\:from-cool-gray-500:hover {
-    --gradient-from-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .lg\:hover\:from-cool-gray-600:hover {
-    --gradient-from-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .lg\:hover\:from-cool-gray-700:hover {
-    --gradient-from-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .lg\:hover\:from-cool-gray-800:hover {
-    --gradient-from-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .lg\:hover\:from-cool-gray-900:hover {
-    --gradient-from-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .lg\:hover\:via-current:hover {
-    --gradient-via-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:hover\:via-transparent:hover {
-    --gradient-via-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:hover\:via-white:hover {
-    --gradient-via-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:hover\:via-black:hover {
-    --gradient-via-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:hover\:via-gray-50:hover {
-    --gradient-via-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .lg\:hover\:via-gray-100:hover {
-    --gradient-via-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .lg\:hover\:via-gray-200:hover {
-    --gradient-via-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .lg\:hover\:via-gray-300:hover {
-    --gradient-via-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .lg\:hover\:via-gray-400:hover {
-    --gradient-via-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .lg\:hover\:via-gray-500:hover {
-    --gradient-via-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .lg\:hover\:via-gray-600:hover {
-    --gradient-via-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .lg\:hover\:via-gray-700:hover {
-    --gradient-via-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .lg\:hover\:via-gray-800:hover {
-    --gradient-via-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .lg\:hover\:via-gray-900:hover {
-    --gradient-via-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .lg\:hover\:via-red-50:hover {
-    --gradient-via-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .lg\:hover\:via-red-100:hover {
-    --gradient-via-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .lg\:hover\:via-red-200:hover {
-    --gradient-via-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .lg\:hover\:via-red-300:hover {
-    --gradient-via-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .lg\:hover\:via-red-400:hover {
-    --gradient-via-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .lg\:hover\:via-red-500:hover {
-    --gradient-via-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .lg\:hover\:via-red-600:hover {
-    --gradient-via-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .lg\:hover\:via-red-700:hover {
-    --gradient-via-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .lg\:hover\:via-red-800:hover {
-    --gradient-via-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .lg\:hover\:via-red-900:hover {
-    --gradient-via-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .lg\:hover\:via-orange-50:hover {
-    --gradient-via-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .lg\:hover\:via-orange-100:hover {
-    --gradient-via-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .lg\:hover\:via-orange-200:hover {
-    --gradient-via-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .lg\:hover\:via-orange-300:hover {
-    --gradient-via-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .lg\:hover\:via-orange-400:hover {
-    --gradient-via-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .lg\:hover\:via-orange-500:hover {
-    --gradient-via-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .lg\:hover\:via-orange-600:hover {
-    --gradient-via-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .lg\:hover\:via-orange-700:hover {
-    --gradient-via-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .lg\:hover\:via-orange-800:hover {
-    --gradient-via-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .lg\:hover\:via-orange-900:hover {
-    --gradient-via-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .lg\:hover\:via-yellow-50:hover {
-    --gradient-via-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .lg\:hover\:via-yellow-100:hover {
-    --gradient-via-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .lg\:hover\:via-yellow-200:hover {
-    --gradient-via-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .lg\:hover\:via-yellow-300:hover {
-    --gradient-via-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .lg\:hover\:via-yellow-400:hover {
-    --gradient-via-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .lg\:hover\:via-yellow-500:hover {
-    --gradient-via-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .lg\:hover\:via-yellow-600:hover {
-    --gradient-via-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .lg\:hover\:via-yellow-700:hover {
-    --gradient-via-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .lg\:hover\:via-yellow-800:hover {
-    --gradient-via-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .lg\:hover\:via-yellow-900:hover {
-    --gradient-via-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .lg\:hover\:via-green-50:hover {
-    --gradient-via-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .lg\:hover\:via-green-100:hover {
-    --gradient-via-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .lg\:hover\:via-green-200:hover {
-    --gradient-via-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .lg\:hover\:via-green-300:hover {
-    --gradient-via-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .lg\:hover\:via-green-400:hover {
-    --gradient-via-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .lg\:hover\:via-green-500:hover {
-    --gradient-via-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .lg\:hover\:via-green-600:hover {
-    --gradient-via-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .lg\:hover\:via-green-700:hover {
-    --gradient-via-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .lg\:hover\:via-green-800:hover {
-    --gradient-via-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .lg\:hover\:via-green-900:hover {
-    --gradient-via-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .lg\:hover\:via-teal-50:hover {
-    --gradient-via-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .lg\:hover\:via-teal-100:hover {
-    --gradient-via-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .lg\:hover\:via-teal-200:hover {
-    --gradient-via-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .lg\:hover\:via-teal-300:hover {
-    --gradient-via-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .lg\:hover\:via-teal-400:hover {
-    --gradient-via-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .lg\:hover\:via-teal-500:hover {
-    --gradient-via-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .lg\:hover\:via-teal-600:hover {
-    --gradient-via-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .lg\:hover\:via-teal-700:hover {
-    --gradient-via-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .lg\:hover\:via-teal-800:hover {
-    --gradient-via-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .lg\:hover\:via-teal-900:hover {
-    --gradient-via-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .lg\:hover\:via-blue-50:hover {
-    --gradient-via-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .lg\:hover\:via-blue-100:hover {
-    --gradient-via-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .lg\:hover\:via-blue-200:hover {
-    --gradient-via-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .lg\:hover\:via-blue-300:hover {
-    --gradient-via-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .lg\:hover\:via-blue-400:hover {
-    --gradient-via-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .lg\:hover\:via-blue-500:hover {
-    --gradient-via-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .lg\:hover\:via-blue-600:hover {
-    --gradient-via-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .lg\:hover\:via-blue-700:hover {
-    --gradient-via-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .lg\:hover\:via-blue-800:hover {
-    --gradient-via-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .lg\:hover\:via-blue-900:hover {
-    --gradient-via-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .lg\:hover\:via-indigo-50:hover {
-    --gradient-via-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .lg\:hover\:via-indigo-100:hover {
-    --gradient-via-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .lg\:hover\:via-indigo-200:hover {
-    --gradient-via-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .lg\:hover\:via-indigo-300:hover {
-    --gradient-via-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .lg\:hover\:via-indigo-400:hover {
-    --gradient-via-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .lg\:hover\:via-indigo-500:hover {
-    --gradient-via-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .lg\:hover\:via-indigo-600:hover {
-    --gradient-via-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .lg\:hover\:via-indigo-700:hover {
-    --gradient-via-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .lg\:hover\:via-indigo-800:hover {
-    --gradient-via-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .lg\:hover\:via-indigo-900:hover {
-    --gradient-via-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .lg\:hover\:via-purple-50:hover {
-    --gradient-via-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .lg\:hover\:via-purple-100:hover {
-    --gradient-via-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .lg\:hover\:via-purple-200:hover {
-    --gradient-via-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .lg\:hover\:via-purple-300:hover {
-    --gradient-via-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .lg\:hover\:via-purple-400:hover {
-    --gradient-via-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .lg\:hover\:via-purple-500:hover {
-    --gradient-via-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .lg\:hover\:via-purple-600:hover {
-    --gradient-via-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .lg\:hover\:via-purple-700:hover {
-    --gradient-via-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .lg\:hover\:via-purple-800:hover {
-    --gradient-via-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .lg\:hover\:via-purple-900:hover {
-    --gradient-via-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .lg\:hover\:via-pink-50:hover {
-    --gradient-via-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .lg\:hover\:via-pink-100:hover {
-    --gradient-via-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .lg\:hover\:via-pink-200:hover {
-    --gradient-via-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .lg\:hover\:via-pink-300:hover {
-    --gradient-via-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .lg\:hover\:via-pink-400:hover {
-    --gradient-via-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .lg\:hover\:via-pink-500:hover {
-    --gradient-via-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .lg\:hover\:via-pink-600:hover {
-    --gradient-via-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .lg\:hover\:via-pink-700:hover {
-    --gradient-via-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .lg\:hover\:via-pink-800:hover {
-    --gradient-via-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .lg\:hover\:via-pink-900:hover {
-    --gradient-via-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .lg\:hover\:via-cool-gray-50:hover {
-    --gradient-via-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .lg\:hover\:via-cool-gray-100:hover {
-    --gradient-via-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .lg\:hover\:via-cool-gray-200:hover {
-    --gradient-via-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .lg\:hover\:via-cool-gray-300:hover {
-    --gradient-via-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .lg\:hover\:via-cool-gray-400:hover {
-    --gradient-via-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .lg\:hover\:via-cool-gray-500:hover {
-    --gradient-via-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .lg\:hover\:via-cool-gray-600:hover {
-    --gradient-via-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .lg\:hover\:via-cool-gray-700:hover {
-    --gradient-via-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .lg\:hover\:via-cool-gray-800:hover {
-    --gradient-via-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .lg\:hover\:via-cool-gray-900:hover {
-    --gradient-via-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .lg\:hover\:to-current:hover {
-    --gradient-to-color: currentColor;
-  }
-
-  .lg\:hover\:to-transparent:hover {
-    --gradient-to-color: transparent;
-  }
-
-  .lg\:hover\:to-white:hover {
-    --gradient-to-color: #ffffff;
-  }
-
-  .lg\:hover\:to-black:hover {
-    --gradient-to-color: #000000;
-  }
-
-  .lg\:hover\:to-gray-50:hover {
-    --gradient-to-color: #f9fafb;
-  }
-
-  .lg\:hover\:to-gray-100:hover {
-    --gradient-to-color: #f4f5f7;
-  }
-
-  .lg\:hover\:to-gray-200:hover {
-    --gradient-to-color: #e5e7eb;
-  }
-
-  .lg\:hover\:to-gray-300:hover {
-    --gradient-to-color: #d2d6dc;
-  }
-
-  .lg\:hover\:to-gray-400:hover {
-    --gradient-to-color: #9fa6b2;
-  }
-
-  .lg\:hover\:to-gray-500:hover {
-    --gradient-to-color: #6b7280;
-  }
-
-  .lg\:hover\:to-gray-600:hover {
-    --gradient-to-color: #4b5563;
-  }
-
-  .lg\:hover\:to-gray-700:hover {
-    --gradient-to-color: #374151;
-  }
-
-  .lg\:hover\:to-gray-800:hover {
-    --gradient-to-color: #252f3f;
-  }
-
-  .lg\:hover\:to-gray-900:hover {
-    --gradient-to-color: #161e2e;
-  }
-
-  .lg\:hover\:to-red-50:hover {
-    --gradient-to-color: #fdf2f2;
-  }
-
-  .lg\:hover\:to-red-100:hover {
-    --gradient-to-color: #fde8e8;
-  }
-
-  .lg\:hover\:to-red-200:hover {
-    --gradient-to-color: #fbd5d5;
-  }
-
-  .lg\:hover\:to-red-300:hover {
-    --gradient-to-color: #f8b4b4;
-  }
-
-  .lg\:hover\:to-red-400:hover {
-    --gradient-to-color: #f98080;
-  }
-
-  .lg\:hover\:to-red-500:hover {
-    --gradient-to-color: #f05252;
-  }
-
-  .lg\:hover\:to-red-600:hover {
-    --gradient-to-color: #e02424;
-  }
-
-  .lg\:hover\:to-red-700:hover {
-    --gradient-to-color: #c81e1e;
-  }
-
-  .lg\:hover\:to-red-800:hover {
-    --gradient-to-color: #9b1c1c;
-  }
-
-  .lg\:hover\:to-red-900:hover {
-    --gradient-to-color: #771d1d;
-  }
-
-  .lg\:hover\:to-orange-50:hover {
-    --gradient-to-color: #fff8f1;
-  }
-
-  .lg\:hover\:to-orange-100:hover {
-    --gradient-to-color: #feecdc;
-  }
-
-  .lg\:hover\:to-orange-200:hover {
-    --gradient-to-color: #fcd9bd;
-  }
-
-  .lg\:hover\:to-orange-300:hover {
-    --gradient-to-color: #fdba8c;
-  }
-
-  .lg\:hover\:to-orange-400:hover {
-    --gradient-to-color: #ff8a4c;
-  }
-
-  .lg\:hover\:to-orange-500:hover {
-    --gradient-to-color: #ff5a1f;
-  }
-
-  .lg\:hover\:to-orange-600:hover {
-    --gradient-to-color: #d03801;
-  }
-
-  .lg\:hover\:to-orange-700:hover {
-    --gradient-to-color: #b43403;
-  }
-
-  .lg\:hover\:to-orange-800:hover {
-    --gradient-to-color: #8a2c0d;
-  }
-
-  .lg\:hover\:to-orange-900:hover {
-    --gradient-to-color: #73230d;
-  }
-
-  .lg\:hover\:to-yellow-50:hover {
-    --gradient-to-color: #fdfdea;
-  }
-
-  .lg\:hover\:to-yellow-100:hover {
-    --gradient-to-color: #fdf6b2;
-  }
-
-  .lg\:hover\:to-yellow-200:hover {
-    --gradient-to-color: #fce96a;
-  }
-
-  .lg\:hover\:to-yellow-300:hover {
-    --gradient-to-color: #faca15;
-  }
-
-  .lg\:hover\:to-yellow-400:hover {
-    --gradient-to-color: #e3a008;
-  }
-
-  .lg\:hover\:to-yellow-500:hover {
-    --gradient-to-color: #c27803;
-  }
-
-  .lg\:hover\:to-yellow-600:hover {
-    --gradient-to-color: #9f580a;
-  }
-
-  .lg\:hover\:to-yellow-700:hover {
-    --gradient-to-color: #8e4b10;
-  }
-
-  .lg\:hover\:to-yellow-800:hover {
-    --gradient-to-color: #723b13;
-  }
-
-  .lg\:hover\:to-yellow-900:hover {
-    --gradient-to-color: #633112;
-  }
-
-  .lg\:hover\:to-green-50:hover {
-    --gradient-to-color: #f3faf7;
-  }
-
-  .lg\:hover\:to-green-100:hover {
-    --gradient-to-color: #def7ec;
-  }
-
-  .lg\:hover\:to-green-200:hover {
-    --gradient-to-color: #bcf0da;
-  }
-
-  .lg\:hover\:to-green-300:hover {
-    --gradient-to-color: #84e1bc;
-  }
-
-  .lg\:hover\:to-green-400:hover {
-    --gradient-to-color: #31c48d;
-  }
-
-  .lg\:hover\:to-green-500:hover {
-    --gradient-to-color: #0e9f6e;
-  }
-
-  .lg\:hover\:to-green-600:hover {
-    --gradient-to-color: #057a55;
-  }
-
-  .lg\:hover\:to-green-700:hover {
-    --gradient-to-color: #046c4e;
-  }
-
-  .lg\:hover\:to-green-800:hover {
-    --gradient-to-color: #03543f;
-  }
-
-  .lg\:hover\:to-green-900:hover {
-    --gradient-to-color: #014737;
-  }
-
-  .lg\:hover\:to-teal-50:hover {
-    --gradient-to-color: #edfafa;
-  }
-
-  .lg\:hover\:to-teal-100:hover {
-    --gradient-to-color: #d5f5f6;
-  }
-
-  .lg\:hover\:to-teal-200:hover {
-    --gradient-to-color: #afecef;
-  }
-
-  .lg\:hover\:to-teal-300:hover {
-    --gradient-to-color: #7edce2;
-  }
-
-  .lg\:hover\:to-teal-400:hover {
-    --gradient-to-color: #16bdca;
-  }
-
-  .lg\:hover\:to-teal-500:hover {
-    --gradient-to-color: #0694a2;
-  }
-
-  .lg\:hover\:to-teal-600:hover {
-    --gradient-to-color: #047481;
-  }
-
-  .lg\:hover\:to-teal-700:hover {
-    --gradient-to-color: #036672;
-  }
-
-  .lg\:hover\:to-teal-800:hover {
-    --gradient-to-color: #05505c;
-  }
-
-  .lg\:hover\:to-teal-900:hover {
-    --gradient-to-color: #014451;
-  }
-
-  .lg\:hover\:to-blue-50:hover {
-    --gradient-to-color: #ebf5ff;
-  }
-
-  .lg\:hover\:to-blue-100:hover {
-    --gradient-to-color: #e1effe;
-  }
-
-  .lg\:hover\:to-blue-200:hover {
-    --gradient-to-color: #c3ddfd;
-  }
-
-  .lg\:hover\:to-blue-300:hover {
-    --gradient-to-color: #a4cafe;
-  }
-
-  .lg\:hover\:to-blue-400:hover {
-    --gradient-to-color: #76a9fa;
-  }
-
-  .lg\:hover\:to-blue-500:hover {
-    --gradient-to-color: #3f83f8;
-  }
-
-  .lg\:hover\:to-blue-600:hover {
-    --gradient-to-color: #1c64f2;
-  }
-
-  .lg\:hover\:to-blue-700:hover {
-    --gradient-to-color: #1a56db;
-  }
-
-  .lg\:hover\:to-blue-800:hover {
-    --gradient-to-color: #1e429f;
-  }
-
-  .lg\:hover\:to-blue-900:hover {
-    --gradient-to-color: #233876;
-  }
-
-  .lg\:hover\:to-indigo-50:hover {
-    --gradient-to-color: #f0f5ff;
-  }
-
-  .lg\:hover\:to-indigo-100:hover {
-    --gradient-to-color: #e5edff;
-  }
-
-  .lg\:hover\:to-indigo-200:hover {
-    --gradient-to-color: #cddbfe;
-  }
-
-  .lg\:hover\:to-indigo-300:hover {
-    --gradient-to-color: #b4c6fc;
-  }
-
-  .lg\:hover\:to-indigo-400:hover {
-    --gradient-to-color: #8da2fb;
-  }
-
-  .lg\:hover\:to-indigo-500:hover {
-    --gradient-to-color: #6875f5;
-  }
-
-  .lg\:hover\:to-indigo-600:hover {
-    --gradient-to-color: #5850ec;
-  }
-
-  .lg\:hover\:to-indigo-700:hover {
-    --gradient-to-color: #5145cd;
-  }
-
-  .lg\:hover\:to-indigo-800:hover {
-    --gradient-to-color: #42389d;
-  }
-
-  .lg\:hover\:to-indigo-900:hover {
-    --gradient-to-color: #362f78;
-  }
-
-  .lg\:hover\:to-purple-50:hover {
-    --gradient-to-color: #f6f5ff;
-  }
-
-  .lg\:hover\:to-purple-100:hover {
-    --gradient-to-color: #edebfe;
-  }
-
-  .lg\:hover\:to-purple-200:hover {
-    --gradient-to-color: #dcd7fe;
-  }
-
-  .lg\:hover\:to-purple-300:hover {
-    --gradient-to-color: #cabffd;
-  }
-
-  .lg\:hover\:to-purple-400:hover {
-    --gradient-to-color: #ac94fa;
-  }
-
-  .lg\:hover\:to-purple-500:hover {
-    --gradient-to-color: #9061f9;
-  }
-
-  .lg\:hover\:to-purple-600:hover {
-    --gradient-to-color: #7e3af2;
-  }
-
-  .lg\:hover\:to-purple-700:hover {
-    --gradient-to-color: #6c2bd9;
-  }
-
-  .lg\:hover\:to-purple-800:hover {
-    --gradient-to-color: #5521b5;
-  }
-
-  .lg\:hover\:to-purple-900:hover {
-    --gradient-to-color: #4a1d96;
-  }
-
-  .lg\:hover\:to-pink-50:hover {
-    --gradient-to-color: #fdf2f8;
-  }
-
-  .lg\:hover\:to-pink-100:hover {
-    --gradient-to-color: #fce8f3;
-  }
-
-  .lg\:hover\:to-pink-200:hover {
-    --gradient-to-color: #fad1e8;
-  }
-
-  .lg\:hover\:to-pink-300:hover {
-    --gradient-to-color: #f8b4d9;
-  }
-
-  .lg\:hover\:to-pink-400:hover {
-    --gradient-to-color: #f17eb8;
-  }
-
-  .lg\:hover\:to-pink-500:hover {
-    --gradient-to-color: #e74694;
-  }
-
-  .lg\:hover\:to-pink-600:hover {
-    --gradient-to-color: #d61f69;
-  }
-
-  .lg\:hover\:to-pink-700:hover {
-    --gradient-to-color: #bf125d;
-  }
-
-  .lg\:hover\:to-pink-800:hover {
-    --gradient-to-color: #99154b;
-  }
-
-  .lg\:hover\:to-pink-900:hover {
-    --gradient-to-color: #751a3d;
-  }
-
-  .lg\:hover\:to-cool-gray-50:hover {
-    --gradient-to-color: #f8fafc;
-  }
-
-  .lg\:hover\:to-cool-gray-100:hover {
-    --gradient-to-color: #f1f5f9;
-  }
-
-  .lg\:hover\:to-cool-gray-200:hover {
-    --gradient-to-color: #e2e8f0;
-  }
-
-  .lg\:hover\:to-cool-gray-300:hover {
-    --gradient-to-color: #cfd8e3;
-  }
-
-  .lg\:hover\:to-cool-gray-400:hover {
-    --gradient-to-color: #97a6ba;
-  }
-
-  .lg\:hover\:to-cool-gray-500:hover {
-    --gradient-to-color: #64748b;
-  }
-
-  .lg\:hover\:to-cool-gray-600:hover {
-    --gradient-to-color: #475569;
-  }
-
-  .lg\:hover\:to-cool-gray-700:hover {
-    --gradient-to-color: #364152;
-  }
-
-  .lg\:hover\:to-cool-gray-800:hover {
-    --gradient-to-color: #27303f;
-  }
-
-  .lg\:hover\:to-cool-gray-900:hover {
-    --gradient-to-color: #1a202e;
-  }
-
-  .lg\:focus\:from-current:focus {
-    --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:focus\:from-transparent:focus {
-    --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:focus\:from-white:focus {
-    --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:focus\:from-black:focus {
-    --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:focus\:from-gray-50:focus {
-    --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .lg\:focus\:from-gray-100:focus {
-    --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .lg\:focus\:from-gray-200:focus {
-    --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .lg\:focus\:from-gray-300:focus {
-    --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .lg\:focus\:from-gray-400:focus {
-    --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .lg\:focus\:from-gray-500:focus {
-    --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .lg\:focus\:from-gray-600:focus {
-    --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .lg\:focus\:from-gray-700:focus {
-    --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .lg\:focus\:from-gray-800:focus {
-    --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .lg\:focus\:from-gray-900:focus {
-    --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .lg\:focus\:from-red-50:focus {
-    --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .lg\:focus\:from-red-100:focus {
-    --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .lg\:focus\:from-red-200:focus {
-    --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .lg\:focus\:from-red-300:focus {
-    --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .lg\:focus\:from-red-400:focus {
-    --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .lg\:focus\:from-red-500:focus {
-    --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .lg\:focus\:from-red-600:focus {
-    --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .lg\:focus\:from-red-700:focus {
-    --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .lg\:focus\:from-red-800:focus {
-    --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .lg\:focus\:from-red-900:focus {
-    --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .lg\:focus\:from-orange-50:focus {
-    --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .lg\:focus\:from-orange-100:focus {
-    --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .lg\:focus\:from-orange-200:focus {
-    --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .lg\:focus\:from-orange-300:focus {
-    --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .lg\:focus\:from-orange-400:focus {
-    --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .lg\:focus\:from-orange-500:focus {
-    --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .lg\:focus\:from-orange-600:focus {
-    --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .lg\:focus\:from-orange-700:focus {
-    --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .lg\:focus\:from-orange-800:focus {
-    --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .lg\:focus\:from-orange-900:focus {
-    --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .lg\:focus\:from-yellow-50:focus {
-    --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .lg\:focus\:from-yellow-100:focus {
-    --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .lg\:focus\:from-yellow-200:focus {
-    --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .lg\:focus\:from-yellow-300:focus {
-    --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .lg\:focus\:from-yellow-400:focus {
-    --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .lg\:focus\:from-yellow-500:focus {
-    --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .lg\:focus\:from-yellow-600:focus {
-    --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .lg\:focus\:from-yellow-700:focus {
-    --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .lg\:focus\:from-yellow-800:focus {
-    --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .lg\:focus\:from-yellow-900:focus {
-    --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .lg\:focus\:from-green-50:focus {
-    --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .lg\:focus\:from-green-100:focus {
-    --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .lg\:focus\:from-green-200:focus {
-    --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .lg\:focus\:from-green-300:focus {
-    --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .lg\:focus\:from-green-400:focus {
-    --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .lg\:focus\:from-green-500:focus {
-    --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .lg\:focus\:from-green-600:focus {
-    --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .lg\:focus\:from-green-700:focus {
-    --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .lg\:focus\:from-green-800:focus {
-    --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .lg\:focus\:from-green-900:focus {
-    --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .lg\:focus\:from-teal-50:focus {
-    --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .lg\:focus\:from-teal-100:focus {
-    --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .lg\:focus\:from-teal-200:focus {
-    --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .lg\:focus\:from-teal-300:focus {
-    --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .lg\:focus\:from-teal-400:focus {
-    --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .lg\:focus\:from-teal-500:focus {
-    --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .lg\:focus\:from-teal-600:focus {
-    --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .lg\:focus\:from-teal-700:focus {
-    --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .lg\:focus\:from-teal-800:focus {
-    --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .lg\:focus\:from-teal-900:focus {
-    --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .lg\:focus\:from-blue-50:focus {
-    --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .lg\:focus\:from-blue-100:focus {
-    --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .lg\:focus\:from-blue-200:focus {
-    --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .lg\:focus\:from-blue-300:focus {
-    --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .lg\:focus\:from-blue-400:focus {
-    --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .lg\:focus\:from-blue-500:focus {
-    --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .lg\:focus\:from-blue-600:focus {
-    --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .lg\:focus\:from-blue-700:focus {
-    --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .lg\:focus\:from-blue-800:focus {
-    --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .lg\:focus\:from-blue-900:focus {
-    --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .lg\:focus\:from-indigo-50:focus {
-    --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .lg\:focus\:from-indigo-100:focus {
-    --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .lg\:focus\:from-indigo-200:focus {
-    --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .lg\:focus\:from-indigo-300:focus {
-    --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .lg\:focus\:from-indigo-400:focus {
-    --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .lg\:focus\:from-indigo-500:focus {
-    --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .lg\:focus\:from-indigo-600:focus {
-    --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .lg\:focus\:from-indigo-700:focus {
-    --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .lg\:focus\:from-indigo-800:focus {
-    --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .lg\:focus\:from-indigo-900:focus {
-    --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .lg\:focus\:from-purple-50:focus {
-    --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .lg\:focus\:from-purple-100:focus {
-    --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .lg\:focus\:from-purple-200:focus {
-    --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .lg\:focus\:from-purple-300:focus {
-    --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .lg\:focus\:from-purple-400:focus {
-    --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .lg\:focus\:from-purple-500:focus {
-    --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .lg\:focus\:from-purple-600:focus {
-    --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .lg\:focus\:from-purple-700:focus {
-    --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .lg\:focus\:from-purple-800:focus {
-    --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .lg\:focus\:from-purple-900:focus {
-    --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .lg\:focus\:from-pink-50:focus {
-    --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .lg\:focus\:from-pink-100:focus {
-    --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .lg\:focus\:from-pink-200:focus {
-    --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .lg\:focus\:from-pink-300:focus {
-    --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .lg\:focus\:from-pink-400:focus {
-    --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .lg\:focus\:from-pink-500:focus {
-    --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .lg\:focus\:from-pink-600:focus {
-    --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .lg\:focus\:from-pink-700:focus {
-    --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .lg\:focus\:from-pink-800:focus {
-    --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .lg\:focus\:from-pink-900:focus {
-    --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .lg\:focus\:from-cool-gray-50:focus {
-    --gradient-from-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .lg\:focus\:from-cool-gray-100:focus {
-    --gradient-from-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .lg\:focus\:from-cool-gray-200:focus {
-    --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .lg\:focus\:from-cool-gray-300:focus {
-    --gradient-from-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .lg\:focus\:from-cool-gray-400:focus {
-    --gradient-from-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .lg\:focus\:from-cool-gray-500:focus {
-    --gradient-from-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .lg\:focus\:from-cool-gray-600:focus {
-    --gradient-from-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .lg\:focus\:from-cool-gray-700:focus {
-    --gradient-from-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .lg\:focus\:from-cool-gray-800:focus {
-    --gradient-from-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .lg\:focus\:from-cool-gray-900:focus {
-    --gradient-from-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .lg\:focus\:via-current:focus {
-    --gradient-via-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:focus\:via-transparent:focus {
-    --gradient-via-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:focus\:via-white:focus {
-    --gradient-via-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .lg\:focus\:via-black:focus {
-    --gradient-via-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .lg\:focus\:via-gray-50:focus {
-    --gradient-via-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .lg\:focus\:via-gray-100:focus {
-    --gradient-via-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .lg\:focus\:via-gray-200:focus {
-    --gradient-via-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .lg\:focus\:via-gray-300:focus {
-    --gradient-via-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .lg\:focus\:via-gray-400:focus {
-    --gradient-via-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .lg\:focus\:via-gray-500:focus {
-    --gradient-via-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .lg\:focus\:via-gray-600:focus {
-    --gradient-via-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .lg\:focus\:via-gray-700:focus {
-    --gradient-via-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .lg\:focus\:via-gray-800:focus {
-    --gradient-via-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .lg\:focus\:via-gray-900:focus {
-    --gradient-via-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .lg\:focus\:via-red-50:focus {
-    --gradient-via-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .lg\:focus\:via-red-100:focus {
-    --gradient-via-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .lg\:focus\:via-red-200:focus {
-    --gradient-via-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .lg\:focus\:via-red-300:focus {
-    --gradient-via-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .lg\:focus\:via-red-400:focus {
-    --gradient-via-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .lg\:focus\:via-red-500:focus {
-    --gradient-via-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .lg\:focus\:via-red-600:focus {
-    --gradient-via-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .lg\:focus\:via-red-700:focus {
-    --gradient-via-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .lg\:focus\:via-red-800:focus {
-    --gradient-via-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .lg\:focus\:via-red-900:focus {
-    --gradient-via-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .lg\:focus\:via-orange-50:focus {
-    --gradient-via-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .lg\:focus\:via-orange-100:focus {
-    --gradient-via-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .lg\:focus\:via-orange-200:focus {
-    --gradient-via-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .lg\:focus\:via-orange-300:focus {
-    --gradient-via-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .lg\:focus\:via-orange-400:focus {
-    --gradient-via-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .lg\:focus\:via-orange-500:focus {
-    --gradient-via-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .lg\:focus\:via-orange-600:focus {
-    --gradient-via-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .lg\:focus\:via-orange-700:focus {
-    --gradient-via-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .lg\:focus\:via-orange-800:focus {
-    --gradient-via-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .lg\:focus\:via-orange-900:focus {
-    --gradient-via-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .lg\:focus\:via-yellow-50:focus {
-    --gradient-via-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .lg\:focus\:via-yellow-100:focus {
-    --gradient-via-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .lg\:focus\:via-yellow-200:focus {
-    --gradient-via-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .lg\:focus\:via-yellow-300:focus {
-    --gradient-via-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .lg\:focus\:via-yellow-400:focus {
-    --gradient-via-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .lg\:focus\:via-yellow-500:focus {
-    --gradient-via-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .lg\:focus\:via-yellow-600:focus {
-    --gradient-via-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .lg\:focus\:via-yellow-700:focus {
-    --gradient-via-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .lg\:focus\:via-yellow-800:focus {
-    --gradient-via-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .lg\:focus\:via-yellow-900:focus {
-    --gradient-via-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .lg\:focus\:via-green-50:focus {
-    --gradient-via-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .lg\:focus\:via-green-100:focus {
-    --gradient-via-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .lg\:focus\:via-green-200:focus {
-    --gradient-via-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .lg\:focus\:via-green-300:focus {
-    --gradient-via-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .lg\:focus\:via-green-400:focus {
-    --gradient-via-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .lg\:focus\:via-green-500:focus {
-    --gradient-via-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .lg\:focus\:via-green-600:focus {
-    --gradient-via-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .lg\:focus\:via-green-700:focus {
-    --gradient-via-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .lg\:focus\:via-green-800:focus {
-    --gradient-via-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .lg\:focus\:via-green-900:focus {
-    --gradient-via-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .lg\:focus\:via-teal-50:focus {
-    --gradient-via-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .lg\:focus\:via-teal-100:focus {
-    --gradient-via-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .lg\:focus\:via-teal-200:focus {
-    --gradient-via-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .lg\:focus\:via-teal-300:focus {
-    --gradient-via-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .lg\:focus\:via-teal-400:focus {
-    --gradient-via-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .lg\:focus\:via-teal-500:focus {
-    --gradient-via-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .lg\:focus\:via-teal-600:focus {
-    --gradient-via-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .lg\:focus\:via-teal-700:focus {
-    --gradient-via-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .lg\:focus\:via-teal-800:focus {
-    --gradient-via-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .lg\:focus\:via-teal-900:focus {
-    --gradient-via-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .lg\:focus\:via-blue-50:focus {
-    --gradient-via-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .lg\:focus\:via-blue-100:focus {
-    --gradient-via-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .lg\:focus\:via-blue-200:focus {
-    --gradient-via-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .lg\:focus\:via-blue-300:focus {
-    --gradient-via-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .lg\:focus\:via-blue-400:focus {
-    --gradient-via-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .lg\:focus\:via-blue-500:focus {
-    --gradient-via-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .lg\:focus\:via-blue-600:focus {
-    --gradient-via-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .lg\:focus\:via-blue-700:focus {
-    --gradient-via-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .lg\:focus\:via-blue-800:focus {
-    --gradient-via-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .lg\:focus\:via-blue-900:focus {
-    --gradient-via-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .lg\:focus\:via-indigo-50:focus {
-    --gradient-via-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .lg\:focus\:via-indigo-100:focus {
-    --gradient-via-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .lg\:focus\:via-indigo-200:focus {
-    --gradient-via-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .lg\:focus\:via-indigo-300:focus {
-    --gradient-via-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .lg\:focus\:via-indigo-400:focus {
-    --gradient-via-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .lg\:focus\:via-indigo-500:focus {
-    --gradient-via-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .lg\:focus\:via-indigo-600:focus {
-    --gradient-via-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .lg\:focus\:via-indigo-700:focus {
-    --gradient-via-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .lg\:focus\:via-indigo-800:focus {
-    --gradient-via-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .lg\:focus\:via-indigo-900:focus {
-    --gradient-via-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .lg\:focus\:via-purple-50:focus {
-    --gradient-via-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .lg\:focus\:via-purple-100:focus {
-    --gradient-via-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .lg\:focus\:via-purple-200:focus {
-    --gradient-via-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .lg\:focus\:via-purple-300:focus {
-    --gradient-via-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .lg\:focus\:via-purple-400:focus {
-    --gradient-via-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .lg\:focus\:via-purple-500:focus {
-    --gradient-via-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .lg\:focus\:via-purple-600:focus {
-    --gradient-via-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .lg\:focus\:via-purple-700:focus {
-    --gradient-via-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .lg\:focus\:via-purple-800:focus {
-    --gradient-via-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .lg\:focus\:via-purple-900:focus {
-    --gradient-via-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .lg\:focus\:via-pink-50:focus {
-    --gradient-via-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .lg\:focus\:via-pink-100:focus {
-    --gradient-via-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .lg\:focus\:via-pink-200:focus {
-    --gradient-via-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .lg\:focus\:via-pink-300:focus {
-    --gradient-via-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .lg\:focus\:via-pink-400:focus {
-    --gradient-via-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .lg\:focus\:via-pink-500:focus {
-    --gradient-via-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .lg\:focus\:via-pink-600:focus {
-    --gradient-via-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .lg\:focus\:via-pink-700:focus {
-    --gradient-via-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .lg\:focus\:via-pink-800:focus {
-    --gradient-via-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .lg\:focus\:via-pink-900:focus {
-    --gradient-via-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .lg\:focus\:via-cool-gray-50:focus {
-    --gradient-via-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .lg\:focus\:via-cool-gray-100:focus {
-    --gradient-via-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .lg\:focus\:via-cool-gray-200:focus {
-    --gradient-via-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .lg\:focus\:via-cool-gray-300:focus {
-    --gradient-via-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .lg\:focus\:via-cool-gray-400:focus {
-    --gradient-via-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .lg\:focus\:via-cool-gray-500:focus {
-    --gradient-via-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .lg\:focus\:via-cool-gray-600:focus {
-    --gradient-via-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .lg\:focus\:via-cool-gray-700:focus {
-    --gradient-via-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .lg\:focus\:via-cool-gray-800:focus {
-    --gradient-via-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .lg\:focus\:via-cool-gray-900:focus {
-    --gradient-via-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .lg\:focus\:to-current:focus {
-    --gradient-to-color: currentColor;
-  }
-
-  .lg\:focus\:to-transparent:focus {
-    --gradient-to-color: transparent;
-  }
-
-  .lg\:focus\:to-white:focus {
-    --gradient-to-color: #ffffff;
-  }
-
-  .lg\:focus\:to-black:focus {
-    --gradient-to-color: #000000;
-  }
-
-  .lg\:focus\:to-gray-50:focus {
-    --gradient-to-color: #f9fafb;
-  }
-
-  .lg\:focus\:to-gray-100:focus {
-    --gradient-to-color: #f4f5f7;
-  }
-
-  .lg\:focus\:to-gray-200:focus {
-    --gradient-to-color: #e5e7eb;
-  }
-
-  .lg\:focus\:to-gray-300:focus {
-    --gradient-to-color: #d2d6dc;
-  }
-
-  .lg\:focus\:to-gray-400:focus {
-    --gradient-to-color: #9fa6b2;
-  }
-
-  .lg\:focus\:to-gray-500:focus {
-    --gradient-to-color: #6b7280;
-  }
-
-  .lg\:focus\:to-gray-600:focus {
-    --gradient-to-color: #4b5563;
-  }
-
-  .lg\:focus\:to-gray-700:focus {
-    --gradient-to-color: #374151;
-  }
-
-  .lg\:focus\:to-gray-800:focus {
-    --gradient-to-color: #252f3f;
-  }
-
-  .lg\:focus\:to-gray-900:focus {
-    --gradient-to-color: #161e2e;
-  }
-
-  .lg\:focus\:to-red-50:focus {
-    --gradient-to-color: #fdf2f2;
-  }
-
-  .lg\:focus\:to-red-100:focus {
-    --gradient-to-color: #fde8e8;
-  }
-
-  .lg\:focus\:to-red-200:focus {
-    --gradient-to-color: #fbd5d5;
-  }
-
-  .lg\:focus\:to-red-300:focus {
-    --gradient-to-color: #f8b4b4;
-  }
-
-  .lg\:focus\:to-red-400:focus {
-    --gradient-to-color: #f98080;
-  }
-
-  .lg\:focus\:to-red-500:focus {
-    --gradient-to-color: #f05252;
-  }
-
-  .lg\:focus\:to-red-600:focus {
-    --gradient-to-color: #e02424;
-  }
-
-  .lg\:focus\:to-red-700:focus {
-    --gradient-to-color: #c81e1e;
-  }
-
-  .lg\:focus\:to-red-800:focus {
-    --gradient-to-color: #9b1c1c;
-  }
-
-  .lg\:focus\:to-red-900:focus {
-    --gradient-to-color: #771d1d;
-  }
-
-  .lg\:focus\:to-orange-50:focus {
-    --gradient-to-color: #fff8f1;
-  }
-
-  .lg\:focus\:to-orange-100:focus {
-    --gradient-to-color: #feecdc;
-  }
-
-  .lg\:focus\:to-orange-200:focus {
-    --gradient-to-color: #fcd9bd;
-  }
-
-  .lg\:focus\:to-orange-300:focus {
-    --gradient-to-color: #fdba8c;
-  }
-
-  .lg\:focus\:to-orange-400:focus {
-    --gradient-to-color: #ff8a4c;
-  }
-
-  .lg\:focus\:to-orange-500:focus {
-    --gradient-to-color: #ff5a1f;
-  }
-
-  .lg\:focus\:to-orange-600:focus {
-    --gradient-to-color: #d03801;
-  }
-
-  .lg\:focus\:to-orange-700:focus {
-    --gradient-to-color: #b43403;
-  }
-
-  .lg\:focus\:to-orange-800:focus {
-    --gradient-to-color: #8a2c0d;
-  }
-
-  .lg\:focus\:to-orange-900:focus {
-    --gradient-to-color: #73230d;
-  }
-
-  .lg\:focus\:to-yellow-50:focus {
-    --gradient-to-color: #fdfdea;
-  }
-
-  .lg\:focus\:to-yellow-100:focus {
-    --gradient-to-color: #fdf6b2;
-  }
-
-  .lg\:focus\:to-yellow-200:focus {
-    --gradient-to-color: #fce96a;
-  }
-
-  .lg\:focus\:to-yellow-300:focus {
-    --gradient-to-color: #faca15;
-  }
-
-  .lg\:focus\:to-yellow-400:focus {
-    --gradient-to-color: #e3a008;
-  }
-
-  .lg\:focus\:to-yellow-500:focus {
-    --gradient-to-color: #c27803;
-  }
-
-  .lg\:focus\:to-yellow-600:focus {
-    --gradient-to-color: #9f580a;
-  }
-
-  .lg\:focus\:to-yellow-700:focus {
-    --gradient-to-color: #8e4b10;
-  }
-
-  .lg\:focus\:to-yellow-800:focus {
-    --gradient-to-color: #723b13;
-  }
-
-  .lg\:focus\:to-yellow-900:focus {
-    --gradient-to-color: #633112;
-  }
-
-  .lg\:focus\:to-green-50:focus {
-    --gradient-to-color: #f3faf7;
-  }
-
-  .lg\:focus\:to-green-100:focus {
-    --gradient-to-color: #def7ec;
-  }
-
-  .lg\:focus\:to-green-200:focus {
-    --gradient-to-color: #bcf0da;
-  }
-
-  .lg\:focus\:to-green-300:focus {
-    --gradient-to-color: #84e1bc;
-  }
-
-  .lg\:focus\:to-green-400:focus {
-    --gradient-to-color: #31c48d;
-  }
-
-  .lg\:focus\:to-green-500:focus {
-    --gradient-to-color: #0e9f6e;
-  }
-
-  .lg\:focus\:to-green-600:focus {
-    --gradient-to-color: #057a55;
-  }
-
-  .lg\:focus\:to-green-700:focus {
-    --gradient-to-color: #046c4e;
-  }
-
-  .lg\:focus\:to-green-800:focus {
-    --gradient-to-color: #03543f;
-  }
-
-  .lg\:focus\:to-green-900:focus {
-    --gradient-to-color: #014737;
-  }
-
-  .lg\:focus\:to-teal-50:focus {
-    --gradient-to-color: #edfafa;
-  }
-
-  .lg\:focus\:to-teal-100:focus {
-    --gradient-to-color: #d5f5f6;
-  }
-
-  .lg\:focus\:to-teal-200:focus {
-    --gradient-to-color: #afecef;
-  }
-
-  .lg\:focus\:to-teal-300:focus {
-    --gradient-to-color: #7edce2;
-  }
-
-  .lg\:focus\:to-teal-400:focus {
-    --gradient-to-color: #16bdca;
-  }
-
-  .lg\:focus\:to-teal-500:focus {
-    --gradient-to-color: #0694a2;
-  }
-
-  .lg\:focus\:to-teal-600:focus {
-    --gradient-to-color: #047481;
-  }
-
-  .lg\:focus\:to-teal-700:focus {
-    --gradient-to-color: #036672;
-  }
-
-  .lg\:focus\:to-teal-800:focus {
-    --gradient-to-color: #05505c;
-  }
-
-  .lg\:focus\:to-teal-900:focus {
-    --gradient-to-color: #014451;
-  }
-
-  .lg\:focus\:to-blue-50:focus {
-    --gradient-to-color: #ebf5ff;
-  }
-
-  .lg\:focus\:to-blue-100:focus {
-    --gradient-to-color: #e1effe;
-  }
-
-  .lg\:focus\:to-blue-200:focus {
-    --gradient-to-color: #c3ddfd;
-  }
-
-  .lg\:focus\:to-blue-300:focus {
-    --gradient-to-color: #a4cafe;
-  }
-
-  .lg\:focus\:to-blue-400:focus {
-    --gradient-to-color: #76a9fa;
-  }
-
-  .lg\:focus\:to-blue-500:focus {
-    --gradient-to-color: #3f83f8;
-  }
-
-  .lg\:focus\:to-blue-600:focus {
-    --gradient-to-color: #1c64f2;
-  }
-
-  .lg\:focus\:to-blue-700:focus {
-    --gradient-to-color: #1a56db;
-  }
-
-  .lg\:focus\:to-blue-800:focus {
-    --gradient-to-color: #1e429f;
-  }
-
-  .lg\:focus\:to-blue-900:focus {
-    --gradient-to-color: #233876;
-  }
-
-  .lg\:focus\:to-indigo-50:focus {
-    --gradient-to-color: #f0f5ff;
-  }
-
-  .lg\:focus\:to-indigo-100:focus {
-    --gradient-to-color: #e5edff;
-  }
-
-  .lg\:focus\:to-indigo-200:focus {
-    --gradient-to-color: #cddbfe;
-  }
-
-  .lg\:focus\:to-indigo-300:focus {
-    --gradient-to-color: #b4c6fc;
-  }
-
-  .lg\:focus\:to-indigo-400:focus {
-    --gradient-to-color: #8da2fb;
-  }
-
-  .lg\:focus\:to-indigo-500:focus {
-    --gradient-to-color: #6875f5;
-  }
-
-  .lg\:focus\:to-indigo-600:focus {
-    --gradient-to-color: #5850ec;
-  }
-
-  .lg\:focus\:to-indigo-700:focus {
-    --gradient-to-color: #5145cd;
-  }
-
-  .lg\:focus\:to-indigo-800:focus {
-    --gradient-to-color: #42389d;
-  }
-
-  .lg\:focus\:to-indigo-900:focus {
-    --gradient-to-color: #362f78;
-  }
-
-  .lg\:focus\:to-purple-50:focus {
-    --gradient-to-color: #f6f5ff;
-  }
-
-  .lg\:focus\:to-purple-100:focus {
-    --gradient-to-color: #edebfe;
-  }
-
-  .lg\:focus\:to-purple-200:focus {
-    --gradient-to-color: #dcd7fe;
-  }
-
-  .lg\:focus\:to-purple-300:focus {
-    --gradient-to-color: #cabffd;
-  }
-
-  .lg\:focus\:to-purple-400:focus {
-    --gradient-to-color: #ac94fa;
-  }
-
-  .lg\:focus\:to-purple-500:focus {
-    --gradient-to-color: #9061f9;
-  }
-
-  .lg\:focus\:to-purple-600:focus {
-    --gradient-to-color: #7e3af2;
-  }
-
-  .lg\:focus\:to-purple-700:focus {
-    --gradient-to-color: #6c2bd9;
-  }
-
-  .lg\:focus\:to-purple-800:focus {
-    --gradient-to-color: #5521b5;
-  }
-
-  .lg\:focus\:to-purple-900:focus {
-    --gradient-to-color: #4a1d96;
-  }
-
-  .lg\:focus\:to-pink-50:focus {
-    --gradient-to-color: #fdf2f8;
-  }
-
-  .lg\:focus\:to-pink-100:focus {
-    --gradient-to-color: #fce8f3;
-  }
-
-  .lg\:focus\:to-pink-200:focus {
-    --gradient-to-color: #fad1e8;
-  }
-
-  .lg\:focus\:to-pink-300:focus {
-    --gradient-to-color: #f8b4d9;
-  }
-
-  .lg\:focus\:to-pink-400:focus {
-    --gradient-to-color: #f17eb8;
-  }
-
-  .lg\:focus\:to-pink-500:focus {
-    --gradient-to-color: #e74694;
-  }
-
-  .lg\:focus\:to-pink-600:focus {
-    --gradient-to-color: #d61f69;
-  }
-
-  .lg\:focus\:to-pink-700:focus {
-    --gradient-to-color: #bf125d;
-  }
-
-  .lg\:focus\:to-pink-800:focus {
-    --gradient-to-color: #99154b;
-  }
-
-  .lg\:focus\:to-pink-900:focus {
-    --gradient-to-color: #751a3d;
-  }
-
-  .lg\:focus\:to-cool-gray-50:focus {
-    --gradient-to-color: #f8fafc;
-  }
-
-  .lg\:focus\:to-cool-gray-100:focus {
-    --gradient-to-color: #f1f5f9;
-  }
-
-  .lg\:focus\:to-cool-gray-200:focus {
-    --gradient-to-color: #e2e8f0;
-  }
-
-  .lg\:focus\:to-cool-gray-300:focus {
-    --gradient-to-color: #cfd8e3;
-  }
-
-  .lg\:focus\:to-cool-gray-400:focus {
-    --gradient-to-color: #97a6ba;
-  }
-
-  .lg\:focus\:to-cool-gray-500:focus {
-    --gradient-to-color: #64748b;
-  }
-
-  .lg\:focus\:to-cool-gray-600:focus {
-    --gradient-to-color: #475569;
-  }
-
-  .lg\:focus\:to-cool-gray-700:focus {
-    --gradient-to-color: #364152;
-  }
-
-  .lg\:focus\:to-cool-gray-800:focus {
-    --gradient-to-color: #27303f;
-  }
-
-  .lg\:focus\:to-cool-gray-900:focus {
-    --gradient-to-color: #1a202e;
-  }
-
-  .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-current {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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));
-  }
-
-  .lg\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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));
-  }
-
-  .group:hover .lg\:group-hover\:border-current {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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:hover .lg\:group-hover\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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:focus .lg\:group-focus\:border-current {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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));
-  }
-
-  .group:focus .lg\:group-focus\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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));
-  }
-
-  .lg\:hover\:border-current:hover {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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\:hover\:border-cool-gray-50:hover {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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\:focus-within\:border-current:focus-within {
-    border-color: currentColor;
-  }
-
-  .lg\:focus-within\:border-transparent:focus-within {
-    border-color: transparent;
-  }
-
-  .lg\:focus-within\:border-white:focus-within {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-black:focus-within {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-100:focus-within {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-200:focus-within {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-300:focus-within {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-400:focus-within {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-500:focus-within {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-600:focus-within {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-700:focus-within {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-800:focus-within {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-gray-900:focus-within {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-50:focus-within {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-100:focus-within {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-200:focus-within {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-300:focus-within {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-400:focus-within {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-500:focus-within {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-600:focus-within {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-700:focus-within {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-800:focus-within {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-red-900:focus-within {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-orange-50:focus-within {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-orange-100:focus-within {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-orange-200:focus-within {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-orange-300:focus-within {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-orange-400:focus-within {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-orange-500:focus-within {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-orange-600:focus-within {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-orange-700:focus-within {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-orange-800:focus-within {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-orange-900:focus-within {
-    --border-opacity: 1;
-    border-color: #73230d;
-    border-color: rgba(115, 35, 13, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-50:focus-within {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-100:focus-within {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-200:focus-within {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-300:focus-within {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-400:focus-within {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-500:focus-within {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-600:focus-within {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-700:focus-within {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-800:focus-within {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-yellow-900:focus-within {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-100:focus-within {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-200:focus-within {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-300:focus-within {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-400:focus-within {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-500:focus-within {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-600:focus-within {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-700:focus-within {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-800:focus-within {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-green-900:focus-within {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-teal-50:focus-within {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-teal-100:focus-within {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-teal-200:focus-within {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-teal-300:focus-within {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-teal-400:focus-within {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-teal-500:focus-within {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-teal-600:focus-within {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-teal-700:focus-within {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-teal-800:focus-within {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-teal-900:focus-within {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-50:focus-within {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-100:focus-within {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-200:focus-within {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-300:focus-within {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-400:focus-within {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-500:focus-within {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-600:focus-within {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-700:focus-within {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-800:focus-within {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-blue-900:focus-within {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-100:focus-within {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-200:focus-within {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-300:focus-within {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-400:focus-within {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-500:focus-within {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-600:focus-within {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-700:focus-within {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-800:focus-within {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-indigo-900:focus-within {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-purple-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-purple-100:focus-within {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-purple-200:focus-within {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-purple-300:focus-within {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-purple-400:focus-within {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-purple-500:focus-within {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-purple-600:focus-within {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-purple-700:focus-within {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-purple-800:focus-within {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-purple-900:focus-within {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-pink-50:focus-within {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-pink-100:focus-within {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-pink-200:focus-within {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-pink-300:focus-within {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-pink-400:focus-within {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-pink-500:focus-within {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-pink-600:focus-within {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-pink-700:focus-within {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-pink-800:focus-within {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-pink-900:focus-within {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-cool-gray-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-cool-gray-100:focus-within {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-cool-gray-200:focus-within {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-cool-gray-300:focus-within {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-cool-gray-400:focus-within {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-cool-gray-500:focus-within {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-cool-gray-600:focus-within {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-cool-gray-700:focus-within {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-cool-gray-800:focus-within {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .lg\:focus-within\:border-cool-gray-900:focus-within {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-current:focus {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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\:focus\:border-cool-gray-50:focus {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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\: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-xl {
-    border-radius: 0.75rem;
-  }
-
-  .lg\:rounded-2xl {
-    border-radius: 1rem;
-  }
-
-  .lg\:rounded-3xl {
-    border-radius: 1.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-xl {
-    border-top-left-radius: 0.75rem;
-    border-top-right-radius: 0.75rem;
-  }
-
-  .lg\:rounded-r-xl {
-    border-top-right-radius: 0.75rem;
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .lg\:rounded-b-xl {
-    border-bottom-right-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .lg\:rounded-l-xl {
-    border-top-left-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .lg\:rounded-t-2xl {
-    border-top-left-radius: 1rem;
-    border-top-right-radius: 1rem;
-  }
-
-  .lg\:rounded-r-2xl {
-    border-top-right-radius: 1rem;
-    border-bottom-right-radius: 1rem;
-  }
-
-  .lg\:rounded-b-2xl {
-    border-bottom-right-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .lg\:rounded-l-2xl {
-    border-top-left-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .lg\:rounded-t-3xl {
-    border-top-left-radius: 1.5rem;
-    border-top-right-radius: 1.5rem;
-  }
-
-  .lg\:rounded-r-3xl {
-    border-top-right-radius: 1.5rem;
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .lg\:rounded-b-3xl {
-    border-bottom-right-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .lg\:rounded-l-3xl {
-    border-top-left-radius: 1.5rem;
-    border-bottom-left-radius: 1.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-xl {
-    border-top-left-radius: 0.75rem;
-  }
-
-  .lg\:rounded-tr-xl {
-    border-top-right-radius: 0.75rem;
-  }
-
-  .lg\:rounded-br-xl {
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .lg\:rounded-bl-xl {
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .lg\:rounded-tl-2xl {
-    border-top-left-radius: 1rem;
-  }
-
-  .lg\:rounded-tr-2xl {
-    border-top-right-radius: 1rem;
-  }
-
-  .lg\:rounded-br-2xl {
-    border-bottom-right-radius: 1rem;
-  }
-
-  .lg\:rounded-bl-2xl {
-    border-bottom-left-radius: 1rem;
-  }
-
-  .lg\:rounded-tl-3xl {
-    border-top-left-radius: 1.5rem;
-  }
-
-  .lg\:rounded-tr-3xl {
-    border-top-right-radius: 1.5rem;
-  }
-
-  .lg\:rounded-br-3xl {
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .lg\:rounded-bl-3xl {
-    border-bottom-left-radius: 1.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\:contents {
-    display: contents;
-  }
-
-  .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\:place-items-auto {
-    place-items: auto;
-  }
-
-  .lg\:place-items-start {
-    place-items: start;
-  }
-
-  .lg\:place-items-end {
-    place-items: end;
-  }
-
-  .lg\:place-items-center {
-    place-items: center;
-  }
-
-  .lg\:place-items-stretch {
-    place-items: stretch;
-  }
-
-  .lg\:place-content-center {
-    place-content: center;
-  }
-
-  .lg\:place-content-start {
-    place-content: start;
-  }
-
-  .lg\:place-content-end {
-    place-content: end;
-  }
-
-  .lg\:place-content-between {
-    place-content: space-between;
-  }
-
-  .lg\:place-content-around {
-    place-content: space-around;
-  }
-
-  .lg\:place-content-evenly {
-    place-content: space-evenly;
-  }
-
-  .lg\:place-content-stretch {
-    place-content: stretch;
-  }
-
-  .lg\:place-self-auto {
-    place-self: auto;
-  }
-
-  .lg\:place-self-start {
-    place-self: start;
-  }
-
-  .lg\:place-self-end {
-    place-self: end;
-  }
-
-  .lg\:place-self-center {
-    place-self: center;
-  }
-
-  .lg\:place-self-stretch {
-    place-self: stretch;
-  }
-
-  .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\: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\:content-evenly {
-    align-content: space-evenly;
-  }
-
-  .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-items-auto {
-    justify-items: auto;
-  }
-
-  .lg\:justify-items-start {
-    justify-items: start;
-  }
-
-  .lg\:justify-items-end {
-    justify-items: end;
-  }
-
-  .lg\:justify-items-center {
-    justify-items: center;
-  }
-
-  .lg\:justify-items-stretch {
-    justify-items: 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\:justify-self-auto {
-    justify-self: auto;
-  }
-
-  .lg\:justify-self-start {
-    justify-self: start;
-  }
-
-  .lg\:justify-self-end {
-    justify-self: end;
-  }
-
-  .lg\:justify-self-center {
-    justify-self: center;
-  }
-
-  .lg\:justify-self-stretch {
-    justify-self: stretch;
-  }
-
-  .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-44 {
-    height: 11rem;
-  }
-
-  .lg\:h-48 {
-    height: 12rem;
-  }
-
-  .lg\:h-52 {
-    height: 13rem;
-  }
-
-  .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-44 {
-    margin: 11rem;
-  }
-
-  .lg\:m-48 {
-    margin: 12rem;
-  }
-
-  .lg\:m-52 {
-    margin: 13rem;
-  }
-
-  .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-44 {
-    margin: -11rem;
-  }
-
-  .lg\:-m-48 {
-    margin: -12rem;
-  }
-
-  .lg\:-m-52 {
-    margin: -13rem;
-  }
-
-  .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-44 {
-    margin-top: 11rem;
-    margin-bottom: 11rem;
-  }
-
-  .lg\:mx-44 {
-    margin-left: 11rem;
-    margin-right: 11rem;
-  }
-
-  .lg\:my-48 {
-    margin-top: 12rem;
-    margin-bottom: 12rem;
-  }
-
-  .lg\:mx-48 {
-    margin-left: 12rem;
-    margin-right: 12rem;
-  }
-
-  .lg\:my-52 {
-    margin-top: 13rem;
-    margin-bottom: 13rem;
-  }
-
-  .lg\:mx-52 {
-    margin-left: 13rem;
-    margin-right: 13rem;
-  }
-
-  .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-44 {
-    margin-top: -11rem;
-    margin-bottom: -11rem;
-  }
-
-  .lg\:-mx-44 {
-    margin-left: -11rem;
-    margin-right: -11rem;
-  }
-
-  .lg\:-my-48 {
-    margin-top: -12rem;
-    margin-bottom: -12rem;
-  }
-
-  .lg\:-mx-48 {
-    margin-left: -12rem;
-    margin-right: -12rem;
-  }
-
-  .lg\:-my-52 {
-    margin-top: -13rem;
-    margin-bottom: -13rem;
-  }
-
-  .lg\:-mx-52 {
-    margin-left: -13rem;
-    margin-right: -13rem;
-  }
-
-  .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-44 {
-    margin-top: 11rem;
-  }
-
-  .lg\:mr-44 {
-    margin-right: 11rem;
-  }
-
-  .lg\:mb-44 {
-    margin-bottom: 11rem;
-  }
-
-  .lg\:ml-44 {
-    margin-left: 11rem;
-  }
-
-  .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-52 {
-    margin-top: 13rem;
-  }
-
-  .lg\:mr-52 {
-    margin-right: 13rem;
-  }
-
-  .lg\:mb-52 {
-    margin-bottom: 13rem;
-  }
-
-  .lg\:ml-52 {
-    margin-left: 13rem;
-  }
-
-  .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-44 {
-    margin-top: -11rem;
-  }
-
-  .lg\:-mr-44 {
-    margin-right: -11rem;
-  }
-
-  .lg\:-mb-44 {
-    margin-bottom: -11rem;
-  }
-
-  .lg\:-ml-44 {
-    margin-left: -11rem;
-  }
-
-  .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-52 {
-    margin-top: -13rem;
-  }
-
-  .lg\:-mr-52 {
-    margin-right: -13rem;
-  }
-
-  .lg\:-mb-52 {
-    margin-bottom: -13rem;
-  }
-
-  .lg\:-ml-52 {
-    margin-left: -13rem;
-  }
-
-  .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-44 {
-    max-height: 11rem;
-  }
-
-  .lg\:max-h-48 {
-    max-height: 12rem;
-  }
-
-  .lg\:max-h-52 {
-    max-height: 13rem;
-  }
-
-  .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-0 {
-    max-width: 0rem;
-  }
-
-  .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-min-content {
-    max-width: -webkit-min-content;
-    max-width: -moz-min-content;
-    max-width: min-content;
-  }
-
-  .lg\:max-w-max-content {
-    max-width: -webkit-max-content;
-    max-width: -moz-max-content;
-    max-width: max-content;
-  }
-
-  .lg\:max-w-prose {
-    max-width: 65ch;
-  }
-
-  .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\:min-w-min-content {
-    min-width: -webkit-min-content;
-    min-width: -moz-min-content;
-    min-width: min-content;
-  }
-
-  .lg\:min-w-max-content {
-    min-width: -webkit-max-content;
-    min-width: -moz-max-content;
-    min-width: max-content;
-  }
-
-  .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\:focus-within\:opacity-0:focus-within {
-    opacity: 0;
-  }
-
-  .lg\:focus-within\:opacity-25:focus-within {
-    opacity: 0.25;
-  }
-
-  .lg\:focus-within\:opacity-50:focus-within {
-    opacity: 0.5;
-  }
-
-  .lg\:focus-within\:opacity-75:focus-within {
-    opacity: 0.75;
-  }
-
-  .lg\:focus-within\:opacity-100:focus-within {
-    opacity: 1;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-0 {
-    opacity: 0;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .group:hover .lg\:group-hover\:opacity-100 {
-    opacity: 1;
-  }
-
-  .group:focus .lg\:group-focus\:opacity-0 {
-    opacity: 0;
-  }
-
-  .group:focus .lg\:group-focus\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .group:focus .lg\:group-focus\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .group:focus .lg\:group-focus\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .group:focus .lg\:group-focus\: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: 2px solid transparent;
-    outline-offset: 2px;
-  }
-
-  .lg\:outline-white {
-    outline: 2px dotted white;
-    outline-offset: 2px;
-  }
-
-  .lg\:outline-black {
-    outline: 2px dotted black;
-    outline-offset: 2px;
-  }
-
-  .lg\:focus\:outline-none:focus {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-  }
-
-  .lg\:focus\:outline-white:focus {
-    outline: 2px dotted white;
-    outline-offset: 2px;
-  }
-
-  .lg\:focus\:outline-black:focus {
-    outline: 2px dotted black;
-    outline-offset: 2px;
-  }
-
-  .lg\:overflow-auto {
-    overflow: auto;
-  }
-
-  .lg\:overflow-hidden {
-    overflow: hidden;
-  }
-
-  .lg\:overflow-visible {
-    overflow: visible;
-  }
-
-  .lg\:overflow-scroll {
-    overflow: scroll;
-  }
-
-  .lg\:overflow-x-auto {
-    overflow-x: auto;
-  }
-
-  .lg\:overflow-y-auto {
-    overflow-y: auto;
-  }
-
-  .lg\:overflow-x-hidden {
-    overflow-x: hidden;
-  }
-
-  .lg\:overflow-y-hidden {
-    overflow-y: hidden;
-  }
-
-  .lg\:overflow-x-visible {
-    overflow-x: visible;
-  }
-
-  .lg\:overflow-y-visible {
-    overflow-y: visible;
-  }
-
-  .lg\:overflow-x-scroll {
-    overflow-x: scroll;
-  }
-
-  .lg\:overflow-y-scroll {
-    overflow-y: scroll;
-  }
-
-  .lg\:scrolling-touch {
-    -webkit-overflow-scrolling: touch;
-  }
-
-  .lg\:scrolling-auto {
-    -webkit-overflow-scrolling: auto;
-  }
-
-  .lg\:overscroll-auto {
-    -ms-scroll-chaining: chained;
-        overscroll-behavior: auto;
-  }
-
-  .lg\:overscroll-contain {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: contain;
-  }
-
-  .lg\:overscroll-none {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: none;
-  }
-
-  .lg\:overscroll-y-auto {
-    overscroll-behavior-y: auto;
-  }
-
-  .lg\:overscroll-y-contain {
-    overscroll-behavior-y: contain;
-  }
-
-  .lg\:overscroll-y-none {
-    overscroll-behavior-y: none;
-  }
-
-  .lg\:overscroll-x-auto {
-    overscroll-behavior-x: auto;
-  }
-
-  .lg\:overscroll-x-contain {
-    overscroll-behavior-x: contain;
-  }
-
-  .lg\:overscroll-x-none {
-    overscroll-behavior-x: none;
-  }
-
-  .lg\:p-0 {
-    padding: 0;
-  }
-
-  .lg\:p-1 {
-    padding: 0.25rem;
-  }
-
-  .lg\:p-2 {
-    padding: 0.5rem;
-  }
-
-  .lg\:p-3 {
-    padding: 0.75rem;
-  }
-
-  .lg\:p-4 {
-    padding: 1rem;
-  }
-
-  .lg\:p-5 {
-    padding: 1.25rem;
-  }
-
-  .lg\:p-6 {
-    padding: 1.5rem;
-  }
-
-  .lg\:p-7 {
-    padding: 1.75rem;
-  }
-
-  .lg\:p-8 {
-    padding: 2rem;
-  }
-
-  .lg\:p-9 {
-    padding: 2.25rem;
-  }
-
-  .lg\:p-10 {
-    padding: 2.5rem;
-  }
-
-  .lg\:p-11 {
-    padding: 2.75rem;
-  }
-
-  .lg\:p-12 {
-    padding: 3rem;
-  }
-
-  .lg\:p-13 {
-    padding: 3.25rem;
-  }
-
-  .lg\:p-14 {
-    padding: 3.5rem;
-  }
-
-  .lg\:p-15 {
-    padding: 3.75rem;
-  }
-
-  .lg\:p-16 {
-    padding: 4rem;
-  }
-
-  .lg\:p-20 {
-    padding: 5rem;
-  }
-
-  .lg\:p-24 {
-    padding: 6rem;
-  }
-
-  .lg\:p-28 {
-    padding: 7rem;
-  }
-
-  .lg\:p-32 {
-    padding: 8rem;
-  }
-
-  .lg\:p-36 {
-    padding: 9rem;
-  }
-
-  .lg\:p-40 {
-    padding: 10rem;
-  }
-
-  .lg\:p-44 {
-    padding: 11rem;
-  }
-
-  .lg\:p-48 {
-    padding: 12rem;
-  }
-
-  .lg\:p-52 {
-    padding: 13rem;
-  }
-
-  .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-44 {
-    padding-top: 11rem;
-    padding-bottom: 11rem;
-  }
-
-  .lg\:px-44 {
-    padding-left: 11rem;
-    padding-right: 11rem;
-  }
-
-  .lg\:py-48 {
-    padding-top: 12rem;
-    padding-bottom: 12rem;
-  }
-
-  .lg\:px-48 {
-    padding-left: 12rem;
-    padding-right: 12rem;
-  }
-
-  .lg\:py-52 {
-    padding-top: 13rem;
-    padding-bottom: 13rem;
-  }
-
-  .lg\:px-52 {
-    padding-left: 13rem;
-    padding-right: 13rem;
-  }
-
-  .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-44 {
-    padding-top: 11rem;
-  }
-
-  .lg\:pr-44 {
-    padding-right: 11rem;
-  }
-
-  .lg\:pb-44 {
-    padding-bottom: 11rem;
-  }
-
-  .lg\:pl-44 {
-    padding-left: 11rem;
-  }
-
-  .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-52 {
-    padding-top: 13rem;
-  }
-
-  .lg\:pr-52 {
-    padding-right: 13rem;
-  }
-
-  .lg\:pb-52 {
-    padding-bottom: 13rem;
-  }
-
-  .lg\:pl-52 {
-    padding-left: 13rem;
-  }
-
-  .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-current::-moz-placeholder {
-    color: currentColor;
-  }
-
-  .lg\:placeholder-current:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .lg\:placeholder-current::placeholder {
-    color: currentColor;
-  }
-
-  .lg\:placeholder-transparent::-moz-placeholder {
-    color: transparent;
-  }
-
-  .lg\:placeholder-transparent:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .lg\:placeholder-transparent::placeholder {
-    color: transparent;
-  }
-
-  .lg\:placeholder-white::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-white:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-white::placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-black::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-black:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-black::placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, 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::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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::placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-current:focus::-moz-placeholder {
-    color: currentColor;
-  }
-
-  .lg\:focus\:placeholder-current:focus:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .lg\:focus\:placeholder-current:focus::placeholder {
-    color: currentColor;
-  }
-
-  .lg\:focus\:placeholder-transparent:focus::-moz-placeholder {
-    color: transparent;
-  }
-
-  .lg\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .lg\:focus\:placeholder-transparent:focus::placeholder {
-    color: transparent;
-  }
-
-  .lg\:focus\:placeholder-white:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-white:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-white:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-black:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-black:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-black:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, 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::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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::placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-opacity-0::-moz-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .lg\:placeholder-opacity-0:-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .lg\:placeholder-opacity-0::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .lg\:placeholder-opacity-25::-moz-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .lg\:placeholder-opacity-25:-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .lg\:placeholder-opacity-25::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .lg\:placeholder-opacity-50::-moz-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .lg\:placeholder-opacity-50:-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .lg\:placeholder-opacity-50::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .lg\:placeholder-opacity-75::-moz-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .lg\:placeholder-opacity-75:-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .lg\:placeholder-opacity-75::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .lg\:placeholder-opacity-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .lg\:placeholder-opacity-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .lg\:placeholder-opacity-100::placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .lg\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .lg\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .lg\:focus\:placeholder-opacity-0:focus::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .lg\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .lg\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .lg\:focus\:placeholder-opacity-25:focus::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .lg\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .lg\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .lg\:focus\:placeholder-opacity-50:focus::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .lg\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .lg\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .lg\:focus\:placeholder-opacity-75:focus::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .lg\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .lg\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .lg\:focus\:placeholder-opacity-100:focus::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-44 {
-    top: 11rem;
-    right: 11rem;
-    bottom: 11rem;
-    left: 11rem;
-  }
-
-  .lg\:inset-48 {
-    top: 12rem;
-    right: 12rem;
-    bottom: 12rem;
-    left: 12rem;
-  }
-
-  .lg\:inset-52 {
-    top: 13rem;
-    right: 13rem;
-    bottom: 13rem;
-    left: 13rem;
-  }
-
-  .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-44 {
-    top: 11rem;
-    bottom: 11rem;
-  }
-
-  .lg\:inset-x-44 {
-    right: 11rem;
-    left: 11rem;
-  }
-
-  .lg\:inset-y-48 {
-    top: 12rem;
-    bottom: 12rem;
-  }
-
-  .lg\:inset-x-48 {
-    right: 12rem;
-    left: 12rem;
-  }
-
-  .lg\:inset-y-52 {
-    top: 13rem;
-    bottom: 13rem;
-  }
-
-  .lg\:inset-x-52 {
-    right: 13rem;
-    left: 13rem;
-  }
-
-  .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-44 {
-    top: 11rem;
-  }
-
-  .lg\:right-44 {
-    right: 11rem;
-  }
-
-  .lg\:bottom-44 {
-    bottom: 11rem;
-  }
-
-  .lg\:left-44 {
-    left: 11rem;
-  }
-
-  .lg\:top-48 {
-    top: 12rem;
-  }
-
-  .lg\:right-48 {
-    right: 12rem;
-  }
-
-  .lg\:bottom-48 {
-    bottom: 12rem;
-  }
-
-  .lg\:left-48 {
-    left: 12rem;
-  }
-
-  .lg\:top-52 {
-    top: 13rem;
-  }
-
-  .lg\:right-52 {
-    right: 13rem;
-  }
-
-  .lg\:bottom-52 {
-    bottom: 13rem;
-  }
-
-  .lg\:left-52 {
-    left: 13rem;
-  }
-
-  .lg\:top-56 {
-    top: 14rem;
-  }
-
-  .lg\:right-56 {
-    right: 14rem;
-  }
-
-  .lg\:bottom-56 {
-    bottom: 14rem;
-  }
-
-  .lg\:left-56 {
-    left: 14rem;
-  }
-
-  .lg\:top-60 {
-    top: 15rem;
-  }
-
-  .lg\:right-60 {
-    right: 15rem;
-  }
-
-  .lg\:bottom-60 {
-    bottom: 15rem;
-  }
-
-  .lg\:left-60 {
-    left: 15rem;
-  }
-
-  .lg\:top-64 {
-    top: 16rem;
-  }
-
-  .lg\:right-64 {
-    right: 16rem;
-  }
-
-  .lg\:bottom-64 {
-    bottom: 16rem;
-  }
-
-  .lg\:left-64 {
-    left: 16rem;
-  }
-
-  .lg\:top-72 {
-    top: 18rem;
-  }
-
-  .lg\:right-72 {
-    right: 18rem;
-  }
-
-  .lg\:bottom-72 {
-    bottom: 18rem;
-  }
-
-  .lg\:left-72 {
-    left: 18rem;
-  }
-
-  .lg\:top-80 {
-    top: 20rem;
-  }
-
-  .lg\:right-80 {
-    right: 20rem;
-  }
-
-  .lg\:bottom-80 {
-    bottom: 20rem;
-  }
-
-  .lg\:left-80 {
-    left: 20rem;
-  }
-
-  .lg\:top-96 {
-    top: 24rem;
-  }
-
-  .lg\:right-96 {
-    right: 24rem;
-  }
-
-  .lg\:bottom-96 {
-    bottom: 24rem;
-  }
-
-  .lg\:left-96 {
-    left: 24rem;
-  }
-
-  .lg\:top-auto {
-    top: auto;
-  }
-
-  .lg\:right-auto {
-    right: auto;
-  }
-
-  .lg\:bottom-auto {
-    bottom: auto;
-  }
-
-  .lg\:left-auto {
-    left: auto;
-  }
-
-  .lg\:top-px {
-    top: 1px;
-  }
-
-  .lg\:right-px {
-    right: 1px;
-  }
-
-  .lg\:bottom-px {
-    bottom: 1px;
-  }
-
-  .lg\:left-px {
-    left: 1px;
-  }
-
-  .lg\:top-0\.5 {
-    top: 0.125rem;
-  }
-
-  .lg\:right-0\.5 {
-    right: 0.125rem;
-  }
-
-  .lg\:bottom-0\.5 {
-    bottom: 0.125rem;
-  }
-
-  .lg\:left-0\.5 {
-    left: 0.125rem;
-  }
-
-  .lg\:top-1\.5 {
-    top: 0.375rem;
-  }
-
-  .lg\:right-1\.5 {
-    right: 0.375rem;
-  }
-
-  .lg\:bottom-1\.5 {
-    bottom: 0.375rem;
-  }
-
-  .lg\:left-1\.5 {
-    left: 0.375rem;
-  }
-
-  .lg\:top-2\.5 {
-    top: 0.625rem;
-  }
-
-  .lg\:right-2\.5 {
-    right: 0.625rem;
-  }
-
-  .lg\:bottom-2\.5 {
-    bottom: 0.625rem;
-  }
-
-  .lg\:left-2\.5 {
-    left: 0.625rem;
-  }
-
-  .lg\:top-3\.5 {
-    top: 0.875rem;
-  }
-
-  .lg\:right-3\.5 {
-    right: 0.875rem;
-  }
-
-  .lg\:bottom-3\.5 {
-    bottom: 0.875rem;
-  }
-
-  .lg\:left-3\.5 {
-    left: 0.875rem;
-  }
-
-  .lg\:top-1\/2 {
-    top: 50%;
-  }
-
-  .lg\:right-1\/2 {
-    right: 50%;
-  }
-
-  .lg\:bottom-1\/2 {
-    bottom: 50%;
-  }
-
-  .lg\:left-1\/2 {
-    left: 50%;
-  }
-
-  .lg\:top-1\/3 {
-    top: 33.333333%;
-  }
-
-  .lg\:right-1\/3 {
-    right: 33.333333%;
-  }
-
-  .lg\:bottom-1\/3 {
-    bottom: 33.333333%;
-  }
-
-  .lg\:left-1\/3 {
-    left: 33.333333%;
-  }
-
-  .lg\:top-2\/3 {
-    top: 66.666667%;
-  }
-
-  .lg\:right-2\/3 {
-    right: 66.666667%;
-  }
-
-  .lg\:bottom-2\/3 {
-    bottom: 66.666667%;
-  }
-
-  .lg\:left-2\/3 {
-    left: 66.666667%;
-  }
-
-  .lg\:top-1\/4 {
-    top: 25%;
-  }
-
-  .lg\:right-1\/4 {
-    right: 25%;
-  }
-
-  .lg\:bottom-1\/4 {
-    bottom: 25%;
-  }
-
-  .lg\:left-1\/4 {
-    left: 25%;
-  }
-
-  .lg\:top-2\/4 {
-    top: 50%;
-  }
-
-  .lg\:right-2\/4 {
-    right: 50%;
-  }
-
-  .lg\:bottom-2\/4 {
-    bottom: 50%;
-  }
-
-  .lg\:left-2\/4 {
-    left: 50%;
-  }
-
-  .lg\:top-3\/4 {
-    top: 75%;
-  }
-
-  .lg\:right-3\/4 {
-    right: 75%;
-  }
-
-  .lg\:bottom-3\/4 {
-    bottom: 75%;
-  }
-
-  .lg\:left-3\/4 {
-    left: 75%;
-  }
-
-  .lg\:top-1\/5 {
-    top: 20%;
-  }
-
-  .lg\:right-1\/5 {
-    right: 20%;
-  }
-
-  .lg\:bottom-1\/5 {
-    bottom: 20%;
-  }
-
-  .lg\:left-1\/5 {
-    left: 20%;
-  }
-
-  .lg\:top-2\/5 {
-    top: 40%;
-  }
-
-  .lg\:right-2\/5 {
-    right: 40%;
-  }
-
-  .lg\:bottom-2\/5 {
-    bottom: 40%;
-  }
-
-  .lg\:left-2\/5 {
-    left: 40%;
-  }
-
-  .lg\:top-3\/5 {
-    top: 60%;
-  }
-
-  .lg\:right-3\/5 {
-    right: 60%;
-  }
-
-  .lg\:bottom-3\/5 {
-    bottom: 60%;
-  }
-
-  .lg\:left-3\/5 {
-    left: 60%;
-  }
-
-  .lg\:top-4\/5 {
-    top: 80%;
-  }
-
-  .lg\:right-4\/5 {
-    right: 80%;
-  }
-
-  .lg\:bottom-4\/5 {
-    bottom: 80%;
-  }
-
-  .lg\:left-4\/5 {
-    left: 80%;
-  }
-
-  .lg\:top-1\/6 {
-    top: 16.666667%;
-  }
-
-  .lg\:right-1\/6 {
-    right: 16.666667%;
-  }
-
-  .lg\:bottom-1\/6 {
-    bottom: 16.666667%;
-  }
-
-  .lg\:left-1\/6 {
-    left: 16.666667%;
-  }
-
-  .lg\:top-2\/6 {
-    top: 33.333333%;
-  }
-
-  .lg\:right-2\/6 {
-    right: 33.333333%;
-  }
-
-  .lg\:bottom-2\/6 {
-    bottom: 33.333333%;
-  }
-
-  .lg\:left-2\/6 {
-    left: 33.333333%;
-  }
-
-  .lg\:top-3\/6 {
-    top: 50%;
-  }
-
-  .lg\:right-3\/6 {
-    right: 50%;
-  }
-
-  .lg\:bottom-3\/6 {
-    bottom: 50%;
-  }
-
-  .lg\:left-3\/6 {
-    left: 50%;
-  }
-
-  .lg\:top-4\/6 {
-    top: 66.666667%;
-  }
-
-  .lg\:right-4\/6 {
-    right: 66.666667%;
-  }
-
-  .lg\:bottom-4\/6 {
-    bottom: 66.666667%;
-  }
-
-  .lg\:left-4\/6 {
-    left: 66.666667%;
-  }
-
-  .lg\:top-5\/6 {
-    top: 83.333333%;
-  }
-
-  .lg\:right-5\/6 {
-    right: 83.333333%;
-  }
-
-  .lg\:bottom-5\/6 {
-    bottom: 83.333333%;
-  }
-
-  .lg\:left-5\/6 {
-    left: 83.333333%;
-  }
-
-  .lg\:top-1\/12 {
-    top: 8.333333%;
-  }
-
-  .lg\:right-1\/12 {
-    right: 8.333333%;
-  }
-
-  .lg\:bottom-1\/12 {
-    bottom: 8.333333%;
-  }
-
-  .lg\:left-1\/12 {
-    left: 8.333333%;
-  }
-
-  .lg\:top-2\/12 {
-    top: 16.666667%;
-  }
-
-  .lg\:right-2\/12 {
-    right: 16.666667%;
-  }
-
-  .lg\:bottom-2\/12 {
-    bottom: 16.666667%;
-  }
-
-  .lg\:left-2\/12 {
-    left: 16.666667%;
-  }
-
-  .lg\:top-3\/12 {
-    top: 25%;
-  }
-
-  .lg\:right-3\/12 {
-    right: 25%;
-  }
-
-  .lg\:bottom-3\/12 {
-    bottom: 25%;
-  }
-
-  .lg\:left-3\/12 {
-    left: 25%;
-  }
-
-  .lg\:top-4\/12 {
-    top: 33.333333%;
-  }
-
-  .lg\:right-4\/12 {
-    right: 33.333333%;
-  }
-
-  .lg\:bottom-4\/12 {
-    bottom: 33.333333%;
-  }
-
-  .lg\:left-4\/12 {
-    left: 33.333333%;
-  }
-
-  .lg\:top-5\/12 {
-    top: 41.666667%;
-  }
-
-  .lg\:right-5\/12 {
-    right: 41.666667%;
-  }
-
-  .lg\:bottom-5\/12 {
-    bottom: 41.666667%;
-  }
-
-  .lg\:left-5\/12 {
-    left: 41.666667%;
-  }
-
-  .lg\:top-6\/12 {
-    top: 50%;
-  }
-
-  .lg\:right-6\/12 {
-    right: 50%;
-  }
-
-  .lg\:bottom-6\/12 {
-    bottom: 50%;
-  }
-
-  .lg\:left-6\/12 {
-    left: 50%;
-  }
-
-  .lg\:top-7\/12 {
-    top: 58.333333%;
-  }
-
-  .lg\:right-7\/12 {
-    right: 58.333333%;
-  }
-
-  .lg\:bottom-7\/12 {
-    bottom: 58.333333%;
-  }
-
-  .lg\:left-7\/12 {
-    left: 58.333333%;
-  }
-
-  .lg\:top-8\/12 {
-    top: 66.666667%;
-  }
-
-  .lg\:right-8\/12 {
-    right: 66.666667%;
-  }
-
-  .lg\:bottom-8\/12 {
-    bottom: 66.666667%;
-  }
-
-  .lg\:left-8\/12 {
-    left: 66.666667%;
-  }
-
-  .lg\:top-9\/12 {
-    top: 75%;
-  }
-
-  .lg\:right-9\/12 {
-    right: 75%;
-  }
-
-  .lg\:bottom-9\/12 {
-    bottom: 75%;
-  }
-
-  .lg\:left-9\/12 {
-    left: 75%;
-  }
-
-  .lg\:top-10\/12 {
-    top: 83.333333%;
-  }
-
-  .lg\:right-10\/12 {
-    right: 83.333333%;
-  }
-
-  .lg\:bottom-10\/12 {
-    bottom: 83.333333%;
-  }
-
-  .lg\:left-10\/12 {
-    left: 83.333333%;
-  }
-
-  .lg\:top-11\/12 {
-    top: 91.666667%;
-  }
-
-  .lg\:right-11\/12 {
-    right: 91.666667%;
-  }
-
-  .lg\:bottom-11\/12 {
-    bottom: 91.666667%;
-  }
-
-  .lg\:left-11\/12 {
-    left: 91.666667%;
-  }
-
-  .lg\:top-full {
-    top: 100%;
-  }
-
-  .lg\:right-full {
-    right: 100%;
-  }
-
-  .lg\:bottom-full {
-    bottom: 100%;
-  }
-
-  .lg\:left-full {
-    left: 100%;
-  }
-
-  .lg\:resize-none {
-    resize: none;
-  }
-
-  .lg\:resize-y {
-    resize: vertical;
-  }
-
-  .lg\:resize-x {
-    resize: horizontal;
-  }
-
-  .lg\:resize {
-    resize: both;
-  }
-
-  .lg\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .lg\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .lg\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .lg\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .lg\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .lg\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .lg\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .lg\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .lg\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .lg\:shadow-none {
-    box-shadow: none;
-  }
-
-  .lg\:shadow-solid {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .lg\:shadow-outline-gray {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .lg\:shadow-outline-blue {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .lg\:shadow-outline-teal {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .lg\:shadow-outline-green {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .lg\:shadow-outline-yellow {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .lg\:shadow-outline-orange {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .lg\:shadow-outline-red {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .lg\:shadow-outline-pink {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .lg\:shadow-outline-purple {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .lg\:shadow-outline-indigo {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .lg\:group-focus\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-none {
-    box-shadow: none;
-  }
-
-  .group:focus .lg\:group-focus\:shadow-solid {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-gray {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-blue {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-teal {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-green {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-yellow {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-orange {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-red {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-pink {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-purple {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-indigo {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .lg\:hover\:shadow-xs:hover {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .lg\:hover\:shadow-sm:hover {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .lg\:hover\:shadow:hover {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .lg\:hover\:shadow-md:hover {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .lg\:hover\:shadow-lg:hover {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .lg\:hover\:shadow-xl:hover {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .lg\:hover\:shadow-2xl:hover {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .lg\:hover\:shadow-inner:hover {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .lg\:hover\:shadow-outline:hover {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .lg\:hover\:shadow-none:hover {
-    box-shadow: none;
-  }
-
-  .lg\:hover\:shadow-solid:hover {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .lg\:hover\:shadow-outline-gray:hover {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .lg\:hover\:shadow-outline-blue:hover {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .lg\:hover\:shadow-outline-teal:hover {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .lg\:hover\:shadow-outline-green:hover {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .lg\:hover\:shadow-outline-yellow:hover {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .lg\:hover\:shadow-outline-orange:hover {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .lg\:hover\:shadow-outline-red:hover {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .lg\:hover\:shadow-outline-pink:hover {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .lg\:hover\:shadow-outline-purple:hover {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .lg\:hover\:shadow-outline-indigo:hover {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .lg\:focus-within\:shadow-xs:focus-within {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .lg\:focus-within\:shadow-sm:focus-within {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .lg\:focus-within\:shadow:focus-within {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .lg\:focus-within\:shadow-md:focus-within {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .lg\:focus-within\:shadow-lg:focus-within {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .lg\:focus-within\:shadow-xl:focus-within {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .lg\:focus-within\:shadow-2xl:focus-within {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .lg\:focus-within\:shadow-inner:focus-within {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .lg\:focus-within\:shadow-outline:focus-within {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .lg\:focus-within\:shadow-none:focus-within {
-    box-shadow: none;
-  }
-
-  .lg\:focus-within\:shadow-solid:focus-within {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .lg\:focus-within\:shadow-outline-gray:focus-within {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .lg\:focus-within\:shadow-outline-blue:focus-within {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .lg\:focus-within\:shadow-outline-teal:focus-within {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .lg\:focus-within\:shadow-outline-green:focus-within {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .lg\:focus-within\:shadow-outline-yellow:focus-within {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .lg\:focus-within\:shadow-outline-orange:focus-within {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .lg\:focus-within\:shadow-outline-red:focus-within {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .lg\:focus-within\:shadow-outline-pink:focus-within {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .lg\:focus-within\:shadow-outline-purple:focus-within {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .lg\:focus-within\:shadow-outline-indigo:focus-within {
-    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-current {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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));
-  }
-
-  .lg\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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));
-  }
-
-  .group:hover .lg\:group-hover\:text-current {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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:hover .lg\:group-hover\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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:focus .lg\:group-focus\:text-current {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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));
-  }
-
-  .group:focus .lg\:group-focus\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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));
-  }
-
-  .lg\:hover\:text-current:hover {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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\:hover\:text-cool-gray-50:hover {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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\:focus-within\:text-current:focus-within {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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-within\:text-cool-gray-50:focus-within {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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\:text-current:focus {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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\:focus\:text-cool-gray-50:focus {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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\:active\:text-current:active {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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\:active\:text-cool-gray-50:active {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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\: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\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions {
-    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
-    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
-  }
-
-  .lg\:normal-nums {
-    font-variant-numeric: normal;
-  }
-
-  .lg\:ordinal {
-    --font-variant-numeric-ordinal: ordinal;
-  }
-
-  .lg\:slashed-zero {
-    --font-variant-numeric-slashed-zero: slashed-zero;
-  }
-
-  .lg\:lining-nums {
-    --font-variant-numeric-figure: lining-nums;
-  }
-
-  .lg\:oldstyle-nums {
-    --font-variant-numeric-figure: oldstyle-nums;
-  }
-
-  .lg\:proportional-nums {
-    --font-variant-numeric-spacing: proportional-nums;
-  }
-
-  .lg\:tabular-nums {
-    --font-variant-numeric-spacing: tabular-nums;
-  }
-
-  .lg\:diagonal-fractions {
-    --font-variant-numeric-fraction: diagonal-fractions;
-  }
-
-  .lg\:stacked-fractions {
-    --font-variant-numeric-fraction: stacked-fractions;
-  }
-
-  .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 {
-    word-wrap: normal;
-    overflow-wrap: normal;
-    word-break: normal;
-  }
-
-  .lg\:break-words {
-    word-wrap: break-word;
-    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-44 {
-    width: 11rem;
-  }
-
-  .lg\:w-48 {
-    width: 12rem;
-  }
-
-  .lg\:w-52 {
-    width: 13rem;
-  }
-
-  .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\:w-min-content {
-    width: -webkit-min-content;
-    width: -moz-min-content;
-    width: min-content;
-  }
-
-  .lg\:w-max-content {
-    width: -webkit-max-content;
-    width: -moz-max-content;
-    width: max-content;
-  }
-
-  .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-44 {
-    grid-gap: 11rem;
-    gap: 11rem;
-  }
-
-  .lg\:gap-48 {
-    grid-gap: 12rem;
-    gap: 12rem;
-  }
-
-  .lg\:gap-52 {
-    grid-gap: 13rem;
-    gap: 13rem;
-  }
-
-  .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-44 {
-    grid-column-gap: 11rem;
-    -moz-column-gap: 11rem;
-         column-gap: 11rem;
-  }
-
-  .lg\:col-gap-48 {
-    grid-column-gap: 12rem;
-    -moz-column-gap: 12rem;
-         column-gap: 12rem;
-  }
-
-  .lg\:col-gap-52 {
-    grid-column-gap: 13rem;
-    -moz-column-gap: 13rem;
-         column-gap: 13rem;
-  }
-
-  .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\:gap-x-0 {
-    grid-column-gap: 0;
-    -moz-column-gap: 0;
-         column-gap: 0;
-  }
-
-  .lg\:gap-x-1 {
-    grid-column-gap: 0.25rem;
-    -moz-column-gap: 0.25rem;
-         column-gap: 0.25rem;
-  }
-
-  .lg\:gap-x-2 {
-    grid-column-gap: 0.5rem;
-    -moz-column-gap: 0.5rem;
-         column-gap: 0.5rem;
-  }
-
-  .lg\:gap-x-3 {
-    grid-column-gap: 0.75rem;
-    -moz-column-gap: 0.75rem;
-         column-gap: 0.75rem;
-  }
-
-  .lg\:gap-x-4 {
-    grid-column-gap: 1rem;
-    -moz-column-gap: 1rem;
-         column-gap: 1rem;
-  }
-
-  .lg\:gap-x-5 {
-    grid-column-gap: 1.25rem;
-    -moz-column-gap: 1.25rem;
-         column-gap: 1.25rem;
-  }
-
-  .lg\:gap-x-6 {
-    grid-column-gap: 1.5rem;
-    -moz-column-gap: 1.5rem;
-         column-gap: 1.5rem;
-  }
-
-  .lg\:gap-x-7 {
-    grid-column-gap: 1.75rem;
-    -moz-column-gap: 1.75rem;
-         column-gap: 1.75rem;
-  }
-
-  .lg\:gap-x-8 {
-    grid-column-gap: 2rem;
-    -moz-column-gap: 2rem;
-         column-gap: 2rem;
-  }
-
-  .lg\:gap-x-9 {
-    grid-column-gap: 2.25rem;
-    -moz-column-gap: 2.25rem;
-         column-gap: 2.25rem;
-  }
-
-  .lg\:gap-x-10 {
-    grid-column-gap: 2.5rem;
-    -moz-column-gap: 2.5rem;
-         column-gap: 2.5rem;
-  }
-
-  .lg\:gap-x-11 {
-    grid-column-gap: 2.75rem;
-    -moz-column-gap: 2.75rem;
-         column-gap: 2.75rem;
-  }
-
-  .lg\:gap-x-12 {
-    grid-column-gap: 3rem;
-    -moz-column-gap: 3rem;
-         column-gap: 3rem;
-  }
-
-  .lg\:gap-x-13 {
-    grid-column-gap: 3.25rem;
-    -moz-column-gap: 3.25rem;
-         column-gap: 3.25rem;
-  }
-
-  .lg\:gap-x-14 {
-    grid-column-gap: 3.5rem;
-    -moz-column-gap: 3.5rem;
-         column-gap: 3.5rem;
-  }
-
-  .lg\:gap-x-15 {
-    grid-column-gap: 3.75rem;
-    -moz-column-gap: 3.75rem;
-         column-gap: 3.75rem;
-  }
-
-  .lg\:gap-x-16 {
-    grid-column-gap: 4rem;
-    -moz-column-gap: 4rem;
-         column-gap: 4rem;
-  }
-
-  .lg\:gap-x-20 {
-    grid-column-gap: 5rem;
-    -moz-column-gap: 5rem;
-         column-gap: 5rem;
-  }
-
-  .lg\:gap-x-24 {
-    grid-column-gap: 6rem;
-    -moz-column-gap: 6rem;
-         column-gap: 6rem;
-  }
-
-  .lg\:gap-x-28 {
-    grid-column-gap: 7rem;
-    -moz-column-gap: 7rem;
-         column-gap: 7rem;
-  }
-
-  .lg\:gap-x-32 {
-    grid-column-gap: 8rem;
-    -moz-column-gap: 8rem;
-         column-gap: 8rem;
-  }
-
-  .lg\:gap-x-36 {
-    grid-column-gap: 9rem;
-    -moz-column-gap: 9rem;
-         column-gap: 9rem;
-  }
-
-  .lg\:gap-x-40 {
-    grid-column-gap: 10rem;
-    -moz-column-gap: 10rem;
-         column-gap: 10rem;
-  }
-
-  .lg\:gap-x-44 {
-    grid-column-gap: 11rem;
-    -moz-column-gap: 11rem;
-         column-gap: 11rem;
-  }
-
-  .lg\:gap-x-48 {
-    grid-column-gap: 12rem;
-    -moz-column-gap: 12rem;
-         column-gap: 12rem;
-  }
-
-  .lg\:gap-x-52 {
-    grid-column-gap: 13rem;
-    -moz-column-gap: 13rem;
-         column-gap: 13rem;
-  }
-
-  .lg\:gap-x-56 {
-    grid-column-gap: 14rem;
-    -moz-column-gap: 14rem;
-         column-gap: 14rem;
-  }
-
-  .lg\:gap-x-60 {
-    grid-column-gap: 15rem;
-    -moz-column-gap: 15rem;
-         column-gap: 15rem;
-  }
-
-  .lg\:gap-x-64 {
-    grid-column-gap: 16rem;
-    -moz-column-gap: 16rem;
-         column-gap: 16rem;
-  }
-
-  .lg\:gap-x-72 {
-    grid-column-gap: 18rem;
-    -moz-column-gap: 18rem;
-         column-gap: 18rem;
-  }
-
-  .lg\:gap-x-80 {
-    grid-column-gap: 20rem;
-    -moz-column-gap: 20rem;
-         column-gap: 20rem;
-  }
-
-  .lg\:gap-x-96 {
-    grid-column-gap: 24rem;
-    -moz-column-gap: 24rem;
-         column-gap: 24rem;
-  }
-
-  .lg\:gap-x-px {
-    grid-column-gap: 1px;
-    -moz-column-gap: 1px;
-         column-gap: 1px;
-  }
-
-  .lg\:gap-x-0\.5 {
-    grid-column-gap: 0.125rem;
-    -moz-column-gap: 0.125rem;
-         column-gap: 0.125rem;
-  }
-
-  .lg\:gap-x-1\.5 {
-    grid-column-gap: 0.375rem;
-    -moz-column-gap: 0.375rem;
-         column-gap: 0.375rem;
-  }
-
-  .lg\:gap-x-2\.5 {
-    grid-column-gap: 0.625rem;
-    -moz-column-gap: 0.625rem;
-         column-gap: 0.625rem;
-  }
-
-  .lg\:gap-x-3\.5 {
-    grid-column-gap: 0.875rem;
-    -moz-column-gap: 0.875rem;
-         column-gap: 0.875rem;
-  }
-
-  .lg\:gap-x-1\/2 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .lg\:gap-x-1\/3 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .lg\:gap-x-2\/3 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .lg\:gap-x-1\/4 {
-    grid-column-gap: 25%;
-    -moz-column-gap: 25%;
-         column-gap: 25%;
-  }
-
-  .lg\:gap-x-2\/4 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .lg\:gap-x-3\/4 {
-    grid-column-gap: 75%;
-    -moz-column-gap: 75%;
-         column-gap: 75%;
-  }
-
-  .lg\:gap-x-1\/5 {
-    grid-column-gap: 20%;
-    -moz-column-gap: 20%;
-         column-gap: 20%;
-  }
-
-  .lg\:gap-x-2\/5 {
-    grid-column-gap: 40%;
-    -moz-column-gap: 40%;
-         column-gap: 40%;
-  }
-
-  .lg\:gap-x-3\/5 {
-    grid-column-gap: 60%;
-    -moz-column-gap: 60%;
-         column-gap: 60%;
-  }
-
-  .lg\:gap-x-4\/5 {
-    grid-column-gap: 80%;
-    -moz-column-gap: 80%;
-         column-gap: 80%;
-  }
-
-  .lg\:gap-x-1\/6 {
-    grid-column-gap: 16.666667%;
-    -moz-column-gap: 16.666667%;
-         column-gap: 16.666667%;
-  }
-
-  .lg\:gap-x-2\/6 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .lg\:gap-x-3\/6 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .lg\:gap-x-4\/6 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .lg\:gap-x-5\/6 {
-    grid-column-gap: 83.333333%;
-    -moz-column-gap: 83.333333%;
-         column-gap: 83.333333%;
-  }
-
-  .lg\:gap-x-1\/12 {
-    grid-column-gap: 8.333333%;
-    -moz-column-gap: 8.333333%;
-         column-gap: 8.333333%;
-  }
-
-  .lg\:gap-x-2\/12 {
-    grid-column-gap: 16.666667%;
-    -moz-column-gap: 16.666667%;
-         column-gap: 16.666667%;
-  }
-
-  .lg\:gap-x-3\/12 {
-    grid-column-gap: 25%;
-    -moz-column-gap: 25%;
-         column-gap: 25%;
-  }
-
-  .lg\:gap-x-4\/12 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .lg\:gap-x-5\/12 {
-    grid-column-gap: 41.666667%;
-    -moz-column-gap: 41.666667%;
-         column-gap: 41.666667%;
-  }
-
-  .lg\:gap-x-6\/12 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .lg\:gap-x-7\/12 {
-    grid-column-gap: 58.333333%;
-    -moz-column-gap: 58.333333%;
-         column-gap: 58.333333%;
-  }
-
-  .lg\:gap-x-8\/12 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .lg\:gap-x-9\/12 {
-    grid-column-gap: 75%;
-    -moz-column-gap: 75%;
-         column-gap: 75%;
-  }
-
-  .lg\:gap-x-10\/12 {
-    grid-column-gap: 83.333333%;
-    -moz-column-gap: 83.333333%;
-         column-gap: 83.333333%;
-  }
-
-  .lg\:gap-x-11\/12 {
-    grid-column-gap: 91.666667%;
-    -moz-column-gap: 91.666667%;
-         column-gap: 91.666667%;
-  }
-
-  .lg\:gap-x-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-44 {
-    grid-row-gap: 11rem;
-    row-gap: 11rem;
-  }
-
-  .lg\:row-gap-48 {
-    grid-row-gap: 12rem;
-    row-gap: 12rem;
-  }
-
-  .lg\:row-gap-52 {
-    grid-row-gap: 13rem;
-    row-gap: 13rem;
-  }
-
-  .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\:gap-y-0 {
-    grid-row-gap: 0;
-    row-gap: 0;
-  }
-
-  .lg\:gap-y-1 {
-    grid-row-gap: 0.25rem;
-    row-gap: 0.25rem;
-  }
-
-  .lg\:gap-y-2 {
-    grid-row-gap: 0.5rem;
-    row-gap: 0.5rem;
-  }
-
-  .lg\:gap-y-3 {
-    grid-row-gap: 0.75rem;
-    row-gap: 0.75rem;
-  }
-
-  .lg\:gap-y-4 {
-    grid-row-gap: 1rem;
-    row-gap: 1rem;
-  }
-
-  .lg\:gap-y-5 {
-    grid-row-gap: 1.25rem;
-    row-gap: 1.25rem;
-  }
-
-  .lg\:gap-y-6 {
-    grid-row-gap: 1.5rem;
-    row-gap: 1.5rem;
-  }
-
-  .lg\:gap-y-7 {
-    grid-row-gap: 1.75rem;
-    row-gap: 1.75rem;
-  }
-
-  .lg\:gap-y-8 {
-    grid-row-gap: 2rem;
-    row-gap: 2rem;
-  }
-
-  .lg\:gap-y-9 {
-    grid-row-gap: 2.25rem;
-    row-gap: 2.25rem;
-  }
-
-  .lg\:gap-y-10 {
-    grid-row-gap: 2.5rem;
-    row-gap: 2.5rem;
-  }
-
-  .lg\:gap-y-11 {
-    grid-row-gap: 2.75rem;
-    row-gap: 2.75rem;
-  }
-
-  .lg\:gap-y-12 {
-    grid-row-gap: 3rem;
-    row-gap: 3rem;
-  }
-
-  .lg\:gap-y-13 {
-    grid-row-gap: 3.25rem;
-    row-gap: 3.25rem;
-  }
-
-  .lg\:gap-y-14 {
-    grid-row-gap: 3.5rem;
-    row-gap: 3.5rem;
-  }
-
-  .lg\:gap-y-15 {
-    grid-row-gap: 3.75rem;
-    row-gap: 3.75rem;
-  }
-
-  .lg\:gap-y-16 {
-    grid-row-gap: 4rem;
-    row-gap: 4rem;
-  }
-
-  .lg\:gap-y-20 {
-    grid-row-gap: 5rem;
-    row-gap: 5rem;
-  }
-
-  .lg\:gap-y-24 {
-    grid-row-gap: 6rem;
-    row-gap: 6rem;
-  }
-
-  .lg\:gap-y-28 {
-    grid-row-gap: 7rem;
-    row-gap: 7rem;
-  }
-
-  .lg\:gap-y-32 {
-    grid-row-gap: 8rem;
-    row-gap: 8rem;
-  }
-
-  .lg\:gap-y-36 {
-    grid-row-gap: 9rem;
-    row-gap: 9rem;
-  }
-
-  .lg\:gap-y-40 {
-    grid-row-gap: 10rem;
-    row-gap: 10rem;
-  }
-
-  .lg\:gap-y-44 {
-    grid-row-gap: 11rem;
-    row-gap: 11rem;
-  }
-
-  .lg\:gap-y-48 {
-    grid-row-gap: 12rem;
-    row-gap: 12rem;
-  }
-
-  .lg\:gap-y-52 {
-    grid-row-gap: 13rem;
-    row-gap: 13rem;
-  }
-
-  .lg\:gap-y-56 {
-    grid-row-gap: 14rem;
-    row-gap: 14rem;
-  }
-
-  .lg\:gap-y-60 {
-    grid-row-gap: 15rem;
-    row-gap: 15rem;
-  }
-
-  .lg\:gap-y-64 {
-    grid-row-gap: 16rem;
-    row-gap: 16rem;
-  }
-
-  .lg\:gap-y-72 {
-    grid-row-gap: 18rem;
-    row-gap: 18rem;
-  }
-
-  .lg\:gap-y-80 {
-    grid-row-gap: 20rem;
-    row-gap: 20rem;
-  }
-
-  .lg\:gap-y-96 {
-    grid-row-gap: 24rem;
-    row-gap: 24rem;
-  }
-
-  .lg\:gap-y-px {
-    grid-row-gap: 1px;
-    row-gap: 1px;
-  }
-
-  .lg\:gap-y-0\.5 {
-    grid-row-gap: 0.125rem;
-    row-gap: 0.125rem;
-  }
-
-  .lg\:gap-y-1\.5 {
-    grid-row-gap: 0.375rem;
-    row-gap: 0.375rem;
-  }
-
-  .lg\:gap-y-2\.5 {
-    grid-row-gap: 0.625rem;
-    row-gap: 0.625rem;
-  }
-
-  .lg\:gap-y-3\.5 {
-    grid-row-gap: 0.875rem;
-    row-gap: 0.875rem;
-  }
-
-  .lg\:gap-y-1\/2 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .lg\:gap-y-1\/3 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .lg\:gap-y-2\/3 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .lg\:gap-y-1\/4 {
-    grid-row-gap: 25%;
-    row-gap: 25%;
-  }
-
-  .lg\:gap-y-2\/4 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .lg\:gap-y-3\/4 {
-    grid-row-gap: 75%;
-    row-gap: 75%;
-  }
-
-  .lg\:gap-y-1\/5 {
-    grid-row-gap: 20%;
-    row-gap: 20%;
-  }
-
-  .lg\:gap-y-2\/5 {
-    grid-row-gap: 40%;
-    row-gap: 40%;
-  }
-
-  .lg\:gap-y-3\/5 {
-    grid-row-gap: 60%;
-    row-gap: 60%;
-  }
-
-  .lg\:gap-y-4\/5 {
-    grid-row-gap: 80%;
-    row-gap: 80%;
-  }
-
-  .lg\:gap-y-1\/6 {
-    grid-row-gap: 16.666667%;
-    row-gap: 16.666667%;
-  }
-
-  .lg\:gap-y-2\/6 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .lg\:gap-y-3\/6 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .lg\:gap-y-4\/6 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .lg\:gap-y-5\/6 {
-    grid-row-gap: 83.333333%;
-    row-gap: 83.333333%;
-  }
-
-  .lg\:gap-y-1\/12 {
-    grid-row-gap: 8.333333%;
-    row-gap: 8.333333%;
-  }
-
-  .lg\:gap-y-2\/12 {
-    grid-row-gap: 16.666667%;
-    row-gap: 16.666667%;
-  }
-
-  .lg\:gap-y-3\/12 {
-    grid-row-gap: 25%;
-    row-gap: 25%;
-  }
-
-  .lg\:gap-y-4\/12 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .lg\:gap-y-5\/12 {
-    grid-row-gap: 41.666667%;
-    row-gap: 41.666667%;
-  }
-
-  .lg\:gap-y-6\/12 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .lg\:gap-y-7\/12 {
-    grid-row-gap: 58.333333%;
-    row-gap: 58.333333%;
-  }
-
-  .lg\:gap-y-8\/12 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .lg\:gap-y-9\/12 {
-    grid-row-gap: 75%;
-    row-gap: 75%;
-  }
-
-  .lg\:gap-y-10\/12 {
-    grid-row-gap: 83.333333%;
-    row-gap: 83.333333%;
-  }
-
-  .lg\:gap-y-11\/12 {
-    grid-row-gap: 91.666667%;
-    row-gap: 91.666667%;
-  }
-
-  .lg\:gap-y-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\:auto-cols-auto {
-    grid-auto-columns: auto;
-  }
-
-  .lg\:auto-cols-min {
-    grid-auto-columns: -webkit-min-content;
-    grid-auto-columns: min-content;
-  }
-
-  .lg\:auto-cols-max {
-    grid-auto-columns: -webkit-max-content;
-    grid-auto-columns: max-content;
-  }
-
-  .lg\:auto-cols-fr {
-    grid-auto-columns: minmax(0, 1fr);
-  }
-
-  .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-span-full {
-    grid-column: 1 / -1;
-  }
-
-  .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\:auto-rows-auto {
-    grid-auto-rows: auto;
-  }
-
-  .lg\:auto-rows-min {
-    grid-auto-rows: -webkit-min-content;
-    grid-auto-rows: min-content;
-  }
-
-  .lg\:auto-rows-max {
-    grid-auto-rows: -webkit-max-content;
-    grid-auto-rows: max-content;
-  }
-
-  .lg\:auto-rows-fr {
-    grid-auto-rows: minmax(0, 1fr);
-  }
-
-  .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-span-full {
-    grid-row: 1 / -1;
-  }
-
-  .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-1 {
-    --transform-rotate: 1deg;
-  }
-
-  .lg\:rotate-2 {
-    --transform-rotate: 2deg;
-  }
-
-  .lg\:rotate-3 {
-    --transform-rotate: 3deg;
-  }
-
-  .lg\:rotate-6 {
-    --transform-rotate: 6deg;
-  }
-
-  .lg\:rotate-12 {
-    --transform-rotate: 12deg;
-  }
-
-  .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\:-rotate-12 {
-    --transform-rotate: -12deg;
-  }
-
-  .lg\:-rotate-6 {
-    --transform-rotate: -6deg;
-  }
-
-  .lg\:-rotate-3 {
-    --transform-rotate: -3deg;
-  }
-
-  .lg\:-rotate-2 {
-    --transform-rotate: -2deg;
-  }
-
-  .lg\:-rotate-1 {
-    --transform-rotate: -1deg;
-  }
-
-  .lg\:hover\:rotate-0:hover {
-    --transform-rotate: 0;
-  }
-
-  .lg\:hover\:rotate-1:hover {
-    --transform-rotate: 1deg;
-  }
-
-  .lg\:hover\:rotate-2:hover {
-    --transform-rotate: 2deg;
-  }
-
-  .lg\:hover\:rotate-3:hover {
-    --transform-rotate: 3deg;
-  }
-
-  .lg\:hover\:rotate-6:hover {
-    --transform-rotate: 6deg;
-  }
-
-  .lg\:hover\:rotate-12:hover {
-    --transform-rotate: 12deg;
-  }
-
-  .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\:hover\:-rotate-12:hover {
-    --transform-rotate: -12deg;
-  }
-
-  .lg\:hover\:-rotate-6:hover {
-    --transform-rotate: -6deg;
-  }
-
-  .lg\:hover\:-rotate-3:hover {
-    --transform-rotate: -3deg;
-  }
-
-  .lg\:hover\:-rotate-2:hover {
-    --transform-rotate: -2deg;
-  }
-
-  .lg\:hover\:-rotate-1:hover {
-    --transform-rotate: -1deg;
-  }
-
-  .lg\:focus\:rotate-0:focus {
-    --transform-rotate: 0;
-  }
-
-  .lg\:focus\:rotate-1:focus {
-    --transform-rotate: 1deg;
-  }
-
-  .lg\:focus\:rotate-2:focus {
-    --transform-rotate: 2deg;
-  }
-
-  .lg\:focus\:rotate-3:focus {
-    --transform-rotate: 3deg;
-  }
-
-  .lg\:focus\:rotate-6:focus {
-    --transform-rotate: 6deg;
-  }
-
-  .lg\:focus\:rotate-12:focus {
-    --transform-rotate: 12deg;
-  }
-
-  .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\:focus\:-rotate-12:focus {
-    --transform-rotate: -12deg;
-  }
-
-  .lg\:focus\:-rotate-6:focus {
-    --transform-rotate: -6deg;
-  }
-
-  .lg\:focus\:-rotate-3:focus {
-    --transform-rotate: -3deg;
-  }
-
-  .lg\:focus\:-rotate-2:focus {
-    --transform-rotate: -2deg;
-  }
-
-  .lg\:focus\:-rotate-1:focus {
-    --transform-rotate: -1deg;
-  }
-
-  .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-44 {
-    --transform-translate-x: 11rem;
-  }
-
-  .lg\:translate-x-48 {
-    --transform-translate-x: 12rem;
-  }
-
-  .lg\:translate-x-52 {
-    --transform-translate-x: 13rem;
-  }
-
-  .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-44 {
-    --transform-translate-x: -11rem;
-  }
-
-  .lg\:-translate-x-48 {
-    --transform-translate-x: -12rem;
-  }
-
-  .lg\:-translate-x-52 {
-    --transform-translate-x: -13rem;
-  }
-
-  .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-44 {
-    --transform-translate-y: 11rem;
-  }
-
-  .lg\:translate-y-48 {
-    --transform-translate-y: 12rem;
-  }
-
-  .lg\:translate-y-52 {
-    --transform-translate-y: 13rem;
-  }
-
-  .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-44 {
-    --transform-translate-y: -11rem;
-  }
-
-  .lg\:-translate-y-48 {
-    --transform-translate-y: -12rem;
-  }
-
-  .lg\:-translate-y-52 {
-    --transform-translate-y: -13rem;
-  }
-
-  .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-44:hover {
-    --transform-translate-x: 11rem;
-  }
-
-  .lg\:hover\:translate-x-48:hover {
-    --transform-translate-x: 12rem;
-  }
-
-  .lg\:hover\:translate-x-52:hover {
-    --transform-translate-x: 13rem;
-  }
-
-  .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-44:hover {
-    --transform-translate-x: -11rem;
-  }
-
-  .lg\:hover\:-translate-x-48:hover {
-    --transform-translate-x: -12rem;
-  }
-
-  .lg\:hover\:-translate-x-52:hover {
-    --transform-translate-x: -13rem;
-  }
-
-  .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-44:hover {
-    --transform-translate-y: 11rem;
-  }
-
-  .lg\:hover\:translate-y-48:hover {
-    --transform-translate-y: 12rem;
-  }
-
-  .lg\:hover\:translate-y-52:hover {
-    --transform-translate-y: 13rem;
-  }
-
-  .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-44:hover {
-    --transform-translate-y: -11rem;
-  }
-
-  .lg\:hover\:-translate-y-48:hover {
-    --transform-translate-y: -12rem;
-  }
-
-  .lg\:hover\:-translate-y-52:hover {
-    --transform-translate-y: -13rem;
-  }
-
-  .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-44:focus {
-    --transform-translate-x: 11rem;
-  }
-
-  .lg\:focus\:translate-x-48:focus {
-    --transform-translate-x: 12rem;
-  }
-
-  .lg\:focus\:translate-x-52:focus {
-    --transform-translate-x: 13rem;
-  }
-
-  .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-44:focus {
-    --transform-translate-x: -11rem;
-  }
-
-  .lg\:focus\:-translate-x-48:focus {
-    --transform-translate-x: -12rem;
-  }
-
-  .lg\:focus\:-translate-x-52:focus {
-    --transform-translate-x: -13rem;
-  }
-
-  .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-44:focus {
-    --transform-translate-y: 11rem;
-  }
-
-  .lg\:focus\:translate-y-48:focus {
-    --transform-translate-y: 12rem;
-  }
-
-  .lg\:focus\:translate-y-52:focus {
-    --transform-translate-y: 13rem;
-  }
-
-  .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-44:focus {
-    --transform-translate-y: -11rem;
-  }
-
-  .lg\:focus\:-translate-y-48:focus {
-    --transform-translate-y: -12rem;
-  }
-
-  .lg\:focus\:-translate-y-52:focus {
-    --transform-translate-y: -13rem;
-  }
-
-  .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-1 {
-    --transform-skew-x: 1deg;
-  }
-
-  .lg\:skew-x-2 {
-    --transform-skew-x: 2deg;
-  }
-
-  .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-x-2 {
-    --transform-skew-x: -2deg;
-  }
-
-  .lg\:-skew-x-1 {
-    --transform-skew-x: -1deg;
-  }
-
-  .lg\:skew-y-0 {
-    --transform-skew-y: 0;
-  }
-
-  .lg\:skew-y-1 {
-    --transform-skew-y: 1deg;
-  }
-
-  .lg\:skew-y-2 {
-    --transform-skew-y: 2deg;
-  }
-
-  .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\:-skew-y-2 {
-    --transform-skew-y: -2deg;
-  }
-
-  .lg\:-skew-y-1 {
-    --transform-skew-y: -1deg;
-  }
-
-  .lg\:hover\:skew-x-0:hover {
-    --transform-skew-x: 0;
-  }
-
-  .lg\:hover\:skew-x-1:hover {
-    --transform-skew-x: 1deg;
-  }
-
-  .lg\:hover\:skew-x-2:hover {
-    --transform-skew-x: 2deg;
-  }
-
-  .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-x-2:hover {
-    --transform-skew-x: -2deg;
-  }
-
-  .lg\:hover\:-skew-x-1:hover {
-    --transform-skew-x: -1deg;
-  }
-
-  .lg\:hover\:skew-y-0:hover {
-    --transform-skew-y: 0;
-  }
-
-  .lg\:hover\:skew-y-1:hover {
-    --transform-skew-y: 1deg;
-  }
-
-  .lg\:hover\:skew-y-2:hover {
-    --transform-skew-y: 2deg;
-  }
-
-  .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\:hover\:-skew-y-2:hover {
-    --transform-skew-y: -2deg;
-  }
-
-  .lg\:hover\:-skew-y-1:hover {
-    --transform-skew-y: -1deg;
-  }
-
-  .lg\:focus\:skew-x-0:focus {
-    --transform-skew-x: 0;
-  }
-
-  .lg\:focus\:skew-x-1:focus {
-    --transform-skew-x: 1deg;
-  }
-
-  .lg\:focus\:skew-x-2:focus {
-    --transform-skew-x: 2deg;
-  }
-
-  .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-x-2:focus {
-    --transform-skew-x: -2deg;
-  }
-
-  .lg\:focus\:-skew-x-1:focus {
-    --transform-skew-x: -1deg;
-  }
-
-  .lg\:focus\:skew-y-0:focus {
-    --transform-skew-y: 0;
-  }
-
-  .lg\:focus\:skew-y-1:focus {
-    --transform-skew-y: 1deg;
-  }
-
-  .lg\:focus\:skew-y-2:focus {
-    --transform-skew-y: 2deg;
-  }
-
-  .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\:focus\:-skew-y-2:focus {
-    --transform-skew-y: -2deg;
-  }
-
-  .lg\:focus\:-skew-y-1:focus {
-    --transform-skew-y: -1deg;
-  }
-
-  .lg\:transition-none {
-    transition-property: none;
-  }
-
-  .lg\:transition-all {
-    transition-property: all;
-  }
-
-  .lg\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-  }
-
-  .lg\:transition-colors {
-    transition-property: background-color, border-color, color, fill, stroke;
-  }
-
-  .lg\:transition-opacity {
-    transition-property: opacity;
-  }
-
-  .lg\:transition-shadow {
-    transition-property: box-shadow;
-  }
-
-  .lg\:transition-transform {
-    transition-property: transform;
-  }
-
-  .lg\:ease-linear {
-    transition-timing-function: linear;
-  }
-
-  .lg\:ease-in {
-    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-  }
-
-  .lg\:ease-out {
-    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  }
-
-  .lg\:ease-in-out {
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  }
-
-  .lg\:duration-75 {
-    transition-duration: 75ms;
-  }
-
-  .lg\:duration-100 {
-    transition-duration: 100ms;
-  }
-
-  .lg\:duration-150 {
-    transition-duration: 150ms;
-  }
-
-  .lg\:duration-200 {
-    transition-duration: 200ms;
-  }
-
-  .lg\:duration-300 {
-    transition-duration: 300ms;
-  }
-
-  .lg\:duration-500 {
-    transition-duration: 500ms;
-  }
-
-  .lg\:duration-700 {
-    transition-duration: 700ms;
-  }
-
-  .lg\:duration-1000 {
-    transition-duration: 1000ms;
-  }
-
-  .lg\:delay-75 {
-    transition-delay: 75ms;
-  }
-
-  .lg\:delay-100 {
-    transition-delay: 100ms;
-  }
-
-  .lg\:delay-150 {
-    transition-delay: 150ms;
-  }
-
-  .lg\:delay-200 {
-    transition-delay: 200ms;
-  }
-
-  .lg\:delay-300 {
-    transition-delay: 300ms;
-  }
-
-  .lg\:delay-500 {
-    transition-delay: 500ms;
-  }
-
-  .lg\:delay-700 {
-    transition-delay: 700ms;
-  }
-
-  .lg\:delay-1000 {
-    transition-delay: 1000ms;
-  }
-
-  .lg\:animate-none {
-    -webkit-animation: none;
-            animation: none;
-  }
-
-  .lg\:animate-spin {
-    -webkit-animation: spin 1s linear infinite;
-            animation: spin 1s linear infinite;
-  }
-
-  .lg\:animate-ping {
-    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-  }
-
-  .lg\:animate-pulse {
-    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-  }
-
-  .lg\:animate-bounce {
-    -webkit-animation: bounce 1s infinite;
-            animation: bounce 1s infinite;
-  }
-}
-
-@media (min-width: 1280px) {
-  .xl\:container {
-    width: 100%;
-  }
-
-  @media (min-width: 640px) {
-    .xl\:container {
-      max-width: 640px;
-    }
-  }
-
-  @media (min-width: 768px) {
-    .xl\:container {
-      max-width: 768px;
-    }
-  }
-
-  @media (min-width: 1024px) {
-    .xl\:container {
-      max-width: 1024px;
-    }
-  }
-
-  @media (min-width: 1280px) {
-    .xl\:container {
-      max-width: 1280px;
-    }
-  }
-
-  .xl\:prose {
-    color: #374151;
-    max-width: 65ch;
-  }
-
-  .xl\:prose [class~="lead"] {
-    color: #4b5563;
-    font-size: 1.25em;
-    line-height: 1.6;
-    margin-top: 1.2em;
-    margin-bottom: 1.2em;
-  }
-
-  .xl\:prose a {
-    color: #5850ec;
-    text-decoration: none;
-    font-weight: 600;
-  }
-
-  .xl\:prose strong {
-    color: #161e2e;
-    font-weight: 600;
-  }
-
-  .xl\:prose ol {
-    counter-reset: list-counter;
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
-  }
-
-  .xl\:prose ol > li {
-    position: relative;
-    counter-increment: list-counter;
-    padding-left: 1.75em;
-  }
-
-  .xl\:prose ol > li::before {
-    content: counter(list-counter) ".";
-    position: absolute;
-    font-weight: 400;
-    color: #6b7280;
-  }
-
-  .xl\:prose ul > li {
-    position: relative;
-    padding-left: 1.75em;
-  }
-
-  .xl\:prose ul > li::before {
-    content: "";
-    position: absolute;
-    background-color: #d2d6dc;
-    border-radius: 50%;
-    width: 0.375em;
-    height: 0.375em;
-    top: calc(0.875em - 0.1875em);
-    left: 0.25em;
-  }
-
-  .xl\:prose hr {
-    border-color: #e5e7eb;
-    border-top-width: 1px;
-    margin-top: 3em;
-    margin-bottom: 3em;
-  }
-
-  .xl\:prose blockquote {
-    font-weight: 500;
-    font-style: italic;
-    color: #161e2e;
-    border-left-width: 0.25rem;
-    border-left-color: #e5e7eb;
-    quotes: "\201C""\201D""\2018""\2019";
-    margin-top: 1.6em;
-    margin-bottom: 1.6em;
-    padding-left: 1em;
-  }
-
-  .xl\:prose blockquote p:first-of-type::before {
-    content: open-quote;
-  }
-
-  .xl\:prose blockquote p:last-of-type::after {
-    content: close-quote;
-  }
-
-  .xl\:prose h1 {
-    color: #1a202c;
-    font-weight: 800;
-    font-size: 2.25em;
-    margin-top: 0;
-    margin-bottom: 0.8888889em;
-    line-height: 1.1111111;
-  }
-
-  .xl\:prose h2 {
-    color: #1a202c;
-    font-weight: 700;
-    font-size: 1.5em;
-    margin-top: 2em;
-    margin-bottom: 1em;
-    line-height: 1.3333333;
-  }
-
-  .xl\:prose h3 {
-    color: #1a202c;
-    font-weight: 600;
-    font-size: 1.25em;
-    margin-top: 1.6em;
-    margin-bottom: 0.6em;
-    line-height: 1.6;
-  }
-
-  .xl\:prose h4 {
-    color: #1a202c;
-    font-weight: 600;
-    margin-top: 1.5em;
-    margin-bottom: 0.5em;
-    line-height: 1.5;
-  }
-
-  .xl\:prose figure figcaption {
-    color: #6b7280;
-    font-size: 0.875em;
-    line-height: 1.4285714;
-    margin-top: 0.8571429em;
-  }
-
-  .xl\:prose code {
-    color: #161e2e;
-    font-weight: 600;
-    font-size: 0.875em;
-  }
-
-  .xl\:prose code::before {
-    content: "`";
-  }
-
-  .xl\:prose code::after {
-    content: "`";
-  }
-
-  .xl\:prose pre {
-    color: #e5e7eb;
-    background-color: #252f3f;
-    overflow-x: auto;
-    font-size: 0.875em;
-    line-height: 1.7142857;
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
-    border-radius: 0.375rem;
-    padding-top: 0.8571429em;
-    padding-right: 1.1428571em;
-    padding-bottom: 0.8571429em;
-    padding-left: 1.1428571em;
-  }
-
-  .xl\:prose pre code {
-    background-color: transparent;
-    border-width: 0;
-    border-radius: 0;
-    padding: 0;
-    font-weight: 400;
-    color: inherit;
-    font-size: inherit;
-    font-family: inherit;
-    line-height: inherit;
-  }
-
-  .xl\:prose pre code::before {
-    content: "";
-  }
-
-  .xl\:prose pre code::after {
-    content: "";
-  }
-
-  .xl\:prose table {
-    width: 100%;
-    table-layout: auto;
-    text-align: left;
-    margin-top: 2em;
-    margin-bottom: 2em;
-    font-size: 0.875em;
-    line-height: 1.7142857;
-  }
-
-  .xl\:prose thead {
-    color: #161e2e;
-    font-weight: 600;
-    border-bottom-width: 1px;
-    border-bottom-color: #d2d6dc;
-  }
-
-  .xl\:prose thead th {
-    vertical-align: bottom;
-    padding-right: 0.5714286em;
-    padding-bottom: 0.5714286em;
-    padding-left: 0.5714286em;
-  }
-
-  .xl\:prose tbody tr {
-    border-bottom-width: 1px;
-    border-bottom-color: #e5e7eb;
-  }
-
-  .xl\:prose tbody tr:last-child {
-    border-bottom-width: 0;
-  }
-
-  .xl\:prose tbody td {
-    vertical-align: top;
-    padding-top: 0.5714286em;
-    padding-right: 0.5714286em;
-    padding-bottom: 0.5714286em;
-    padding-left: 0.5714286em;
-  }
-
-  .xl\:prose {
-    font-size: 1rem;
-    line-height: 1.75;
-  }
-
-  .xl\:prose p {
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
-  }
-
-  .xl\:prose img {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .xl\:prose video {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .xl\:prose figure {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .xl\:prose figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .xl\:prose h2 code {
-    font-size: 0.875em;
-  }
-
-  .xl\:prose h3 code {
-    font-size: 0.9em;
-  }
-
-  .xl\:prose ul {
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
-  }
-
-  .xl\:prose li {
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
-  }
-
-  .xl\:prose ol > li:before {
-    left: 0;
-  }
-
-  .xl\:prose > ul > li p {
-    margin-top: 0.75em;
-    margin-bottom: 0.75em;
-  }
-
-  .xl\:prose > ul > li > *:first-child {
-    margin-top: 1.25em;
-  }
-
-  .xl\:prose > ul > li > *:last-child {
-    margin-bottom: 1.25em;
-  }
-
-  .xl\:prose > ol > li > *:first-child {
-    margin-top: 1.25em;
-  }
-
-  .xl\:prose > ol > li > *:last-child {
-    margin-bottom: 1.25em;
-  }
-
-  .xl\:prose ul ul, .xl\:prose ul ol, .xl\:prose ol ul, .xl\:prose ol ol {
-    margin-top: 0.75em;
-    margin-bottom: 0.75em;
-  }
-
-  .xl\:prose hr + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose h2 + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose h3 + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose h4 + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose thead th:first-child {
-    padding-left: 0;
-  }
-
-  .xl\:prose thead th:last-child {
-    padding-right: 0;
-  }
-
-  .xl\:prose tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .xl\:prose tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .xl\:prose > :first-child {
-    margin-top: 0;
-  }
-
-  .xl\:prose > :last-child {
-    margin-bottom: 0;
-  }
-
-  .xl\:prose h1, .xl\:prose h2, .xl\:prose h3, .xl\:prose h4 {
-    color: #161e2e;
-  }
-
-  .xl\:prose-sm {
-    font-size: 0.875rem;
-    line-height: 1.7142857;
-  }
-
-  .xl\:prose-sm p {
-    margin-top: 1.1428571em;
-    margin-bottom: 1.1428571em;
-  }
-
-  .xl\:prose-sm [class~="lead"] {
-    font-size: 1.2857143em;
-    line-height: 1.5555556;
-    margin-top: 0.8888889em;
-    margin-bottom: 0.8888889em;
-  }
-
-  .xl\:prose-sm blockquote {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-    padding-left: 1.1111111em;
-  }
-
-  .xl\:prose-sm h1 {
-    font-size: 2.1428571em;
-    margin-top: 0;
-    margin-bottom: 0.8em;
-    line-height: 1.2;
-  }
-
-  .xl\:prose-sm h2 {
-    font-size: 1.4285714em;
-    margin-top: 1.6em;
-    margin-bottom: 0.8em;
-    line-height: 1.4;
-  }
-
-  .xl\:prose-sm h3 {
-    font-size: 1.2857143em;
-    margin-top: 1.5555556em;
-    margin-bottom: 0.4444444em;
-    line-height: 1.5555556;
-  }
-
-  .xl\:prose-sm h4 {
-    margin-top: 1.4285714em;
-    margin-bottom: 0.5714286em;
-    line-height: 1.4285714;
-  }
-
-  .xl\:prose-sm img {
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
-  }
-
-  .xl\:prose-sm video {
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
-  }
-
-  .xl\:prose-sm figure {
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
-  }
-
-  .xl\:prose-sm figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .xl\:prose-sm figure figcaption {
-    font-size: 0.8571429em;
-    line-height: 1.3333333;
-    margin-top: 0.6666667em;
-  }
-
-  .xl\:prose-sm code {
-    font-size: 0.8571429em;
-  }
-
-  .xl\:prose-sm h2 code {
-    font-size: 0.9em;
-  }
-
-  .xl\:prose-sm h3 code {
-    font-size: 0.8888889em;
-  }
-
-  .xl\:prose-sm pre {
-    font-size: 0.8571429em;
-    line-height: 1.6666667;
-    margin-top: 1.6666667em;
-    margin-bottom: 1.6666667em;
-    border-radius: 0.25rem;
-    padding-top: 0.6666667em;
-    padding-right: 1em;
-    padding-bottom: 0.6666667em;
-    padding-left: 1em;
-  }
-
-  .xl\:prose-sm ol {
-    margin-top: 1.1428571em;
-    margin-bottom: 1.1428571em;
-  }
-
-  .xl\:prose-sm ul {
-    margin-top: 1.1428571em;
-    margin-bottom: 1.1428571em;
-  }
-
-  .xl\:prose-sm li {
-    margin-top: 0.2857143em;
-    margin-bottom: 0.2857143em;
-  }
-
-  .xl\:prose-sm ol > li {
-    padding-left: 1.5714286em;
-  }
-
-  .xl\:prose-sm ol > li:before {
-    left: 0;
-  }
-
-  .xl\:prose-sm ul > li {
-    padding-left: 1.5714286em;
-  }
-
-  .xl\:prose-sm ul > li::before {
-    height: 0.3571429em;
-    width: 0.3571429em;
-    top: calc(0.8571429em - 0.1785714em);
-    left: 0.2142857em;
-  }
-
-  .xl\:prose-sm > ul > li p {
-    margin-top: 0.5714286em;
-    margin-bottom: 0.5714286em;
-  }
-
-  .xl\:prose-sm > ul > li > *:first-child {
-    margin-top: 1.1428571em;
-  }
-
-  .xl\:prose-sm > ul > li > *:last-child {
-    margin-bottom: 1.1428571em;
-  }
-
-  .xl\:prose-sm > ol > li > *:first-child {
-    margin-top: 1.1428571em;
-  }
-
-  .xl\:prose-sm > ol > li > *:last-child {
-    margin-bottom: 1.1428571em;
-  }
-
-  .xl\:prose-sm ul ul, .xl\:prose-sm ul ol, .xl\:prose-sm ol ul, .xl\:prose-sm ol ol {
-    margin-top: 0.5714286em;
-    margin-bottom: 0.5714286em;
-  }
-
-  .xl\:prose-sm hr {
-    margin-top: 2.8571429em;
-    margin-bottom: 2.8571429em;
-  }
-
-  .xl\:prose-sm hr + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose-sm h2 + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose-sm h3 + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose-sm h4 + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose-sm table {
-    font-size: 0.8571429em;
-    line-height: 1.5;
-  }
-
-  .xl\:prose-sm thead th {
-    padding-right: 1em;
-    padding-bottom: 0.6666667em;
-    padding-left: 1em;
-  }
-
-  .xl\:prose-sm thead th:first-child {
-    padding-left: 0;
-  }
-
-  .xl\:prose-sm thead th:last-child {
-    padding-right: 0;
-  }
-
-  .xl\:prose-sm tbody td {
-    padding-top: 0.6666667em;
-    padding-right: 1em;
-    padding-bottom: 0.6666667em;
-    padding-left: 1em;
-  }
-
-  .xl\:prose-sm tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .xl\:prose-sm tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .xl\:prose-sm > :first-child {
-    margin-top: 0;
-  }
-
-  .xl\:prose-sm > :last-child {
-    margin-bottom: 0;
-  }
-
-  .xl\:prose-lg {
-    font-size: 1.125rem;
-    line-height: 1.7777778;
-  }
-
-  .xl\:prose-lg p {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .xl\:prose-lg [class~="lead"] {
-    font-size: 1.2222222em;
-    line-height: 1.4545455;
-    margin-top: 1.0909091em;
-    margin-bottom: 1.0909091em;
-  }
-
-  .xl\:prose-lg blockquote {
-    margin-top: 1.6666667em;
-    margin-bottom: 1.6666667em;
-    padding-left: 1em;
-  }
-
-  .xl\:prose-lg h1 {
-    font-size: 2.6666667em;
-    margin-top: 0;
-    margin-bottom: 0.8333333em;
-    line-height: 1;
-  }
-
-  .xl\:prose-lg h2 {
-    font-size: 1.6666667em;
-    margin-top: 1.8666667em;
-    margin-bottom: 1.0666667em;
-    line-height: 1.3333333;
-  }
-
-  .xl\:prose-lg h3 {
-    font-size: 1.3333333em;
-    margin-top: 1.6666667em;
-    margin-bottom: 0.6666667em;
-    line-height: 1.5;
-  }
-
-  .xl\:prose-lg h4 {
-    margin-top: 1.7777778em;
-    margin-bottom: 0.4444444em;
-    line-height: 1.5555556;
-  }
-
-  .xl\:prose-lg img {
-    margin-top: 1.7777778em;
-    margin-bottom: 1.7777778em;
-  }
-
-  .xl\:prose-lg video {
-    margin-top: 1.7777778em;
-    margin-bottom: 1.7777778em;
-  }
-
-  .xl\:prose-lg figure {
-    margin-top: 1.7777778em;
-    margin-bottom: 1.7777778em;
-  }
-
-  .xl\:prose-lg figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .xl\:prose-lg figure figcaption {
-    font-size: 0.8888889em;
-    line-height: 1.5;
-    margin-top: 1em;
-  }
-
-  .xl\:prose-lg code {
-    font-size: 0.8888889em;
-  }
-
-  .xl\:prose-lg h2 code {
-    font-size: 0.8666667em;
-  }
-
-  .xl\:prose-lg h3 code {
-    font-size: 0.875em;
-  }
-
-  .xl\:prose-lg pre {
-    font-size: 0.8888889em;
-    line-height: 1.75;
-    margin-top: 2em;
-    margin-bottom: 2em;
-    border-radius: 0.375rem;
-    padding-top: 1em;
-    padding-right: 1.5em;
-    padding-bottom: 1em;
-    padding-left: 1.5em;
-  }
-
-  .xl\:prose-lg ol {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .xl\:prose-lg ul {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .xl\:prose-lg li {
-    margin-top: 0.6666667em;
-    margin-bottom: 0.6666667em;
-  }
-
-  .xl\:prose-lg ol > li {
-    padding-left: 1.6666667em;
-  }
-
-  .xl\:prose-lg ol > li:before {
-    left: 0;
-  }
-
-  .xl\:prose-lg ul > li {
-    padding-left: 1.6666667em;
-  }
-
-  .xl\:prose-lg ul > li::before {
-    width: 0.3333333em;
-    height: 0.3333333em;
-    top: calc(0.8888889em - 0.1666667em);
-    left: 0.2222222em;
-  }
-
-  .xl\:prose-lg > ul > li p {
-    margin-top: 0.8888889em;
-    margin-bottom: 0.8888889em;
-  }
-
-  .xl\:prose-lg > ul > li > *:first-child {
-    margin-top: 1.3333333em;
-  }
-
-  .xl\:prose-lg > ul > li > *:last-child {
-    margin-bottom: 1.3333333em;
-  }
-
-  .xl\:prose-lg > ol > li > *:first-child {
-    margin-top: 1.3333333em;
-  }
-
-  .xl\:prose-lg > ol > li > *:last-child {
-    margin-bottom: 1.3333333em;
-  }
-
-  .xl\:prose-lg ul ul, .xl\:prose-lg ul ol, .xl\:prose-lg ol ul, .xl\:prose-lg ol ol {
-    margin-top: 0.8888889em;
-    margin-bottom: 0.8888889em;
-  }
-
-  .xl\:prose-lg hr {
-    margin-top: 3.1111111em;
-    margin-bottom: 3.1111111em;
-  }
-
-  .xl\:prose-lg hr + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose-lg h2 + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose-lg h3 + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose-lg h4 + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose-lg table {
-    font-size: 0.8888889em;
-    line-height: 1.5;
-  }
-
-  .xl\:prose-lg thead th {
-    padding-right: 0.75em;
-    padding-bottom: 0.75em;
-    padding-left: 0.75em;
-  }
-
-  .xl\:prose-lg thead th:first-child {
-    padding-left: 0;
-  }
-
-  .xl\:prose-lg thead th:last-child {
-    padding-right: 0;
-  }
-
-  .xl\:prose-lg tbody td {
-    padding-top: 0.75em;
-    padding-right: 0.75em;
-    padding-bottom: 0.75em;
-    padding-left: 0.75em;
-  }
-
-  .xl\:prose-lg tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .xl\:prose-lg tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .xl\:prose-lg > :first-child {
-    margin-top: 0;
-  }
-
-  .xl\:prose-lg > :last-child {
-    margin-bottom: 0;
-  }
-
-  .xl\:prose-xl {
-    font-size: 1.25rem;
-    line-height: 1.8;
-  }
-
-  .xl\:prose-xl p {
-    margin-top: 1.2em;
-    margin-bottom: 1.2em;
-  }
-
-  .xl\:prose-xl [class~="lead"] {
-    font-size: 1.2em;
-    line-height: 1.5;
-    margin-top: 1em;
-    margin-bottom: 1em;
-  }
-
-  .xl\:prose-xl blockquote {
-    margin-top: 1.6em;
-    margin-bottom: 1.6em;
-    padding-left: 1.0666667em;
-  }
-
-  .xl\:prose-xl h1 {
-    font-size: 2.8em;
-    margin-top: 0;
-    margin-bottom: 0.8571429em;
-    line-height: 1;
-  }
-
-  .xl\:prose-xl h2 {
-    font-size: 1.8em;
-    margin-top: 1.5555556em;
-    margin-bottom: 0.8888889em;
-    line-height: 1.1111111;
-  }
-
-  .xl\:prose-xl h3 {
-    font-size: 1.5em;
-    margin-top: 1.6em;
-    margin-bottom: 0.6666667em;
-    line-height: 1.3333333;
-  }
-
-  .xl\:prose-xl h4 {
-    margin-top: 1.8em;
-    margin-bottom: 0.6em;
-    line-height: 1.6;
-  }
-
-  .xl\:prose-xl img {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .xl\:prose-xl video {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .xl\:prose-xl figure {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .xl\:prose-xl figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .xl\:prose-xl figure figcaption {
-    font-size: 0.9em;
-    line-height: 1.5555556;
-    margin-top: 1em;
-  }
-
-  .xl\:prose-xl code {
-    font-size: 0.9em;
-  }
-
-  .xl\:prose-xl h2 code {
-    font-size: 0.8611111em;
-  }
-
-  .xl\:prose-xl h3 code {
-    font-size: 0.9em;
-  }
-
-  .xl\:prose-xl pre {
-    font-size: 0.9em;
-    line-height: 1.7777778;
-    margin-top: 2em;
-    margin-bottom: 2em;
-    border-radius: 0.5rem;
-    padding-top: 1.1111111em;
-    padding-right: 1.3333333em;
-    padding-bottom: 1.1111111em;
-    padding-left: 1.3333333em;
-  }
-
-  .xl\:prose-xl ol {
-    margin-top: 1.2em;
-    margin-bottom: 1.2em;
-  }
-
-  .xl\:prose-xl ul {
-    margin-top: 1.2em;
-    margin-bottom: 1.2em;
-  }
-
-  .xl\:prose-xl li {
-    margin-top: 0.6em;
-    margin-bottom: 0.6em;
-  }
-
-  .xl\:prose-xl ol > li {
-    padding-left: 1.8em;
-  }
-
-  .xl\:prose-xl ol > li:before {
-    left: 0;
-  }
-
-  .xl\:prose-xl ul > li {
-    padding-left: 1.8em;
-  }
-
-  .xl\:prose-xl ul > li::before {
-    width: 0.35em;
-    height: 0.35em;
-    top: calc(0.9em - 0.175em);
-    left: 0.25em;
-  }
-
-  .xl\:prose-xl > ul > li p {
-    margin-top: 0.8em;
-    margin-bottom: 0.8em;
-  }
-
-  .xl\:prose-xl > ul > li > *:first-child {
-    margin-top: 1.2em;
-  }
-
-  .xl\:prose-xl > ul > li > *:last-child {
-    margin-bottom: 1.2em;
-  }
-
-  .xl\:prose-xl > ol > li > *:first-child {
-    margin-top: 1.2em;
-  }
-
-  .xl\:prose-xl > ol > li > *:last-child {
-    margin-bottom: 1.2em;
-  }
-
-  .xl\:prose-xl ul ul, .xl\:prose-xl ul ol, .xl\:prose-xl ol ul, .xl\:prose-xl ol ol {
-    margin-top: 0.8em;
-    margin-bottom: 0.8em;
-  }
-
-  .xl\:prose-xl hr {
-    margin-top: 2.8em;
-    margin-bottom: 2.8em;
-  }
-
-  .xl\:prose-xl hr + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose-xl h2 + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose-xl h3 + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose-xl h4 + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose-xl table {
-    font-size: 0.9em;
-    line-height: 1.5555556;
-  }
-
-  .xl\:prose-xl thead th {
-    padding-right: 0.6666667em;
-    padding-bottom: 0.8888889em;
-    padding-left: 0.6666667em;
-  }
-
-  .xl\:prose-xl thead th:first-child {
-    padding-left: 0;
-  }
-
-  .xl\:prose-xl thead th:last-child {
-    padding-right: 0;
-  }
-
-  .xl\:prose-xl tbody td {
-    padding-top: 0.8888889em;
-    padding-right: 0.6666667em;
-    padding-bottom: 0.8888889em;
-    padding-left: 0.6666667em;
-  }
-
-  .xl\:prose-xl tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .xl\:prose-xl tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .xl\:prose-xl > :first-child {
-    margin-top: 0;
-  }
-
-  .xl\:prose-xl > :last-child {
-    margin-bottom: 0;
-  }
-
-  .xl\:prose-2xl {
-    font-size: 1.5rem;
-    line-height: 1.6666667;
-  }
-
-  .xl\:prose-2xl p {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .xl\:prose-2xl [class~="lead"] {
-    font-size: 1.25em;
-    line-height: 1.4666667;
-    margin-top: 1.0666667em;
-    margin-bottom: 1.0666667em;
-  }
-
-  .xl\:prose-2xl blockquote {
-    margin-top: 1.7777778em;
-    margin-bottom: 1.7777778em;
-    padding-left: 1.1111111em;
-  }
-
-  .xl\:prose-2xl h1 {
-    font-size: 2.6666667em;
-    margin-top: 0;
-    margin-bottom: 0.875em;
-    line-height: 1;
-  }
-
-  .xl\:prose-2xl h2 {
-    font-size: 2em;
-    margin-top: 1.5em;
-    margin-bottom: 0.8333333em;
-    line-height: 1.0833333;
-  }
-
-  .xl\:prose-2xl h3 {
-    font-size: 1.5em;
-    margin-top: 1.5555556em;
-    margin-bottom: 0.6666667em;
-    line-height: 1.2222222;
-  }
-
-  .xl\:prose-2xl h4 {
-    margin-top: 1.6666667em;
-    margin-bottom: 0.6666667em;
-    line-height: 1.5;
-  }
-
-  .xl\:prose-2xl img {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .xl\:prose-2xl video {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .xl\:prose-2xl figure {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .xl\:prose-2xl figure > * {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .xl\:prose-2xl figure figcaption {
-    font-size: 0.8333333em;
-    line-height: 1.6;
-    margin-top: 1em;
-  }
-
-  .xl\:prose-2xl code {
-    font-size: 0.8333333em;
-  }
-
-  .xl\:prose-2xl h2 code {
-    font-size: 0.875em;
-  }
-
-  .xl\:prose-2xl h3 code {
-    font-size: 0.8888889em;
-  }
-
-  .xl\:prose-2xl pre {
-    font-size: 0.8333333em;
-    line-height: 1.8;
-    margin-top: 2em;
-    margin-bottom: 2em;
-    border-radius: 0.5rem;
-    padding-top: 1.2em;
-    padding-right: 1.6em;
-    padding-bottom: 1.2em;
-    padding-left: 1.6em;
-  }
-
-  .xl\:prose-2xl ol {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .xl\:prose-2xl ul {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-  }
-
-  .xl\:prose-2xl li {
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
-  }
-
-  .xl\:prose-2xl ol > li {
-    padding-left: 1.6666667em;
-  }
-
-  .xl\:prose-2xl ol > li:before {
-    left: 0;
-  }
-
-  .xl\:prose-2xl ul > li {
-    padding-left: 1.6666667em;
-  }
-
-  .xl\:prose-2xl ul > li::before {
-    width: 0.3333333em;
-    height: 0.3333333em;
-    top: calc(0.8333333em - 0.1666667em);
-    left: 0.25em;
-  }
-
-  .xl\:prose-2xl > ul > li p {
-    margin-top: 0.8333333em;
-    margin-bottom: 0.8333333em;
-  }
-
-  .xl\:prose-2xl > ul > li > *:first-child {
-    margin-top: 1.3333333em;
-  }
-
-  .xl\:prose-2xl > ul > li > *:last-child {
-    margin-bottom: 1.3333333em;
-  }
-
-  .xl\:prose-2xl > ol > li > *:first-child {
-    margin-top: 1.3333333em;
-  }
-
-  .xl\:prose-2xl > ol > li > *:last-child {
-    margin-bottom: 1.3333333em;
-  }
-
-  .xl\:prose-2xl ul ul, .xl\:prose-2xl ul ol, .xl\:prose-2xl ol ul, .xl\:prose-2xl ol ol {
-    margin-top: 0.6666667em;
-    margin-bottom: 0.6666667em;
-  }
-
-  .xl\:prose-2xl hr {
-    margin-top: 3em;
-    margin-bottom: 3em;
-  }
-
-  .xl\:prose-2xl hr + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose-2xl h2 + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose-2xl h3 + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose-2xl h4 + * {
-    margin-top: 0;
-  }
-
-  .xl\:prose-2xl table {
-    font-size: 0.8333333em;
-    line-height: 1.4;
-  }
-
-  .xl\:prose-2xl thead th {
-    padding-right: 0.6em;
-    padding-bottom: 0.8em;
-    padding-left: 0.6em;
-  }
-
-  .xl\:prose-2xl thead th:first-child {
-    padding-left: 0;
-  }
-
-  .xl\:prose-2xl thead th:last-child {
-    padding-right: 0;
-  }
-
-  .xl\:prose-2xl tbody td {
-    padding-top: 0.8em;
-    padding-right: 0.6em;
-    padding-bottom: 0.8em;
-    padding-left: 0.6em;
-  }
-
-  .xl\:prose-2xl tbody td:first-child {
-    padding-left: 0;
-  }
-
-  .xl\:prose-2xl tbody td:last-child {
-    padding-right: 0;
-  }
-
-  .xl\:prose-2xl > :first-child {
-    margin-top: 0;
-  }
-
-  .xl\:prose-2xl > :last-child {
-    margin-bottom: 0;
-  }
-
-  .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-44 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(11rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(11rem * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-44 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(11rem * var(--space-x-reverse));
-    margin-left: calc(11rem * 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-52 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(13rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(13rem * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-52 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(13rem * var(--space-x-reverse));
-    margin-left: calc(13rem * 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-44 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-11rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-11rem * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-44 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-11rem * var(--space-x-reverse));
-    margin-left: calc(-11rem * 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-52 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-13rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-13rem * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-52 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-13rem * var(--space-x-reverse));
-    margin-left: calc(-13rem * 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-current > :not(template) ~ :not(template) {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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-cool-gray-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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-solid > :not(template) ~ :not(template) {
-    border-style: solid;
-  }
-
-  .xl\:divide-dashed > :not(template) ~ :not(template) {
-    border-style: dashed;
-  }
-
-  .xl\:divide-dotted > :not(template) ~ :not(template) {
-    border-style: dotted;
-  }
-
-  .xl\:divide-double > :not(template) ~ :not(template) {
-    border-style: double;
-  }
-
-  .xl\:divide-none > :not(template) ~ :not(template) {
-    border-style: none;
-  }
-
-  .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-clip-border {
-    background-clip: border-box;
-  }
-
-  .xl\:bg-clip-padding {
-    background-clip: padding-box;
-  }
-
-  .xl\:bg-clip-content {
-    background-clip: content-box;
-  }
-
-  .xl\:bg-clip-text {
-    -webkit-background-clip: text;
-            background-clip: text;
-  }
-
-  .xl\:bg-current {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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));
-  }
-
-  .xl\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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));
-  }
-
-  .group:hover .xl\:group-hover\:bg-current {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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:hover .xl\:group-hover\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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:focus .xl\:group-focus\:bg-current {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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));
-  }
-
-  .group:focus .xl\:group-focus\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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));
-  }
-
-  .xl\:hover\:bg-current:hover {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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\:hover\:bg-cool-gray-50:hover {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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\:focus\:bg-current:focus {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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\:focus\:bg-cool-gray-50:focus {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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\:active\:bg-current:active {
-    background-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    background-color: rgba(115, 35, 13, 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\:active\:bg-cool-gray-50:active {
-    --bg-opacity: 1;
-    background-color: #f8fafc;
-    background-color: rgba(248, 250, 252, 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\:bg-none {
-    background-image: none;
-  }
-
-  .xl\:bg-gradient-to-t {
-    background-image: linear-gradient(to top, var(--gradient-color-stops));
-  }
-
-  .xl\:bg-gradient-to-tr {
-    background-image: linear-gradient(to top right, var(--gradient-color-stops));
-  }
-
-  .xl\:bg-gradient-to-r {
-    background-image: linear-gradient(to right, var(--gradient-color-stops));
-  }
-
-  .xl\:bg-gradient-to-br {
-    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
-  }
-
-  .xl\:bg-gradient-to-b {
-    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
-  }
-
-  .xl\:bg-gradient-to-bl {
-    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
-  }
-
-  .xl\:bg-gradient-to-l {
-    background-image: linear-gradient(to left, var(--gradient-color-stops));
-  }
-
-  .xl\:bg-gradient-to-tl {
-    background-image: linear-gradient(to top left, var(--gradient-color-stops));
-  }
-
-  .xl\:from-current {
-    --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:from-transparent {
-    --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:from-white {
-    --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:from-black {
-    --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:from-gray-50 {
-    --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .xl\:from-gray-100 {
-    --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .xl\:from-gray-200 {
-    --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .xl\:from-gray-300 {
-    --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .xl\:from-gray-400 {
-    --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .xl\:from-gray-500 {
-    --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .xl\:from-gray-600 {
-    --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .xl\:from-gray-700 {
-    --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .xl\:from-gray-800 {
-    --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .xl\:from-gray-900 {
-    --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .xl\:from-red-50 {
-    --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .xl\:from-red-100 {
-    --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .xl\:from-red-200 {
-    --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .xl\:from-red-300 {
-    --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .xl\:from-red-400 {
-    --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .xl\:from-red-500 {
-    --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .xl\:from-red-600 {
-    --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .xl\:from-red-700 {
-    --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .xl\:from-red-800 {
-    --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .xl\:from-red-900 {
-    --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .xl\:from-orange-50 {
-    --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .xl\:from-orange-100 {
-    --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .xl\:from-orange-200 {
-    --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .xl\:from-orange-300 {
-    --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .xl\:from-orange-400 {
-    --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .xl\:from-orange-500 {
-    --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .xl\:from-orange-600 {
-    --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .xl\:from-orange-700 {
-    --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .xl\:from-orange-800 {
-    --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .xl\:from-orange-900 {
-    --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .xl\:from-yellow-50 {
-    --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .xl\:from-yellow-100 {
-    --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .xl\:from-yellow-200 {
-    --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .xl\:from-yellow-300 {
-    --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .xl\:from-yellow-400 {
-    --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .xl\:from-yellow-500 {
-    --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .xl\:from-yellow-600 {
-    --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .xl\:from-yellow-700 {
-    --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .xl\:from-yellow-800 {
-    --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .xl\:from-yellow-900 {
-    --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .xl\:from-green-50 {
-    --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .xl\:from-green-100 {
-    --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .xl\:from-green-200 {
-    --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .xl\:from-green-300 {
-    --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .xl\:from-green-400 {
-    --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .xl\:from-green-500 {
-    --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .xl\:from-green-600 {
-    --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .xl\:from-green-700 {
-    --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .xl\:from-green-800 {
-    --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .xl\:from-green-900 {
-    --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .xl\:from-teal-50 {
-    --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .xl\:from-teal-100 {
-    --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .xl\:from-teal-200 {
-    --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .xl\:from-teal-300 {
-    --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .xl\:from-teal-400 {
-    --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .xl\:from-teal-500 {
-    --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .xl\:from-teal-600 {
-    --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .xl\:from-teal-700 {
-    --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .xl\:from-teal-800 {
-    --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .xl\:from-teal-900 {
-    --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .xl\:from-blue-50 {
-    --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .xl\:from-blue-100 {
-    --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .xl\:from-blue-200 {
-    --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .xl\:from-blue-300 {
-    --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .xl\:from-blue-400 {
-    --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .xl\:from-blue-500 {
-    --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .xl\:from-blue-600 {
-    --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .xl\:from-blue-700 {
-    --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .xl\:from-blue-800 {
-    --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .xl\:from-blue-900 {
-    --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .xl\:from-indigo-50 {
-    --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .xl\:from-indigo-100 {
-    --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .xl\:from-indigo-200 {
-    --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .xl\:from-indigo-300 {
-    --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .xl\:from-indigo-400 {
-    --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .xl\:from-indigo-500 {
-    --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .xl\:from-indigo-600 {
-    --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .xl\:from-indigo-700 {
-    --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .xl\:from-indigo-800 {
-    --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .xl\:from-indigo-900 {
-    --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .xl\:from-purple-50 {
-    --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .xl\:from-purple-100 {
-    --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .xl\:from-purple-200 {
-    --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .xl\:from-purple-300 {
-    --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .xl\:from-purple-400 {
-    --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .xl\:from-purple-500 {
-    --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .xl\:from-purple-600 {
-    --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .xl\:from-purple-700 {
-    --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .xl\:from-purple-800 {
-    --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .xl\:from-purple-900 {
-    --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .xl\:from-pink-50 {
-    --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .xl\:from-pink-100 {
-    --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .xl\:from-pink-200 {
-    --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .xl\:from-pink-300 {
-    --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .xl\:from-pink-400 {
-    --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .xl\:from-pink-500 {
-    --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .xl\:from-pink-600 {
-    --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .xl\:from-pink-700 {
-    --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .xl\:from-pink-800 {
-    --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .xl\:from-pink-900 {
-    --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .xl\:from-cool-gray-50 {
-    --gradient-from-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .xl\:from-cool-gray-100 {
-    --gradient-from-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .xl\:from-cool-gray-200 {
-    --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .xl\:from-cool-gray-300 {
-    --gradient-from-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .xl\:from-cool-gray-400 {
-    --gradient-from-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .xl\:from-cool-gray-500 {
-    --gradient-from-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .xl\:from-cool-gray-600 {
-    --gradient-from-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .xl\:from-cool-gray-700 {
-    --gradient-from-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .xl\:from-cool-gray-800 {
-    --gradient-from-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .xl\:from-cool-gray-900 {
-    --gradient-from-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .xl\:via-current {
-    --gradient-via-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:via-transparent {
-    --gradient-via-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:via-white {
-    --gradient-via-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:via-black {
-    --gradient-via-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:via-gray-50 {
-    --gradient-via-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .xl\:via-gray-100 {
-    --gradient-via-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .xl\:via-gray-200 {
-    --gradient-via-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .xl\:via-gray-300 {
-    --gradient-via-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .xl\:via-gray-400 {
-    --gradient-via-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .xl\:via-gray-500 {
-    --gradient-via-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .xl\:via-gray-600 {
-    --gradient-via-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .xl\:via-gray-700 {
-    --gradient-via-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .xl\:via-gray-800 {
-    --gradient-via-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .xl\:via-gray-900 {
-    --gradient-via-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .xl\:via-red-50 {
-    --gradient-via-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .xl\:via-red-100 {
-    --gradient-via-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .xl\:via-red-200 {
-    --gradient-via-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .xl\:via-red-300 {
-    --gradient-via-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .xl\:via-red-400 {
-    --gradient-via-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .xl\:via-red-500 {
-    --gradient-via-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .xl\:via-red-600 {
-    --gradient-via-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .xl\:via-red-700 {
-    --gradient-via-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .xl\:via-red-800 {
-    --gradient-via-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .xl\:via-red-900 {
-    --gradient-via-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .xl\:via-orange-50 {
-    --gradient-via-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .xl\:via-orange-100 {
-    --gradient-via-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .xl\:via-orange-200 {
-    --gradient-via-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .xl\:via-orange-300 {
-    --gradient-via-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .xl\:via-orange-400 {
-    --gradient-via-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .xl\:via-orange-500 {
-    --gradient-via-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .xl\:via-orange-600 {
-    --gradient-via-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .xl\:via-orange-700 {
-    --gradient-via-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .xl\:via-orange-800 {
-    --gradient-via-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .xl\:via-orange-900 {
-    --gradient-via-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .xl\:via-yellow-50 {
-    --gradient-via-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .xl\:via-yellow-100 {
-    --gradient-via-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .xl\:via-yellow-200 {
-    --gradient-via-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .xl\:via-yellow-300 {
-    --gradient-via-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .xl\:via-yellow-400 {
-    --gradient-via-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .xl\:via-yellow-500 {
-    --gradient-via-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .xl\:via-yellow-600 {
-    --gradient-via-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .xl\:via-yellow-700 {
-    --gradient-via-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .xl\:via-yellow-800 {
-    --gradient-via-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .xl\:via-yellow-900 {
-    --gradient-via-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .xl\:via-green-50 {
-    --gradient-via-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .xl\:via-green-100 {
-    --gradient-via-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .xl\:via-green-200 {
-    --gradient-via-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .xl\:via-green-300 {
-    --gradient-via-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .xl\:via-green-400 {
-    --gradient-via-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .xl\:via-green-500 {
-    --gradient-via-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .xl\:via-green-600 {
-    --gradient-via-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .xl\:via-green-700 {
-    --gradient-via-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .xl\:via-green-800 {
-    --gradient-via-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .xl\:via-green-900 {
-    --gradient-via-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .xl\:via-teal-50 {
-    --gradient-via-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .xl\:via-teal-100 {
-    --gradient-via-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .xl\:via-teal-200 {
-    --gradient-via-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .xl\:via-teal-300 {
-    --gradient-via-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .xl\:via-teal-400 {
-    --gradient-via-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .xl\:via-teal-500 {
-    --gradient-via-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .xl\:via-teal-600 {
-    --gradient-via-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .xl\:via-teal-700 {
-    --gradient-via-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .xl\:via-teal-800 {
-    --gradient-via-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .xl\:via-teal-900 {
-    --gradient-via-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .xl\:via-blue-50 {
-    --gradient-via-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .xl\:via-blue-100 {
-    --gradient-via-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .xl\:via-blue-200 {
-    --gradient-via-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .xl\:via-blue-300 {
-    --gradient-via-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .xl\:via-blue-400 {
-    --gradient-via-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .xl\:via-blue-500 {
-    --gradient-via-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .xl\:via-blue-600 {
-    --gradient-via-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .xl\:via-blue-700 {
-    --gradient-via-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .xl\:via-blue-800 {
-    --gradient-via-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .xl\:via-blue-900 {
-    --gradient-via-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .xl\:via-indigo-50 {
-    --gradient-via-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .xl\:via-indigo-100 {
-    --gradient-via-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .xl\:via-indigo-200 {
-    --gradient-via-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .xl\:via-indigo-300 {
-    --gradient-via-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .xl\:via-indigo-400 {
-    --gradient-via-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .xl\:via-indigo-500 {
-    --gradient-via-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .xl\:via-indigo-600 {
-    --gradient-via-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .xl\:via-indigo-700 {
-    --gradient-via-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .xl\:via-indigo-800 {
-    --gradient-via-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .xl\:via-indigo-900 {
-    --gradient-via-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .xl\:via-purple-50 {
-    --gradient-via-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .xl\:via-purple-100 {
-    --gradient-via-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .xl\:via-purple-200 {
-    --gradient-via-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .xl\:via-purple-300 {
-    --gradient-via-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .xl\:via-purple-400 {
-    --gradient-via-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .xl\:via-purple-500 {
-    --gradient-via-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .xl\:via-purple-600 {
-    --gradient-via-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .xl\:via-purple-700 {
-    --gradient-via-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .xl\:via-purple-800 {
-    --gradient-via-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .xl\:via-purple-900 {
-    --gradient-via-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .xl\:via-pink-50 {
-    --gradient-via-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .xl\:via-pink-100 {
-    --gradient-via-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .xl\:via-pink-200 {
-    --gradient-via-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .xl\:via-pink-300 {
-    --gradient-via-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .xl\:via-pink-400 {
-    --gradient-via-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .xl\:via-pink-500 {
-    --gradient-via-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .xl\:via-pink-600 {
-    --gradient-via-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .xl\:via-pink-700 {
-    --gradient-via-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .xl\:via-pink-800 {
-    --gradient-via-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .xl\:via-pink-900 {
-    --gradient-via-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .xl\:via-cool-gray-50 {
-    --gradient-via-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .xl\:via-cool-gray-100 {
-    --gradient-via-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .xl\:via-cool-gray-200 {
-    --gradient-via-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .xl\:via-cool-gray-300 {
-    --gradient-via-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .xl\:via-cool-gray-400 {
-    --gradient-via-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .xl\:via-cool-gray-500 {
-    --gradient-via-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .xl\:via-cool-gray-600 {
-    --gradient-via-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .xl\:via-cool-gray-700 {
-    --gradient-via-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .xl\:via-cool-gray-800 {
-    --gradient-via-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .xl\:via-cool-gray-900 {
-    --gradient-via-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .xl\:to-current {
-    --gradient-to-color: currentColor;
-  }
-
-  .xl\:to-transparent {
-    --gradient-to-color: transparent;
-  }
-
-  .xl\:to-white {
-    --gradient-to-color: #ffffff;
-  }
-
-  .xl\:to-black {
-    --gradient-to-color: #000000;
-  }
-
-  .xl\:to-gray-50 {
-    --gradient-to-color: #f9fafb;
-  }
-
-  .xl\:to-gray-100 {
-    --gradient-to-color: #f4f5f7;
-  }
-
-  .xl\:to-gray-200 {
-    --gradient-to-color: #e5e7eb;
-  }
-
-  .xl\:to-gray-300 {
-    --gradient-to-color: #d2d6dc;
-  }
-
-  .xl\:to-gray-400 {
-    --gradient-to-color: #9fa6b2;
-  }
-
-  .xl\:to-gray-500 {
-    --gradient-to-color: #6b7280;
-  }
-
-  .xl\:to-gray-600 {
-    --gradient-to-color: #4b5563;
-  }
-
-  .xl\:to-gray-700 {
-    --gradient-to-color: #374151;
-  }
-
-  .xl\:to-gray-800 {
-    --gradient-to-color: #252f3f;
-  }
-
-  .xl\:to-gray-900 {
-    --gradient-to-color: #161e2e;
-  }
-
-  .xl\:to-red-50 {
-    --gradient-to-color: #fdf2f2;
-  }
-
-  .xl\:to-red-100 {
-    --gradient-to-color: #fde8e8;
-  }
-
-  .xl\:to-red-200 {
-    --gradient-to-color: #fbd5d5;
-  }
-
-  .xl\:to-red-300 {
-    --gradient-to-color: #f8b4b4;
-  }
-
-  .xl\:to-red-400 {
-    --gradient-to-color: #f98080;
-  }
-
-  .xl\:to-red-500 {
-    --gradient-to-color: #f05252;
-  }
-
-  .xl\:to-red-600 {
-    --gradient-to-color: #e02424;
-  }
-
-  .xl\:to-red-700 {
-    --gradient-to-color: #c81e1e;
-  }
-
-  .xl\:to-red-800 {
-    --gradient-to-color: #9b1c1c;
-  }
-
-  .xl\:to-red-900 {
-    --gradient-to-color: #771d1d;
-  }
-
-  .xl\:to-orange-50 {
-    --gradient-to-color: #fff8f1;
-  }
-
-  .xl\:to-orange-100 {
-    --gradient-to-color: #feecdc;
-  }
-
-  .xl\:to-orange-200 {
-    --gradient-to-color: #fcd9bd;
-  }
-
-  .xl\:to-orange-300 {
-    --gradient-to-color: #fdba8c;
-  }
-
-  .xl\:to-orange-400 {
-    --gradient-to-color: #ff8a4c;
-  }
-
-  .xl\:to-orange-500 {
-    --gradient-to-color: #ff5a1f;
-  }
-
-  .xl\:to-orange-600 {
-    --gradient-to-color: #d03801;
-  }
-
-  .xl\:to-orange-700 {
-    --gradient-to-color: #b43403;
-  }
-
-  .xl\:to-orange-800 {
-    --gradient-to-color: #8a2c0d;
-  }
-
-  .xl\:to-orange-900 {
-    --gradient-to-color: #73230d;
-  }
-
-  .xl\:to-yellow-50 {
-    --gradient-to-color: #fdfdea;
-  }
-
-  .xl\:to-yellow-100 {
-    --gradient-to-color: #fdf6b2;
-  }
-
-  .xl\:to-yellow-200 {
-    --gradient-to-color: #fce96a;
-  }
-
-  .xl\:to-yellow-300 {
-    --gradient-to-color: #faca15;
-  }
-
-  .xl\:to-yellow-400 {
-    --gradient-to-color: #e3a008;
-  }
-
-  .xl\:to-yellow-500 {
-    --gradient-to-color: #c27803;
-  }
-
-  .xl\:to-yellow-600 {
-    --gradient-to-color: #9f580a;
-  }
-
-  .xl\:to-yellow-700 {
-    --gradient-to-color: #8e4b10;
-  }
-
-  .xl\:to-yellow-800 {
-    --gradient-to-color: #723b13;
-  }
-
-  .xl\:to-yellow-900 {
-    --gradient-to-color: #633112;
-  }
-
-  .xl\:to-green-50 {
-    --gradient-to-color: #f3faf7;
-  }
-
-  .xl\:to-green-100 {
-    --gradient-to-color: #def7ec;
-  }
-
-  .xl\:to-green-200 {
-    --gradient-to-color: #bcf0da;
-  }
-
-  .xl\:to-green-300 {
-    --gradient-to-color: #84e1bc;
-  }
-
-  .xl\:to-green-400 {
-    --gradient-to-color: #31c48d;
-  }
-
-  .xl\:to-green-500 {
-    --gradient-to-color: #0e9f6e;
-  }
-
-  .xl\:to-green-600 {
-    --gradient-to-color: #057a55;
-  }
-
-  .xl\:to-green-700 {
-    --gradient-to-color: #046c4e;
-  }
-
-  .xl\:to-green-800 {
-    --gradient-to-color: #03543f;
-  }
-
-  .xl\:to-green-900 {
-    --gradient-to-color: #014737;
-  }
-
-  .xl\:to-teal-50 {
-    --gradient-to-color: #edfafa;
-  }
-
-  .xl\:to-teal-100 {
-    --gradient-to-color: #d5f5f6;
-  }
-
-  .xl\:to-teal-200 {
-    --gradient-to-color: #afecef;
-  }
-
-  .xl\:to-teal-300 {
-    --gradient-to-color: #7edce2;
-  }
-
-  .xl\:to-teal-400 {
-    --gradient-to-color: #16bdca;
-  }
-
-  .xl\:to-teal-500 {
-    --gradient-to-color: #0694a2;
-  }
-
-  .xl\:to-teal-600 {
-    --gradient-to-color: #047481;
-  }
-
-  .xl\:to-teal-700 {
-    --gradient-to-color: #036672;
-  }
-
-  .xl\:to-teal-800 {
-    --gradient-to-color: #05505c;
-  }
-
-  .xl\:to-teal-900 {
-    --gradient-to-color: #014451;
-  }
-
-  .xl\:to-blue-50 {
-    --gradient-to-color: #ebf5ff;
-  }
-
-  .xl\:to-blue-100 {
-    --gradient-to-color: #e1effe;
-  }
-
-  .xl\:to-blue-200 {
-    --gradient-to-color: #c3ddfd;
-  }
-
-  .xl\:to-blue-300 {
-    --gradient-to-color: #a4cafe;
-  }
-
-  .xl\:to-blue-400 {
-    --gradient-to-color: #76a9fa;
-  }
-
-  .xl\:to-blue-500 {
-    --gradient-to-color: #3f83f8;
-  }
-
-  .xl\:to-blue-600 {
-    --gradient-to-color: #1c64f2;
-  }
-
-  .xl\:to-blue-700 {
-    --gradient-to-color: #1a56db;
-  }
-
-  .xl\:to-blue-800 {
-    --gradient-to-color: #1e429f;
-  }
-
-  .xl\:to-blue-900 {
-    --gradient-to-color: #233876;
-  }
-
-  .xl\:to-indigo-50 {
-    --gradient-to-color: #f0f5ff;
-  }
-
-  .xl\:to-indigo-100 {
-    --gradient-to-color: #e5edff;
-  }
-
-  .xl\:to-indigo-200 {
-    --gradient-to-color: #cddbfe;
-  }
-
-  .xl\:to-indigo-300 {
-    --gradient-to-color: #b4c6fc;
-  }
-
-  .xl\:to-indigo-400 {
-    --gradient-to-color: #8da2fb;
-  }
-
-  .xl\:to-indigo-500 {
-    --gradient-to-color: #6875f5;
-  }
-
-  .xl\:to-indigo-600 {
-    --gradient-to-color: #5850ec;
-  }
-
-  .xl\:to-indigo-700 {
-    --gradient-to-color: #5145cd;
-  }
-
-  .xl\:to-indigo-800 {
-    --gradient-to-color: #42389d;
-  }
-
-  .xl\:to-indigo-900 {
-    --gradient-to-color: #362f78;
-  }
-
-  .xl\:to-purple-50 {
-    --gradient-to-color: #f6f5ff;
-  }
-
-  .xl\:to-purple-100 {
-    --gradient-to-color: #edebfe;
-  }
-
-  .xl\:to-purple-200 {
-    --gradient-to-color: #dcd7fe;
-  }
-
-  .xl\:to-purple-300 {
-    --gradient-to-color: #cabffd;
-  }
-
-  .xl\:to-purple-400 {
-    --gradient-to-color: #ac94fa;
-  }
-
-  .xl\:to-purple-500 {
-    --gradient-to-color: #9061f9;
-  }
-
-  .xl\:to-purple-600 {
-    --gradient-to-color: #7e3af2;
-  }
-
-  .xl\:to-purple-700 {
-    --gradient-to-color: #6c2bd9;
-  }
-
-  .xl\:to-purple-800 {
-    --gradient-to-color: #5521b5;
-  }
-
-  .xl\:to-purple-900 {
-    --gradient-to-color: #4a1d96;
-  }
-
-  .xl\:to-pink-50 {
-    --gradient-to-color: #fdf2f8;
-  }
-
-  .xl\:to-pink-100 {
-    --gradient-to-color: #fce8f3;
-  }
-
-  .xl\:to-pink-200 {
-    --gradient-to-color: #fad1e8;
-  }
-
-  .xl\:to-pink-300 {
-    --gradient-to-color: #f8b4d9;
-  }
-
-  .xl\:to-pink-400 {
-    --gradient-to-color: #f17eb8;
-  }
-
-  .xl\:to-pink-500 {
-    --gradient-to-color: #e74694;
-  }
-
-  .xl\:to-pink-600 {
-    --gradient-to-color: #d61f69;
-  }
-
-  .xl\:to-pink-700 {
-    --gradient-to-color: #bf125d;
-  }
-
-  .xl\:to-pink-800 {
-    --gradient-to-color: #99154b;
-  }
-
-  .xl\:to-pink-900 {
-    --gradient-to-color: #751a3d;
-  }
-
-  .xl\:to-cool-gray-50 {
-    --gradient-to-color: #f8fafc;
-  }
-
-  .xl\:to-cool-gray-100 {
-    --gradient-to-color: #f1f5f9;
-  }
-
-  .xl\:to-cool-gray-200 {
-    --gradient-to-color: #e2e8f0;
-  }
-
-  .xl\:to-cool-gray-300 {
-    --gradient-to-color: #cfd8e3;
-  }
-
-  .xl\:to-cool-gray-400 {
-    --gradient-to-color: #97a6ba;
-  }
-
-  .xl\:to-cool-gray-500 {
-    --gradient-to-color: #64748b;
-  }
-
-  .xl\:to-cool-gray-600 {
-    --gradient-to-color: #475569;
-  }
-
-  .xl\:to-cool-gray-700 {
-    --gradient-to-color: #364152;
-  }
-
-  .xl\:to-cool-gray-800 {
-    --gradient-to-color: #27303f;
-  }
-
-  .xl\:to-cool-gray-900 {
-    --gradient-to-color: #1a202e;
-  }
-
-  .xl\:hover\:from-current:hover {
-    --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:hover\:from-transparent:hover {
-    --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:hover\:from-white:hover {
-    --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:hover\:from-black:hover {
-    --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:hover\:from-gray-50:hover {
-    --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .xl\:hover\:from-gray-100:hover {
-    --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .xl\:hover\:from-gray-200:hover {
-    --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .xl\:hover\:from-gray-300:hover {
-    --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .xl\:hover\:from-gray-400:hover {
-    --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .xl\:hover\:from-gray-500:hover {
-    --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .xl\:hover\:from-gray-600:hover {
-    --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .xl\:hover\:from-gray-700:hover {
-    --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .xl\:hover\:from-gray-800:hover {
-    --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .xl\:hover\:from-gray-900:hover {
-    --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .xl\:hover\:from-red-50:hover {
-    --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .xl\:hover\:from-red-100:hover {
-    --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .xl\:hover\:from-red-200:hover {
-    --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .xl\:hover\:from-red-300:hover {
-    --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .xl\:hover\:from-red-400:hover {
-    --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .xl\:hover\:from-red-500:hover {
-    --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .xl\:hover\:from-red-600:hover {
-    --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .xl\:hover\:from-red-700:hover {
-    --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .xl\:hover\:from-red-800:hover {
-    --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .xl\:hover\:from-red-900:hover {
-    --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .xl\:hover\:from-orange-50:hover {
-    --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .xl\:hover\:from-orange-100:hover {
-    --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .xl\:hover\:from-orange-200:hover {
-    --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .xl\:hover\:from-orange-300:hover {
-    --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .xl\:hover\:from-orange-400:hover {
-    --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .xl\:hover\:from-orange-500:hover {
-    --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .xl\:hover\:from-orange-600:hover {
-    --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .xl\:hover\:from-orange-700:hover {
-    --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .xl\:hover\:from-orange-800:hover {
-    --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .xl\:hover\:from-orange-900:hover {
-    --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .xl\:hover\:from-yellow-50:hover {
-    --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .xl\:hover\:from-yellow-100:hover {
-    --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .xl\:hover\:from-yellow-200:hover {
-    --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .xl\:hover\:from-yellow-300:hover {
-    --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .xl\:hover\:from-yellow-400:hover {
-    --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .xl\:hover\:from-yellow-500:hover {
-    --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .xl\:hover\:from-yellow-600:hover {
-    --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .xl\:hover\:from-yellow-700:hover {
-    --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .xl\:hover\:from-yellow-800:hover {
-    --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .xl\:hover\:from-yellow-900:hover {
-    --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .xl\:hover\:from-green-50:hover {
-    --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .xl\:hover\:from-green-100:hover {
-    --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .xl\:hover\:from-green-200:hover {
-    --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .xl\:hover\:from-green-300:hover {
-    --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .xl\:hover\:from-green-400:hover {
-    --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .xl\:hover\:from-green-500:hover {
-    --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .xl\:hover\:from-green-600:hover {
-    --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .xl\:hover\:from-green-700:hover {
-    --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .xl\:hover\:from-green-800:hover {
-    --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .xl\:hover\:from-green-900:hover {
-    --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .xl\:hover\:from-teal-50:hover {
-    --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .xl\:hover\:from-teal-100:hover {
-    --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .xl\:hover\:from-teal-200:hover {
-    --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .xl\:hover\:from-teal-300:hover {
-    --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .xl\:hover\:from-teal-400:hover {
-    --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .xl\:hover\:from-teal-500:hover {
-    --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .xl\:hover\:from-teal-600:hover {
-    --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .xl\:hover\:from-teal-700:hover {
-    --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .xl\:hover\:from-teal-800:hover {
-    --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .xl\:hover\:from-teal-900:hover {
-    --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .xl\:hover\:from-blue-50:hover {
-    --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .xl\:hover\:from-blue-100:hover {
-    --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .xl\:hover\:from-blue-200:hover {
-    --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .xl\:hover\:from-blue-300:hover {
-    --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .xl\:hover\:from-blue-400:hover {
-    --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .xl\:hover\:from-blue-500:hover {
-    --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .xl\:hover\:from-blue-600:hover {
-    --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .xl\:hover\:from-blue-700:hover {
-    --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .xl\:hover\:from-blue-800:hover {
-    --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .xl\:hover\:from-blue-900:hover {
-    --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .xl\:hover\:from-indigo-50:hover {
-    --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .xl\:hover\:from-indigo-100:hover {
-    --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .xl\:hover\:from-indigo-200:hover {
-    --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .xl\:hover\:from-indigo-300:hover {
-    --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .xl\:hover\:from-indigo-400:hover {
-    --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .xl\:hover\:from-indigo-500:hover {
-    --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .xl\:hover\:from-indigo-600:hover {
-    --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .xl\:hover\:from-indigo-700:hover {
-    --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .xl\:hover\:from-indigo-800:hover {
-    --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .xl\:hover\:from-indigo-900:hover {
-    --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .xl\:hover\:from-purple-50:hover {
-    --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .xl\:hover\:from-purple-100:hover {
-    --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .xl\:hover\:from-purple-200:hover {
-    --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .xl\:hover\:from-purple-300:hover {
-    --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .xl\:hover\:from-purple-400:hover {
-    --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .xl\:hover\:from-purple-500:hover {
-    --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .xl\:hover\:from-purple-600:hover {
-    --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .xl\:hover\:from-purple-700:hover {
-    --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .xl\:hover\:from-purple-800:hover {
-    --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .xl\:hover\:from-purple-900:hover {
-    --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .xl\:hover\:from-pink-50:hover {
-    --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .xl\:hover\:from-pink-100:hover {
-    --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .xl\:hover\:from-pink-200:hover {
-    --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .xl\:hover\:from-pink-300:hover {
-    --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .xl\:hover\:from-pink-400:hover {
-    --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .xl\:hover\:from-pink-500:hover {
-    --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .xl\:hover\:from-pink-600:hover {
-    --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .xl\:hover\:from-pink-700:hover {
-    --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .xl\:hover\:from-pink-800:hover {
-    --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .xl\:hover\:from-pink-900:hover {
-    --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .xl\:hover\:from-cool-gray-50:hover {
-    --gradient-from-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .xl\:hover\:from-cool-gray-100:hover {
-    --gradient-from-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .xl\:hover\:from-cool-gray-200:hover {
-    --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .xl\:hover\:from-cool-gray-300:hover {
-    --gradient-from-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .xl\:hover\:from-cool-gray-400:hover {
-    --gradient-from-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .xl\:hover\:from-cool-gray-500:hover {
-    --gradient-from-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .xl\:hover\:from-cool-gray-600:hover {
-    --gradient-from-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .xl\:hover\:from-cool-gray-700:hover {
-    --gradient-from-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .xl\:hover\:from-cool-gray-800:hover {
-    --gradient-from-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .xl\:hover\:from-cool-gray-900:hover {
-    --gradient-from-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .xl\:hover\:via-current:hover {
-    --gradient-via-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:hover\:via-transparent:hover {
-    --gradient-via-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:hover\:via-white:hover {
-    --gradient-via-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:hover\:via-black:hover {
-    --gradient-via-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:hover\:via-gray-50:hover {
-    --gradient-via-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .xl\:hover\:via-gray-100:hover {
-    --gradient-via-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .xl\:hover\:via-gray-200:hover {
-    --gradient-via-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .xl\:hover\:via-gray-300:hover {
-    --gradient-via-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .xl\:hover\:via-gray-400:hover {
-    --gradient-via-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .xl\:hover\:via-gray-500:hover {
-    --gradient-via-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .xl\:hover\:via-gray-600:hover {
-    --gradient-via-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .xl\:hover\:via-gray-700:hover {
-    --gradient-via-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .xl\:hover\:via-gray-800:hover {
-    --gradient-via-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .xl\:hover\:via-gray-900:hover {
-    --gradient-via-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .xl\:hover\:via-red-50:hover {
-    --gradient-via-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .xl\:hover\:via-red-100:hover {
-    --gradient-via-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .xl\:hover\:via-red-200:hover {
-    --gradient-via-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .xl\:hover\:via-red-300:hover {
-    --gradient-via-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .xl\:hover\:via-red-400:hover {
-    --gradient-via-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .xl\:hover\:via-red-500:hover {
-    --gradient-via-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .xl\:hover\:via-red-600:hover {
-    --gradient-via-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .xl\:hover\:via-red-700:hover {
-    --gradient-via-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .xl\:hover\:via-red-800:hover {
-    --gradient-via-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .xl\:hover\:via-red-900:hover {
-    --gradient-via-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .xl\:hover\:via-orange-50:hover {
-    --gradient-via-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .xl\:hover\:via-orange-100:hover {
-    --gradient-via-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .xl\:hover\:via-orange-200:hover {
-    --gradient-via-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .xl\:hover\:via-orange-300:hover {
-    --gradient-via-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .xl\:hover\:via-orange-400:hover {
-    --gradient-via-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .xl\:hover\:via-orange-500:hover {
-    --gradient-via-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .xl\:hover\:via-orange-600:hover {
-    --gradient-via-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .xl\:hover\:via-orange-700:hover {
-    --gradient-via-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .xl\:hover\:via-orange-800:hover {
-    --gradient-via-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .xl\:hover\:via-orange-900:hover {
-    --gradient-via-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .xl\:hover\:via-yellow-50:hover {
-    --gradient-via-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .xl\:hover\:via-yellow-100:hover {
-    --gradient-via-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .xl\:hover\:via-yellow-200:hover {
-    --gradient-via-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .xl\:hover\:via-yellow-300:hover {
-    --gradient-via-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .xl\:hover\:via-yellow-400:hover {
-    --gradient-via-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .xl\:hover\:via-yellow-500:hover {
-    --gradient-via-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .xl\:hover\:via-yellow-600:hover {
-    --gradient-via-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .xl\:hover\:via-yellow-700:hover {
-    --gradient-via-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .xl\:hover\:via-yellow-800:hover {
-    --gradient-via-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .xl\:hover\:via-yellow-900:hover {
-    --gradient-via-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .xl\:hover\:via-green-50:hover {
-    --gradient-via-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .xl\:hover\:via-green-100:hover {
-    --gradient-via-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .xl\:hover\:via-green-200:hover {
-    --gradient-via-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .xl\:hover\:via-green-300:hover {
-    --gradient-via-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .xl\:hover\:via-green-400:hover {
-    --gradient-via-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .xl\:hover\:via-green-500:hover {
-    --gradient-via-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .xl\:hover\:via-green-600:hover {
-    --gradient-via-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .xl\:hover\:via-green-700:hover {
-    --gradient-via-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .xl\:hover\:via-green-800:hover {
-    --gradient-via-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .xl\:hover\:via-green-900:hover {
-    --gradient-via-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .xl\:hover\:via-teal-50:hover {
-    --gradient-via-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .xl\:hover\:via-teal-100:hover {
-    --gradient-via-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .xl\:hover\:via-teal-200:hover {
-    --gradient-via-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .xl\:hover\:via-teal-300:hover {
-    --gradient-via-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .xl\:hover\:via-teal-400:hover {
-    --gradient-via-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .xl\:hover\:via-teal-500:hover {
-    --gradient-via-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .xl\:hover\:via-teal-600:hover {
-    --gradient-via-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .xl\:hover\:via-teal-700:hover {
-    --gradient-via-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .xl\:hover\:via-teal-800:hover {
-    --gradient-via-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .xl\:hover\:via-teal-900:hover {
-    --gradient-via-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .xl\:hover\:via-blue-50:hover {
-    --gradient-via-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .xl\:hover\:via-blue-100:hover {
-    --gradient-via-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .xl\:hover\:via-blue-200:hover {
-    --gradient-via-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .xl\:hover\:via-blue-300:hover {
-    --gradient-via-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .xl\:hover\:via-blue-400:hover {
-    --gradient-via-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .xl\:hover\:via-blue-500:hover {
-    --gradient-via-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .xl\:hover\:via-blue-600:hover {
-    --gradient-via-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .xl\:hover\:via-blue-700:hover {
-    --gradient-via-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .xl\:hover\:via-blue-800:hover {
-    --gradient-via-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .xl\:hover\:via-blue-900:hover {
-    --gradient-via-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .xl\:hover\:via-indigo-50:hover {
-    --gradient-via-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .xl\:hover\:via-indigo-100:hover {
-    --gradient-via-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .xl\:hover\:via-indigo-200:hover {
-    --gradient-via-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .xl\:hover\:via-indigo-300:hover {
-    --gradient-via-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .xl\:hover\:via-indigo-400:hover {
-    --gradient-via-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .xl\:hover\:via-indigo-500:hover {
-    --gradient-via-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .xl\:hover\:via-indigo-600:hover {
-    --gradient-via-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .xl\:hover\:via-indigo-700:hover {
-    --gradient-via-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .xl\:hover\:via-indigo-800:hover {
-    --gradient-via-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .xl\:hover\:via-indigo-900:hover {
-    --gradient-via-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .xl\:hover\:via-purple-50:hover {
-    --gradient-via-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .xl\:hover\:via-purple-100:hover {
-    --gradient-via-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .xl\:hover\:via-purple-200:hover {
-    --gradient-via-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .xl\:hover\:via-purple-300:hover {
-    --gradient-via-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .xl\:hover\:via-purple-400:hover {
-    --gradient-via-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .xl\:hover\:via-purple-500:hover {
-    --gradient-via-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .xl\:hover\:via-purple-600:hover {
-    --gradient-via-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .xl\:hover\:via-purple-700:hover {
-    --gradient-via-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .xl\:hover\:via-purple-800:hover {
-    --gradient-via-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .xl\:hover\:via-purple-900:hover {
-    --gradient-via-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .xl\:hover\:via-pink-50:hover {
-    --gradient-via-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .xl\:hover\:via-pink-100:hover {
-    --gradient-via-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .xl\:hover\:via-pink-200:hover {
-    --gradient-via-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .xl\:hover\:via-pink-300:hover {
-    --gradient-via-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .xl\:hover\:via-pink-400:hover {
-    --gradient-via-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .xl\:hover\:via-pink-500:hover {
-    --gradient-via-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .xl\:hover\:via-pink-600:hover {
-    --gradient-via-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .xl\:hover\:via-pink-700:hover {
-    --gradient-via-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .xl\:hover\:via-pink-800:hover {
-    --gradient-via-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .xl\:hover\:via-pink-900:hover {
-    --gradient-via-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .xl\:hover\:via-cool-gray-50:hover {
-    --gradient-via-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .xl\:hover\:via-cool-gray-100:hover {
-    --gradient-via-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .xl\:hover\:via-cool-gray-200:hover {
-    --gradient-via-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .xl\:hover\:via-cool-gray-300:hover {
-    --gradient-via-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .xl\:hover\:via-cool-gray-400:hover {
-    --gradient-via-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .xl\:hover\:via-cool-gray-500:hover {
-    --gradient-via-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .xl\:hover\:via-cool-gray-600:hover {
-    --gradient-via-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .xl\:hover\:via-cool-gray-700:hover {
-    --gradient-via-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .xl\:hover\:via-cool-gray-800:hover {
-    --gradient-via-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .xl\:hover\:via-cool-gray-900:hover {
-    --gradient-via-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .xl\:hover\:to-current:hover {
-    --gradient-to-color: currentColor;
-  }
-
-  .xl\:hover\:to-transparent:hover {
-    --gradient-to-color: transparent;
-  }
-
-  .xl\:hover\:to-white:hover {
-    --gradient-to-color: #ffffff;
-  }
-
-  .xl\:hover\:to-black:hover {
-    --gradient-to-color: #000000;
-  }
-
-  .xl\:hover\:to-gray-50:hover {
-    --gradient-to-color: #f9fafb;
-  }
-
-  .xl\:hover\:to-gray-100:hover {
-    --gradient-to-color: #f4f5f7;
-  }
-
-  .xl\:hover\:to-gray-200:hover {
-    --gradient-to-color: #e5e7eb;
-  }
-
-  .xl\:hover\:to-gray-300:hover {
-    --gradient-to-color: #d2d6dc;
-  }
-
-  .xl\:hover\:to-gray-400:hover {
-    --gradient-to-color: #9fa6b2;
-  }
-
-  .xl\:hover\:to-gray-500:hover {
-    --gradient-to-color: #6b7280;
-  }
-
-  .xl\:hover\:to-gray-600:hover {
-    --gradient-to-color: #4b5563;
-  }
-
-  .xl\:hover\:to-gray-700:hover {
-    --gradient-to-color: #374151;
-  }
-
-  .xl\:hover\:to-gray-800:hover {
-    --gradient-to-color: #252f3f;
-  }
-
-  .xl\:hover\:to-gray-900:hover {
-    --gradient-to-color: #161e2e;
-  }
-
-  .xl\:hover\:to-red-50:hover {
-    --gradient-to-color: #fdf2f2;
-  }
-
-  .xl\:hover\:to-red-100:hover {
-    --gradient-to-color: #fde8e8;
-  }
-
-  .xl\:hover\:to-red-200:hover {
-    --gradient-to-color: #fbd5d5;
-  }
-
-  .xl\:hover\:to-red-300:hover {
-    --gradient-to-color: #f8b4b4;
-  }
-
-  .xl\:hover\:to-red-400:hover {
-    --gradient-to-color: #f98080;
-  }
-
-  .xl\:hover\:to-red-500:hover {
-    --gradient-to-color: #f05252;
-  }
-
-  .xl\:hover\:to-red-600:hover {
-    --gradient-to-color: #e02424;
-  }
-
-  .xl\:hover\:to-red-700:hover {
-    --gradient-to-color: #c81e1e;
-  }
-
-  .xl\:hover\:to-red-800:hover {
-    --gradient-to-color: #9b1c1c;
-  }
-
-  .xl\:hover\:to-red-900:hover {
-    --gradient-to-color: #771d1d;
-  }
-
-  .xl\:hover\:to-orange-50:hover {
-    --gradient-to-color: #fff8f1;
-  }
-
-  .xl\:hover\:to-orange-100:hover {
-    --gradient-to-color: #feecdc;
-  }
-
-  .xl\:hover\:to-orange-200:hover {
-    --gradient-to-color: #fcd9bd;
-  }
-
-  .xl\:hover\:to-orange-300:hover {
-    --gradient-to-color: #fdba8c;
-  }
-
-  .xl\:hover\:to-orange-400:hover {
-    --gradient-to-color: #ff8a4c;
-  }
-
-  .xl\:hover\:to-orange-500:hover {
-    --gradient-to-color: #ff5a1f;
-  }
-
-  .xl\:hover\:to-orange-600:hover {
-    --gradient-to-color: #d03801;
-  }
-
-  .xl\:hover\:to-orange-700:hover {
-    --gradient-to-color: #b43403;
-  }
-
-  .xl\:hover\:to-orange-800:hover {
-    --gradient-to-color: #8a2c0d;
-  }
-
-  .xl\:hover\:to-orange-900:hover {
-    --gradient-to-color: #73230d;
-  }
-
-  .xl\:hover\:to-yellow-50:hover {
-    --gradient-to-color: #fdfdea;
-  }
-
-  .xl\:hover\:to-yellow-100:hover {
-    --gradient-to-color: #fdf6b2;
-  }
-
-  .xl\:hover\:to-yellow-200:hover {
-    --gradient-to-color: #fce96a;
-  }
-
-  .xl\:hover\:to-yellow-300:hover {
-    --gradient-to-color: #faca15;
-  }
-
-  .xl\:hover\:to-yellow-400:hover {
-    --gradient-to-color: #e3a008;
-  }
-
-  .xl\:hover\:to-yellow-500:hover {
-    --gradient-to-color: #c27803;
-  }
-
-  .xl\:hover\:to-yellow-600:hover {
-    --gradient-to-color: #9f580a;
-  }
-
-  .xl\:hover\:to-yellow-700:hover {
-    --gradient-to-color: #8e4b10;
-  }
-
-  .xl\:hover\:to-yellow-800:hover {
-    --gradient-to-color: #723b13;
-  }
-
-  .xl\:hover\:to-yellow-900:hover {
-    --gradient-to-color: #633112;
-  }
-
-  .xl\:hover\:to-green-50:hover {
-    --gradient-to-color: #f3faf7;
-  }
-
-  .xl\:hover\:to-green-100:hover {
-    --gradient-to-color: #def7ec;
-  }
-
-  .xl\:hover\:to-green-200:hover {
-    --gradient-to-color: #bcf0da;
-  }
-
-  .xl\:hover\:to-green-300:hover {
-    --gradient-to-color: #84e1bc;
-  }
-
-  .xl\:hover\:to-green-400:hover {
-    --gradient-to-color: #31c48d;
-  }
-
-  .xl\:hover\:to-green-500:hover {
-    --gradient-to-color: #0e9f6e;
-  }
-
-  .xl\:hover\:to-green-600:hover {
-    --gradient-to-color: #057a55;
-  }
-
-  .xl\:hover\:to-green-700:hover {
-    --gradient-to-color: #046c4e;
-  }
-
-  .xl\:hover\:to-green-800:hover {
-    --gradient-to-color: #03543f;
-  }
-
-  .xl\:hover\:to-green-900:hover {
-    --gradient-to-color: #014737;
-  }
-
-  .xl\:hover\:to-teal-50:hover {
-    --gradient-to-color: #edfafa;
-  }
-
-  .xl\:hover\:to-teal-100:hover {
-    --gradient-to-color: #d5f5f6;
-  }
-
-  .xl\:hover\:to-teal-200:hover {
-    --gradient-to-color: #afecef;
-  }
-
-  .xl\:hover\:to-teal-300:hover {
-    --gradient-to-color: #7edce2;
-  }
-
-  .xl\:hover\:to-teal-400:hover {
-    --gradient-to-color: #16bdca;
-  }
-
-  .xl\:hover\:to-teal-500:hover {
-    --gradient-to-color: #0694a2;
-  }
-
-  .xl\:hover\:to-teal-600:hover {
-    --gradient-to-color: #047481;
-  }
-
-  .xl\:hover\:to-teal-700:hover {
-    --gradient-to-color: #036672;
-  }
-
-  .xl\:hover\:to-teal-800:hover {
-    --gradient-to-color: #05505c;
-  }
-
-  .xl\:hover\:to-teal-900:hover {
-    --gradient-to-color: #014451;
-  }
-
-  .xl\:hover\:to-blue-50:hover {
-    --gradient-to-color: #ebf5ff;
-  }
-
-  .xl\:hover\:to-blue-100:hover {
-    --gradient-to-color: #e1effe;
-  }
-
-  .xl\:hover\:to-blue-200:hover {
-    --gradient-to-color: #c3ddfd;
-  }
-
-  .xl\:hover\:to-blue-300:hover {
-    --gradient-to-color: #a4cafe;
-  }
-
-  .xl\:hover\:to-blue-400:hover {
-    --gradient-to-color: #76a9fa;
-  }
-
-  .xl\:hover\:to-blue-500:hover {
-    --gradient-to-color: #3f83f8;
-  }
-
-  .xl\:hover\:to-blue-600:hover {
-    --gradient-to-color: #1c64f2;
-  }
-
-  .xl\:hover\:to-blue-700:hover {
-    --gradient-to-color: #1a56db;
-  }
-
-  .xl\:hover\:to-blue-800:hover {
-    --gradient-to-color: #1e429f;
-  }
-
-  .xl\:hover\:to-blue-900:hover {
-    --gradient-to-color: #233876;
-  }
-
-  .xl\:hover\:to-indigo-50:hover {
-    --gradient-to-color: #f0f5ff;
-  }
-
-  .xl\:hover\:to-indigo-100:hover {
-    --gradient-to-color: #e5edff;
-  }
-
-  .xl\:hover\:to-indigo-200:hover {
-    --gradient-to-color: #cddbfe;
-  }
-
-  .xl\:hover\:to-indigo-300:hover {
-    --gradient-to-color: #b4c6fc;
-  }
-
-  .xl\:hover\:to-indigo-400:hover {
-    --gradient-to-color: #8da2fb;
-  }
-
-  .xl\:hover\:to-indigo-500:hover {
-    --gradient-to-color: #6875f5;
-  }
-
-  .xl\:hover\:to-indigo-600:hover {
-    --gradient-to-color: #5850ec;
-  }
-
-  .xl\:hover\:to-indigo-700:hover {
-    --gradient-to-color: #5145cd;
-  }
-
-  .xl\:hover\:to-indigo-800:hover {
-    --gradient-to-color: #42389d;
-  }
-
-  .xl\:hover\:to-indigo-900:hover {
-    --gradient-to-color: #362f78;
-  }
-
-  .xl\:hover\:to-purple-50:hover {
-    --gradient-to-color: #f6f5ff;
-  }
-
-  .xl\:hover\:to-purple-100:hover {
-    --gradient-to-color: #edebfe;
-  }
-
-  .xl\:hover\:to-purple-200:hover {
-    --gradient-to-color: #dcd7fe;
-  }
-
-  .xl\:hover\:to-purple-300:hover {
-    --gradient-to-color: #cabffd;
-  }
-
-  .xl\:hover\:to-purple-400:hover {
-    --gradient-to-color: #ac94fa;
-  }
-
-  .xl\:hover\:to-purple-500:hover {
-    --gradient-to-color: #9061f9;
-  }
-
-  .xl\:hover\:to-purple-600:hover {
-    --gradient-to-color: #7e3af2;
-  }
-
-  .xl\:hover\:to-purple-700:hover {
-    --gradient-to-color: #6c2bd9;
-  }
-
-  .xl\:hover\:to-purple-800:hover {
-    --gradient-to-color: #5521b5;
-  }
-
-  .xl\:hover\:to-purple-900:hover {
-    --gradient-to-color: #4a1d96;
-  }
-
-  .xl\:hover\:to-pink-50:hover {
-    --gradient-to-color: #fdf2f8;
-  }
-
-  .xl\:hover\:to-pink-100:hover {
-    --gradient-to-color: #fce8f3;
-  }
-
-  .xl\:hover\:to-pink-200:hover {
-    --gradient-to-color: #fad1e8;
-  }
-
-  .xl\:hover\:to-pink-300:hover {
-    --gradient-to-color: #f8b4d9;
-  }
-
-  .xl\:hover\:to-pink-400:hover {
-    --gradient-to-color: #f17eb8;
-  }
-
-  .xl\:hover\:to-pink-500:hover {
-    --gradient-to-color: #e74694;
-  }
-
-  .xl\:hover\:to-pink-600:hover {
-    --gradient-to-color: #d61f69;
-  }
-
-  .xl\:hover\:to-pink-700:hover {
-    --gradient-to-color: #bf125d;
-  }
-
-  .xl\:hover\:to-pink-800:hover {
-    --gradient-to-color: #99154b;
-  }
-
-  .xl\:hover\:to-pink-900:hover {
-    --gradient-to-color: #751a3d;
-  }
-
-  .xl\:hover\:to-cool-gray-50:hover {
-    --gradient-to-color: #f8fafc;
-  }
-
-  .xl\:hover\:to-cool-gray-100:hover {
-    --gradient-to-color: #f1f5f9;
-  }
-
-  .xl\:hover\:to-cool-gray-200:hover {
-    --gradient-to-color: #e2e8f0;
-  }
-
-  .xl\:hover\:to-cool-gray-300:hover {
-    --gradient-to-color: #cfd8e3;
-  }
-
-  .xl\:hover\:to-cool-gray-400:hover {
-    --gradient-to-color: #97a6ba;
-  }
-
-  .xl\:hover\:to-cool-gray-500:hover {
-    --gradient-to-color: #64748b;
-  }
-
-  .xl\:hover\:to-cool-gray-600:hover {
-    --gradient-to-color: #475569;
-  }
-
-  .xl\:hover\:to-cool-gray-700:hover {
-    --gradient-to-color: #364152;
-  }
-
-  .xl\:hover\:to-cool-gray-800:hover {
-    --gradient-to-color: #27303f;
-  }
-
-  .xl\:hover\:to-cool-gray-900:hover {
-    --gradient-to-color: #1a202e;
-  }
-
-  .xl\:focus\:from-current:focus {
-    --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:focus\:from-transparent:focus {
-    --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:focus\:from-white:focus {
-    --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:focus\:from-black:focus {
-    --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:focus\:from-gray-50:focus {
-    --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .xl\:focus\:from-gray-100:focus {
-    --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .xl\:focus\:from-gray-200:focus {
-    --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .xl\:focus\:from-gray-300:focus {
-    --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .xl\:focus\:from-gray-400:focus {
-    --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .xl\:focus\:from-gray-500:focus {
-    --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .xl\:focus\:from-gray-600:focus {
-    --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .xl\:focus\:from-gray-700:focus {
-    --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .xl\:focus\:from-gray-800:focus {
-    --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .xl\:focus\:from-gray-900:focus {
-    --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .xl\:focus\:from-red-50:focus {
-    --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .xl\:focus\:from-red-100:focus {
-    --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .xl\:focus\:from-red-200:focus {
-    --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .xl\:focus\:from-red-300:focus {
-    --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .xl\:focus\:from-red-400:focus {
-    --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .xl\:focus\:from-red-500:focus {
-    --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .xl\:focus\:from-red-600:focus {
-    --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .xl\:focus\:from-red-700:focus {
-    --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .xl\:focus\:from-red-800:focus {
-    --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .xl\:focus\:from-red-900:focus {
-    --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .xl\:focus\:from-orange-50:focus {
-    --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .xl\:focus\:from-orange-100:focus {
-    --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .xl\:focus\:from-orange-200:focus {
-    --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .xl\:focus\:from-orange-300:focus {
-    --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .xl\:focus\:from-orange-400:focus {
-    --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .xl\:focus\:from-orange-500:focus {
-    --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .xl\:focus\:from-orange-600:focus {
-    --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .xl\:focus\:from-orange-700:focus {
-    --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .xl\:focus\:from-orange-800:focus {
-    --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .xl\:focus\:from-orange-900:focus {
-    --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .xl\:focus\:from-yellow-50:focus {
-    --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .xl\:focus\:from-yellow-100:focus {
-    --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .xl\:focus\:from-yellow-200:focus {
-    --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .xl\:focus\:from-yellow-300:focus {
-    --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .xl\:focus\:from-yellow-400:focus {
-    --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .xl\:focus\:from-yellow-500:focus {
-    --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .xl\:focus\:from-yellow-600:focus {
-    --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .xl\:focus\:from-yellow-700:focus {
-    --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .xl\:focus\:from-yellow-800:focus {
-    --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .xl\:focus\:from-yellow-900:focus {
-    --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .xl\:focus\:from-green-50:focus {
-    --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .xl\:focus\:from-green-100:focus {
-    --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .xl\:focus\:from-green-200:focus {
-    --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .xl\:focus\:from-green-300:focus {
-    --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .xl\:focus\:from-green-400:focus {
-    --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .xl\:focus\:from-green-500:focus {
-    --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .xl\:focus\:from-green-600:focus {
-    --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .xl\:focus\:from-green-700:focus {
-    --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .xl\:focus\:from-green-800:focus {
-    --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .xl\:focus\:from-green-900:focus {
-    --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .xl\:focus\:from-teal-50:focus {
-    --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .xl\:focus\:from-teal-100:focus {
-    --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .xl\:focus\:from-teal-200:focus {
-    --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .xl\:focus\:from-teal-300:focus {
-    --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .xl\:focus\:from-teal-400:focus {
-    --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .xl\:focus\:from-teal-500:focus {
-    --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .xl\:focus\:from-teal-600:focus {
-    --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .xl\:focus\:from-teal-700:focus {
-    --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .xl\:focus\:from-teal-800:focus {
-    --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .xl\:focus\:from-teal-900:focus {
-    --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .xl\:focus\:from-blue-50:focus {
-    --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .xl\:focus\:from-blue-100:focus {
-    --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .xl\:focus\:from-blue-200:focus {
-    --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .xl\:focus\:from-blue-300:focus {
-    --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .xl\:focus\:from-blue-400:focus {
-    --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .xl\:focus\:from-blue-500:focus {
-    --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .xl\:focus\:from-blue-600:focus {
-    --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .xl\:focus\:from-blue-700:focus {
-    --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .xl\:focus\:from-blue-800:focus {
-    --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .xl\:focus\:from-blue-900:focus {
-    --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .xl\:focus\:from-indigo-50:focus {
-    --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .xl\:focus\:from-indigo-100:focus {
-    --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .xl\:focus\:from-indigo-200:focus {
-    --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .xl\:focus\:from-indigo-300:focus {
-    --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .xl\:focus\:from-indigo-400:focus {
-    --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .xl\:focus\:from-indigo-500:focus {
-    --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .xl\:focus\:from-indigo-600:focus {
-    --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .xl\:focus\:from-indigo-700:focus {
-    --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .xl\:focus\:from-indigo-800:focus {
-    --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .xl\:focus\:from-indigo-900:focus {
-    --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .xl\:focus\:from-purple-50:focus {
-    --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .xl\:focus\:from-purple-100:focus {
-    --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .xl\:focus\:from-purple-200:focus {
-    --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .xl\:focus\:from-purple-300:focus {
-    --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .xl\:focus\:from-purple-400:focus {
-    --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .xl\:focus\:from-purple-500:focus {
-    --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .xl\:focus\:from-purple-600:focus {
-    --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .xl\:focus\:from-purple-700:focus {
-    --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .xl\:focus\:from-purple-800:focus {
-    --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .xl\:focus\:from-purple-900:focus {
-    --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .xl\:focus\:from-pink-50:focus {
-    --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .xl\:focus\:from-pink-100:focus {
-    --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .xl\:focus\:from-pink-200:focus {
-    --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .xl\:focus\:from-pink-300:focus {
-    --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .xl\:focus\:from-pink-400:focus {
-    --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .xl\:focus\:from-pink-500:focus {
-    --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .xl\:focus\:from-pink-600:focus {
-    --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .xl\:focus\:from-pink-700:focus {
-    --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .xl\:focus\:from-pink-800:focus {
-    --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .xl\:focus\:from-pink-900:focus {
-    --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .xl\:focus\:from-cool-gray-50:focus {
-    --gradient-from-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .xl\:focus\:from-cool-gray-100:focus {
-    --gradient-from-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .xl\:focus\:from-cool-gray-200:focus {
-    --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .xl\:focus\:from-cool-gray-300:focus {
-    --gradient-from-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .xl\:focus\:from-cool-gray-400:focus {
-    --gradient-from-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .xl\:focus\:from-cool-gray-500:focus {
-    --gradient-from-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .xl\:focus\:from-cool-gray-600:focus {
-    --gradient-from-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .xl\:focus\:from-cool-gray-700:focus {
-    --gradient-from-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .xl\:focus\:from-cool-gray-800:focus {
-    --gradient-from-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .xl\:focus\:from-cool-gray-900:focus {
-    --gradient-from-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .xl\:focus\:via-current:focus {
-    --gradient-via-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:focus\:via-transparent:focus {
-    --gradient-via-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:focus\:via-white:focus {
-    --gradient-via-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xl\:focus\:via-black:focus {
-    --gradient-via-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xl\:focus\:via-gray-50:focus {
-    --gradient-via-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
-  }
-
-  .xl\:focus\:via-gray-100:focus {
-    --gradient-via-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
-  }
-
-  .xl\:focus\:via-gray-200:focus {
-    --gradient-via-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
-  }
-
-  .xl\:focus\:via-gray-300:focus {
-    --gradient-via-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
-  }
-
-  .xl\:focus\:via-gray-400:focus {
-    --gradient-via-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
-  }
-
-  .xl\:focus\:via-gray-500:focus {
-    --gradient-via-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
-  }
-
-  .xl\:focus\:via-gray-600:focus {
-    --gradient-via-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
-  }
-
-  .xl\:focus\:via-gray-700:focus {
-    --gradient-via-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
-  }
-
-  .xl\:focus\:via-gray-800:focus {
-    --gradient-via-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
-  }
-
-  .xl\:focus\:via-gray-900:focus {
-    --gradient-via-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
-  }
-
-  .xl\:focus\:via-red-50:focus {
-    --gradient-via-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
-  }
-
-  .xl\:focus\:via-red-100:focus {
-    --gradient-via-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
-  }
-
-  .xl\:focus\:via-red-200:focus {
-    --gradient-via-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
-  }
-
-  .xl\:focus\:via-red-300:focus {
-    --gradient-via-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
-  }
-
-  .xl\:focus\:via-red-400:focus {
-    --gradient-via-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
-  }
-
-  .xl\:focus\:via-red-500:focus {
-    --gradient-via-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
-  }
-
-  .xl\:focus\:via-red-600:focus {
-    --gradient-via-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
-  }
-
-  .xl\:focus\:via-red-700:focus {
-    --gradient-via-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
-  }
-
-  .xl\:focus\:via-red-800:focus {
-    --gradient-via-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
-  }
-
-  .xl\:focus\:via-red-900:focus {
-    --gradient-via-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
-  }
-
-  .xl\:focus\:via-orange-50:focus {
-    --gradient-via-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
-  }
-
-  .xl\:focus\:via-orange-100:focus {
-    --gradient-via-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
-  }
-
-  .xl\:focus\:via-orange-200:focus {
-    --gradient-via-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
-  }
-
-  .xl\:focus\:via-orange-300:focus {
-    --gradient-via-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
-  }
-
-  .xl\:focus\:via-orange-400:focus {
-    --gradient-via-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
-  }
-
-  .xl\:focus\:via-orange-500:focus {
-    --gradient-via-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
-  }
-
-  .xl\:focus\:via-orange-600:focus {
-    --gradient-via-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
-  }
-
-  .xl\:focus\:via-orange-700:focus {
-    --gradient-via-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
-  }
-
-  .xl\:focus\:via-orange-800:focus {
-    --gradient-via-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
-  }
-
-  .xl\:focus\:via-orange-900:focus {
-    --gradient-via-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
-  }
-
-  .xl\:focus\:via-yellow-50:focus {
-    --gradient-via-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
-  }
-
-  .xl\:focus\:via-yellow-100:focus {
-    --gradient-via-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
-  }
-
-  .xl\:focus\:via-yellow-200:focus {
-    --gradient-via-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
-  }
-
-  .xl\:focus\:via-yellow-300:focus {
-    --gradient-via-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
-  }
-
-  .xl\:focus\:via-yellow-400:focus {
-    --gradient-via-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
-  }
-
-  .xl\:focus\:via-yellow-500:focus {
-    --gradient-via-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
-  }
-
-  .xl\:focus\:via-yellow-600:focus {
-    --gradient-via-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
-  }
-
-  .xl\:focus\:via-yellow-700:focus {
-    --gradient-via-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
-  }
-
-  .xl\:focus\:via-yellow-800:focus {
-    --gradient-via-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
-  }
-
-  .xl\:focus\:via-yellow-900:focus {
-    --gradient-via-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
-  }
-
-  .xl\:focus\:via-green-50:focus {
-    --gradient-via-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
-  }
-
-  .xl\:focus\:via-green-100:focus {
-    --gradient-via-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
-  }
-
-  .xl\:focus\:via-green-200:focus {
-    --gradient-via-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
-  }
-
-  .xl\:focus\:via-green-300:focus {
-    --gradient-via-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
-  }
-
-  .xl\:focus\:via-green-400:focus {
-    --gradient-via-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
-  }
-
-  .xl\:focus\:via-green-500:focus {
-    --gradient-via-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
-  }
-
-  .xl\:focus\:via-green-600:focus {
-    --gradient-via-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
-  }
-
-  .xl\:focus\:via-green-700:focus {
-    --gradient-via-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
-  }
-
-  .xl\:focus\:via-green-800:focus {
-    --gradient-via-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
-  }
-
-  .xl\:focus\:via-green-900:focus {
-    --gradient-via-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
-  }
-
-  .xl\:focus\:via-teal-50:focus {
-    --gradient-via-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
-  }
-
-  .xl\:focus\:via-teal-100:focus {
-    --gradient-via-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
-  }
-
-  .xl\:focus\:via-teal-200:focus {
-    --gradient-via-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
-  }
-
-  .xl\:focus\:via-teal-300:focus {
-    --gradient-via-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
-  }
-
-  .xl\:focus\:via-teal-400:focus {
-    --gradient-via-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
-  }
-
-  .xl\:focus\:via-teal-500:focus {
-    --gradient-via-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
-  }
-
-  .xl\:focus\:via-teal-600:focus {
-    --gradient-via-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
-  }
-
-  .xl\:focus\:via-teal-700:focus {
-    --gradient-via-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
-  }
-
-  .xl\:focus\:via-teal-800:focus {
-    --gradient-via-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
-  }
-
-  .xl\:focus\:via-teal-900:focus {
-    --gradient-via-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
-  }
-
-  .xl\:focus\:via-blue-50:focus {
-    --gradient-via-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
-  }
-
-  .xl\:focus\:via-blue-100:focus {
-    --gradient-via-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
-  }
-
-  .xl\:focus\:via-blue-200:focus {
-    --gradient-via-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
-  }
-
-  .xl\:focus\:via-blue-300:focus {
-    --gradient-via-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
-  }
-
-  .xl\:focus\:via-blue-400:focus {
-    --gradient-via-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
-  }
-
-  .xl\:focus\:via-blue-500:focus {
-    --gradient-via-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
-  }
-
-  .xl\:focus\:via-blue-600:focus {
-    --gradient-via-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
-  }
-
-  .xl\:focus\:via-blue-700:focus {
-    --gradient-via-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
-  }
-
-  .xl\:focus\:via-blue-800:focus {
-    --gradient-via-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
-  }
-
-  .xl\:focus\:via-blue-900:focus {
-    --gradient-via-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
-  }
-
-  .xl\:focus\:via-indigo-50:focus {
-    --gradient-via-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
-  }
-
-  .xl\:focus\:via-indigo-100:focus {
-    --gradient-via-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
-  }
-
-  .xl\:focus\:via-indigo-200:focus {
-    --gradient-via-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
-  }
-
-  .xl\:focus\:via-indigo-300:focus {
-    --gradient-via-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
-  }
-
-  .xl\:focus\:via-indigo-400:focus {
-    --gradient-via-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
-  }
-
-  .xl\:focus\:via-indigo-500:focus {
-    --gradient-via-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
-  }
-
-  .xl\:focus\:via-indigo-600:focus {
-    --gradient-via-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
-  }
-
-  .xl\:focus\:via-indigo-700:focus {
-    --gradient-via-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
-  }
-
-  .xl\:focus\:via-indigo-800:focus {
-    --gradient-via-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
-  }
-
-  .xl\:focus\:via-indigo-900:focus {
-    --gradient-via-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
-  }
-
-  .xl\:focus\:via-purple-50:focus {
-    --gradient-via-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
-  }
-
-  .xl\:focus\:via-purple-100:focus {
-    --gradient-via-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
-  }
-
-  .xl\:focus\:via-purple-200:focus {
-    --gradient-via-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
-  }
-
-  .xl\:focus\:via-purple-300:focus {
-    --gradient-via-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
-  }
-
-  .xl\:focus\:via-purple-400:focus {
-    --gradient-via-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
-  }
-
-  .xl\:focus\:via-purple-500:focus {
-    --gradient-via-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
-  }
-
-  .xl\:focus\:via-purple-600:focus {
-    --gradient-via-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
-  }
-
-  .xl\:focus\:via-purple-700:focus {
-    --gradient-via-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
-  }
-
-  .xl\:focus\:via-purple-800:focus {
-    --gradient-via-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
-  }
-
-  .xl\:focus\:via-purple-900:focus {
-    --gradient-via-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
-  }
-
-  .xl\:focus\:via-pink-50:focus {
-    --gradient-via-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
-  }
-
-  .xl\:focus\:via-pink-100:focus {
-    --gradient-via-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
-  }
-
-  .xl\:focus\:via-pink-200:focus {
-    --gradient-via-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
-  }
-
-  .xl\:focus\:via-pink-300:focus {
-    --gradient-via-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
-  }
-
-  .xl\:focus\:via-pink-400:focus {
-    --gradient-via-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
-  }
-
-  .xl\:focus\:via-pink-500:focus {
-    --gradient-via-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
-  }
-
-  .xl\:focus\:via-pink-600:focus {
-    --gradient-via-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
-  }
-
-  .xl\:focus\:via-pink-700:focus {
-    --gradient-via-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
-  }
-
-  .xl\:focus\:via-pink-800:focus {
-    --gradient-via-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
-  }
-
-  .xl\:focus\:via-pink-900:focus {
-    --gradient-via-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
-  }
-
-  .xl\:focus\:via-cool-gray-50:focus {
-    --gradient-via-color: #f8fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0));
-  }
-
-  .xl\:focus\:via-cool-gray-100:focus {
-    --gradient-via-color: #f1f5f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 249, 0));
-  }
-
-  .xl\:focus\:via-cool-gray-200:focus {
-    --gradient-via-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .xl\:focus\:via-cool-gray-300:focus {
-    --gradient-via-color: #cfd8e3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(207, 216, 227, 0));
-  }
-
-  .xl\:focus\:via-cool-gray-400:focus {
-    --gradient-via-color: #97a6ba;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 166, 186, 0));
-  }
-
-  .xl\:focus\:via-cool-gray-500:focus {
-    --gradient-via-color: #64748b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 116, 139, 0));
-  }
-
-  .xl\:focus\:via-cool-gray-600:focus {
-    --gradient-via-color: #475569;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 85, 105, 0));
-  }
-
-  .xl\:focus\:via-cool-gray-700:focus {
-    --gradient-via-color: #364152;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 65, 82, 0));
-  }
-
-  .xl\:focus\:via-cool-gray-800:focus {
-    --gradient-via-color: #27303f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 48, 63, 0));
-  }
-
-  .xl\:focus\:via-cool-gray-900:focus {
-    --gradient-via-color: #1a202e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 46, 0));
-  }
-
-  .xl\:focus\:to-current:focus {
-    --gradient-to-color: currentColor;
-  }
-
-  .xl\:focus\:to-transparent:focus {
-    --gradient-to-color: transparent;
-  }
-
-  .xl\:focus\:to-white:focus {
-    --gradient-to-color: #ffffff;
-  }
-
-  .xl\:focus\:to-black:focus {
-    --gradient-to-color: #000000;
-  }
-
-  .xl\:focus\:to-gray-50:focus {
-    --gradient-to-color: #f9fafb;
-  }
-
-  .xl\:focus\:to-gray-100:focus {
-    --gradient-to-color: #f4f5f7;
-  }
-
-  .xl\:focus\:to-gray-200:focus {
-    --gradient-to-color: #e5e7eb;
-  }
-
-  .xl\:focus\:to-gray-300:focus {
-    --gradient-to-color: #d2d6dc;
-  }
-
-  .xl\:focus\:to-gray-400:focus {
-    --gradient-to-color: #9fa6b2;
-  }
-
-  .xl\:focus\:to-gray-500:focus {
-    --gradient-to-color: #6b7280;
-  }
-
-  .xl\:focus\:to-gray-600:focus {
-    --gradient-to-color: #4b5563;
-  }
-
-  .xl\:focus\:to-gray-700:focus {
-    --gradient-to-color: #374151;
-  }
-
-  .xl\:focus\:to-gray-800:focus {
-    --gradient-to-color: #252f3f;
-  }
-
-  .xl\:focus\:to-gray-900:focus {
-    --gradient-to-color: #161e2e;
-  }
-
-  .xl\:focus\:to-red-50:focus {
-    --gradient-to-color: #fdf2f2;
-  }
-
-  .xl\:focus\:to-red-100:focus {
-    --gradient-to-color: #fde8e8;
-  }
-
-  .xl\:focus\:to-red-200:focus {
-    --gradient-to-color: #fbd5d5;
-  }
-
-  .xl\:focus\:to-red-300:focus {
-    --gradient-to-color: #f8b4b4;
-  }
-
-  .xl\:focus\:to-red-400:focus {
-    --gradient-to-color: #f98080;
-  }
-
-  .xl\:focus\:to-red-500:focus {
-    --gradient-to-color: #f05252;
-  }
-
-  .xl\:focus\:to-red-600:focus {
-    --gradient-to-color: #e02424;
-  }
-
-  .xl\:focus\:to-red-700:focus {
-    --gradient-to-color: #c81e1e;
-  }
-
-  .xl\:focus\:to-red-800:focus {
-    --gradient-to-color: #9b1c1c;
-  }
-
-  .xl\:focus\:to-red-900:focus {
-    --gradient-to-color: #771d1d;
-  }
-
-  .xl\:focus\:to-orange-50:focus {
-    --gradient-to-color: #fff8f1;
-  }
-
-  .xl\:focus\:to-orange-100:focus {
-    --gradient-to-color: #feecdc;
-  }
-
-  .xl\:focus\:to-orange-200:focus {
-    --gradient-to-color: #fcd9bd;
-  }
-
-  .xl\:focus\:to-orange-300:focus {
-    --gradient-to-color: #fdba8c;
-  }
-
-  .xl\:focus\:to-orange-400:focus {
-    --gradient-to-color: #ff8a4c;
-  }
-
-  .xl\:focus\:to-orange-500:focus {
-    --gradient-to-color: #ff5a1f;
-  }
-
-  .xl\:focus\:to-orange-600:focus {
-    --gradient-to-color: #d03801;
-  }
-
-  .xl\:focus\:to-orange-700:focus {
-    --gradient-to-color: #b43403;
-  }
-
-  .xl\:focus\:to-orange-800:focus {
-    --gradient-to-color: #8a2c0d;
-  }
-
-  .xl\:focus\:to-orange-900:focus {
-    --gradient-to-color: #73230d;
-  }
-
-  .xl\:focus\:to-yellow-50:focus {
-    --gradient-to-color: #fdfdea;
-  }
-
-  .xl\:focus\:to-yellow-100:focus {
-    --gradient-to-color: #fdf6b2;
-  }
-
-  .xl\:focus\:to-yellow-200:focus {
-    --gradient-to-color: #fce96a;
-  }
-
-  .xl\:focus\:to-yellow-300:focus {
-    --gradient-to-color: #faca15;
-  }
-
-  .xl\:focus\:to-yellow-400:focus {
-    --gradient-to-color: #e3a008;
-  }
-
-  .xl\:focus\:to-yellow-500:focus {
-    --gradient-to-color: #c27803;
-  }
-
-  .xl\:focus\:to-yellow-600:focus {
-    --gradient-to-color: #9f580a;
-  }
-
-  .xl\:focus\:to-yellow-700:focus {
-    --gradient-to-color: #8e4b10;
-  }
-
-  .xl\:focus\:to-yellow-800:focus {
-    --gradient-to-color: #723b13;
-  }
-
-  .xl\:focus\:to-yellow-900:focus {
-    --gradient-to-color: #633112;
-  }
-
-  .xl\:focus\:to-green-50:focus {
-    --gradient-to-color: #f3faf7;
-  }
-
-  .xl\:focus\:to-green-100:focus {
-    --gradient-to-color: #def7ec;
-  }
-
-  .xl\:focus\:to-green-200:focus {
-    --gradient-to-color: #bcf0da;
-  }
-
-  .xl\:focus\:to-green-300:focus {
-    --gradient-to-color: #84e1bc;
-  }
-
-  .xl\:focus\:to-green-400:focus {
-    --gradient-to-color: #31c48d;
-  }
-
-  .xl\:focus\:to-green-500:focus {
-    --gradient-to-color: #0e9f6e;
-  }
-
-  .xl\:focus\:to-green-600:focus {
-    --gradient-to-color: #057a55;
-  }
-
-  .xl\:focus\:to-green-700:focus {
-    --gradient-to-color: #046c4e;
-  }
-
-  .xl\:focus\:to-green-800:focus {
-    --gradient-to-color: #03543f;
-  }
-
-  .xl\:focus\:to-green-900:focus {
-    --gradient-to-color: #014737;
-  }
-
-  .xl\:focus\:to-teal-50:focus {
-    --gradient-to-color: #edfafa;
-  }
-
-  .xl\:focus\:to-teal-100:focus {
-    --gradient-to-color: #d5f5f6;
-  }
-
-  .xl\:focus\:to-teal-200:focus {
-    --gradient-to-color: #afecef;
-  }
-
-  .xl\:focus\:to-teal-300:focus {
-    --gradient-to-color: #7edce2;
-  }
-
-  .xl\:focus\:to-teal-400:focus {
-    --gradient-to-color: #16bdca;
-  }
-
-  .xl\:focus\:to-teal-500:focus {
-    --gradient-to-color: #0694a2;
-  }
-
-  .xl\:focus\:to-teal-600:focus {
-    --gradient-to-color: #047481;
-  }
-
-  .xl\:focus\:to-teal-700:focus {
-    --gradient-to-color: #036672;
-  }
-
-  .xl\:focus\:to-teal-800:focus {
-    --gradient-to-color: #05505c;
-  }
-
-  .xl\:focus\:to-teal-900:focus {
-    --gradient-to-color: #014451;
-  }
-
-  .xl\:focus\:to-blue-50:focus {
-    --gradient-to-color: #ebf5ff;
-  }
-
-  .xl\:focus\:to-blue-100:focus {
-    --gradient-to-color: #e1effe;
-  }
-
-  .xl\:focus\:to-blue-200:focus {
-    --gradient-to-color: #c3ddfd;
-  }
-
-  .xl\:focus\:to-blue-300:focus {
-    --gradient-to-color: #a4cafe;
-  }
-
-  .xl\:focus\:to-blue-400:focus {
-    --gradient-to-color: #76a9fa;
-  }
-
-  .xl\:focus\:to-blue-500:focus {
-    --gradient-to-color: #3f83f8;
-  }
-
-  .xl\:focus\:to-blue-600:focus {
-    --gradient-to-color: #1c64f2;
-  }
-
-  .xl\:focus\:to-blue-700:focus {
-    --gradient-to-color: #1a56db;
-  }
-
-  .xl\:focus\:to-blue-800:focus {
-    --gradient-to-color: #1e429f;
-  }
-
-  .xl\:focus\:to-blue-900:focus {
-    --gradient-to-color: #233876;
-  }
-
-  .xl\:focus\:to-indigo-50:focus {
-    --gradient-to-color: #f0f5ff;
-  }
-
-  .xl\:focus\:to-indigo-100:focus {
-    --gradient-to-color: #e5edff;
-  }
-
-  .xl\:focus\:to-indigo-200:focus {
-    --gradient-to-color: #cddbfe;
-  }
-
-  .xl\:focus\:to-indigo-300:focus {
-    --gradient-to-color: #b4c6fc;
-  }
-
-  .xl\:focus\:to-indigo-400:focus {
-    --gradient-to-color: #8da2fb;
-  }
-
-  .xl\:focus\:to-indigo-500:focus {
-    --gradient-to-color: #6875f5;
-  }
-
-  .xl\:focus\:to-indigo-600:focus {
-    --gradient-to-color: #5850ec;
-  }
-
-  .xl\:focus\:to-indigo-700:focus {
-    --gradient-to-color: #5145cd;
-  }
-
-  .xl\:focus\:to-indigo-800:focus {
-    --gradient-to-color: #42389d;
-  }
-
-  .xl\:focus\:to-indigo-900:focus {
-    --gradient-to-color: #362f78;
-  }
-
-  .xl\:focus\:to-purple-50:focus {
-    --gradient-to-color: #f6f5ff;
-  }
-
-  .xl\:focus\:to-purple-100:focus {
-    --gradient-to-color: #edebfe;
-  }
-
-  .xl\:focus\:to-purple-200:focus {
-    --gradient-to-color: #dcd7fe;
-  }
-
-  .xl\:focus\:to-purple-300:focus {
-    --gradient-to-color: #cabffd;
-  }
-
-  .xl\:focus\:to-purple-400:focus {
-    --gradient-to-color: #ac94fa;
-  }
-
-  .xl\:focus\:to-purple-500:focus {
-    --gradient-to-color: #9061f9;
-  }
-
-  .xl\:focus\:to-purple-600:focus {
-    --gradient-to-color: #7e3af2;
-  }
-
-  .xl\:focus\:to-purple-700:focus {
-    --gradient-to-color: #6c2bd9;
-  }
-
-  .xl\:focus\:to-purple-800:focus {
-    --gradient-to-color: #5521b5;
-  }
-
-  .xl\:focus\:to-purple-900:focus {
-    --gradient-to-color: #4a1d96;
-  }
-
-  .xl\:focus\:to-pink-50:focus {
-    --gradient-to-color: #fdf2f8;
-  }
-
-  .xl\:focus\:to-pink-100:focus {
-    --gradient-to-color: #fce8f3;
-  }
-
-  .xl\:focus\:to-pink-200:focus {
-    --gradient-to-color: #fad1e8;
-  }
-
-  .xl\:focus\:to-pink-300:focus {
-    --gradient-to-color: #f8b4d9;
-  }
-
-  .xl\:focus\:to-pink-400:focus {
-    --gradient-to-color: #f17eb8;
-  }
-
-  .xl\:focus\:to-pink-500:focus {
-    --gradient-to-color: #e74694;
-  }
-
-  .xl\:focus\:to-pink-600:focus {
-    --gradient-to-color: #d61f69;
-  }
-
-  .xl\:focus\:to-pink-700:focus {
-    --gradient-to-color: #bf125d;
-  }
-
-  .xl\:focus\:to-pink-800:focus {
-    --gradient-to-color: #99154b;
-  }
-
-  .xl\:focus\:to-pink-900:focus {
-    --gradient-to-color: #751a3d;
-  }
-
-  .xl\:focus\:to-cool-gray-50:focus {
-    --gradient-to-color: #f8fafc;
-  }
-
-  .xl\:focus\:to-cool-gray-100:focus {
-    --gradient-to-color: #f1f5f9;
-  }
-
-  .xl\:focus\:to-cool-gray-200:focus {
-    --gradient-to-color: #e2e8f0;
-  }
-
-  .xl\:focus\:to-cool-gray-300:focus {
-    --gradient-to-color: #cfd8e3;
-  }
-
-  .xl\:focus\:to-cool-gray-400:focus {
-    --gradient-to-color: #97a6ba;
-  }
-
-  .xl\:focus\:to-cool-gray-500:focus {
-    --gradient-to-color: #64748b;
-  }
-
-  .xl\:focus\:to-cool-gray-600:focus {
-    --gradient-to-color: #475569;
-  }
-
-  .xl\:focus\:to-cool-gray-700:focus {
-    --gradient-to-color: #364152;
-  }
-
-  .xl\:focus\:to-cool-gray-800:focus {
-    --gradient-to-color: #27303f;
-  }
-
-  .xl\:focus\:to-cool-gray-900:focus {
-    --gradient-to-color: #1a202e;
-  }
-
-  .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-current {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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));
-  }
-
-  .xl\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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));
-  }
-
-  .group:hover .xl\:group-hover\:border-current {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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:hover .xl\:group-hover\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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:focus .xl\:group-focus\:border-current {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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));
-  }
-
-  .group:focus .xl\:group-focus\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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));
-  }
-
-  .xl\:hover\:border-current:hover {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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\:hover\:border-cool-gray-50:hover {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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\:focus-within\:border-current:focus-within {
-    border-color: currentColor;
-  }
-
-  .xl\:focus-within\:border-transparent:focus-within {
-    border-color: transparent;
-  }
-
-  .xl\:focus-within\:border-white:focus-within {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-black:focus-within {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-100:focus-within {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-200:focus-within {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-300:focus-within {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-400:focus-within {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-500:focus-within {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-600:focus-within {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-700:focus-within {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-800:focus-within {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-gray-900:focus-within {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-50:focus-within {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-100:focus-within {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-200:focus-within {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-300:focus-within {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-400:focus-within {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-500:focus-within {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-600:focus-within {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-700:focus-within {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-800:focus-within {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-red-900:focus-within {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-orange-50:focus-within {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-orange-100:focus-within {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-orange-200:focus-within {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-orange-300:focus-within {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-orange-400:focus-within {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-orange-500:focus-within {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-orange-600:focus-within {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-orange-700:focus-within {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-orange-800:focus-within {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-orange-900:focus-within {
-    --border-opacity: 1;
-    border-color: #73230d;
-    border-color: rgba(115, 35, 13, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-50:focus-within {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-100:focus-within {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-200:focus-within {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-300:focus-within {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-400:focus-within {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-500:focus-within {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-600:focus-within {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-700:focus-within {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-800:focus-within {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-yellow-900:focus-within {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-100:focus-within {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-200:focus-within {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-300:focus-within {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-400:focus-within {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-500:focus-within {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-600:focus-within {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-700:focus-within {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-800:focus-within {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-green-900:focus-within {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-teal-50:focus-within {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-teal-100:focus-within {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-teal-200:focus-within {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-teal-300:focus-within {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-teal-400:focus-within {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-teal-500:focus-within {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-teal-600:focus-within {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-teal-700:focus-within {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-teal-800:focus-within {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-teal-900:focus-within {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-50:focus-within {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-100:focus-within {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-200:focus-within {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-300:focus-within {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-400:focus-within {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-500:focus-within {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-600:focus-within {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-700:focus-within {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-800:focus-within {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-blue-900:focus-within {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-100:focus-within {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-200:focus-within {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-300:focus-within {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-400:focus-within {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-500:focus-within {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-600:focus-within {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-700:focus-within {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-800:focus-within {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-indigo-900:focus-within {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-purple-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-purple-100:focus-within {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-purple-200:focus-within {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-purple-300:focus-within {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-purple-400:focus-within {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-purple-500:focus-within {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-purple-600:focus-within {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-purple-700:focus-within {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-purple-800:focus-within {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-purple-900:focus-within {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-pink-50:focus-within {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-pink-100:focus-within {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-pink-200:focus-within {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-pink-300:focus-within {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-pink-400:focus-within {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-pink-500:focus-within {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-pink-600:focus-within {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-pink-700:focus-within {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-pink-800:focus-within {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-pink-900:focus-within {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-cool-gray-50:focus-within {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-cool-gray-100:focus-within {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-cool-gray-200:focus-within {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-cool-gray-300:focus-within {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-cool-gray-400:focus-within {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-cool-gray-500:focus-within {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-cool-gray-600:focus-within {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-cool-gray-700:focus-within {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-cool-gray-800:focus-within {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .xl\:focus-within\:border-cool-gray-900:focus-within {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-current:focus {
-    border-color: currentColor;
-  }
-
-  .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-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: #73230d;
-    border-color: rgba(115, 35, 13, 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\:focus\:border-cool-gray-50:focus {
-    --border-opacity: 1;
-    border-color: #f8fafc;
-    border-color: rgba(248, 250, 252, 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\: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-xl {
-    border-radius: 0.75rem;
-  }
-
-  .xl\:rounded-2xl {
-    border-radius: 1rem;
-  }
-
-  .xl\:rounded-3xl {
-    border-radius: 1.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-xl {
-    border-top-left-radius: 0.75rem;
-    border-top-right-radius: 0.75rem;
-  }
-
-  .xl\:rounded-r-xl {
-    border-top-right-radius: 0.75rem;
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .xl\:rounded-b-xl {
-    border-bottom-right-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .xl\:rounded-l-xl {
-    border-top-left-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .xl\:rounded-t-2xl {
-    border-top-left-radius: 1rem;
-    border-top-right-radius: 1rem;
-  }
-
-  .xl\:rounded-r-2xl {
-    border-top-right-radius: 1rem;
-    border-bottom-right-radius: 1rem;
-  }
-
-  .xl\:rounded-b-2xl {
-    border-bottom-right-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .xl\:rounded-l-2xl {
-    border-top-left-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .xl\:rounded-t-3xl {
-    border-top-left-radius: 1.5rem;
-    border-top-right-radius: 1.5rem;
-  }
-
-  .xl\:rounded-r-3xl {
-    border-top-right-radius: 1.5rem;
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .xl\:rounded-b-3xl {
-    border-bottom-right-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .xl\:rounded-l-3xl {
-    border-top-left-radius: 1.5rem;
-    border-bottom-left-radius: 1.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-xl {
-    border-top-left-radius: 0.75rem;
-  }
-
-  .xl\:rounded-tr-xl {
-    border-top-right-radius: 0.75rem;
-  }
-
-  .xl\:rounded-br-xl {
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .xl\:rounded-bl-xl {
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .xl\:rounded-tl-2xl {
-    border-top-left-radius: 1rem;
-  }
-
-  .xl\:rounded-tr-2xl {
-    border-top-right-radius: 1rem;
-  }
-
-  .xl\:rounded-br-2xl {
-    border-bottom-right-radius: 1rem;
-  }
-
-  .xl\:rounded-bl-2xl {
-    border-bottom-left-radius: 1rem;
-  }
-
-  .xl\:rounded-tl-3xl {
-    border-top-left-radius: 1.5rem;
-  }
-
-  .xl\:rounded-tr-3xl {
-    border-top-right-radius: 1.5rem;
-  }
-
-  .xl\:rounded-br-3xl {
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .xl\:rounded-bl-3xl {
-    border-bottom-left-radius: 1.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\:contents {
-    display: contents;
-  }
-
-  .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\:place-items-auto {
-    place-items: auto;
-  }
-
-  .xl\:place-items-start {
-    place-items: start;
-  }
-
-  .xl\:place-items-end {
-    place-items: end;
-  }
-
-  .xl\:place-items-center {
-    place-items: center;
-  }
-
-  .xl\:place-items-stretch {
-    place-items: stretch;
-  }
-
-  .xl\:place-content-center {
-    place-content: center;
-  }
-
-  .xl\:place-content-start {
-    place-content: start;
-  }
-
-  .xl\:place-content-end {
-    place-content: end;
-  }
-
-  .xl\:place-content-between {
-    place-content: space-between;
-  }
-
-  .xl\:place-content-around {
-    place-content: space-around;
-  }
-
-  .xl\:place-content-evenly {
-    place-content: space-evenly;
-  }
-
-  .xl\:place-content-stretch {
-    place-content: stretch;
-  }
-
-  .xl\:place-self-auto {
-    place-self: auto;
-  }
-
-  .xl\:place-self-start {
-    place-self: start;
-  }
-
-  .xl\:place-self-end {
-    place-self: end;
-  }
-
-  .xl\:place-self-center {
-    place-self: center;
-  }
-
-  .xl\:place-self-stretch {
-    place-self: stretch;
-  }
-
-  .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\: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\:content-evenly {
-    align-content: space-evenly;
-  }
-
-  .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-items-auto {
-    justify-items: auto;
-  }
-
-  .xl\:justify-items-start {
-    justify-items: start;
-  }
-
-  .xl\:justify-items-end {
-    justify-items: end;
-  }
-
-  .xl\:justify-items-center {
-    justify-items: center;
-  }
-
-  .xl\:justify-items-stretch {
-    justify-items: 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\:justify-self-auto {
-    justify-self: auto;
-  }
-
-  .xl\:justify-self-start {
-    justify-self: start;
-  }
-
-  .xl\:justify-self-end {
-    justify-self: end;
-  }
-
-  .xl\:justify-self-center {
-    justify-self: center;
-  }
-
-  .xl\:justify-self-stretch {
-    justify-self: stretch;
-  }
-
-  .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-44 {
-    height: 11rem;
-  }
-
-  .xl\:h-48 {
-    height: 12rem;
-  }
-
-  .xl\:h-52 {
-    height: 13rem;
-  }
-
-  .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-44 {
-    margin: 11rem;
-  }
-
-  .xl\:m-48 {
-    margin: 12rem;
-  }
-
-  .xl\:m-52 {
-    margin: 13rem;
-  }
-
-  .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-44 {
-    margin: -11rem;
-  }
-
-  .xl\:-m-48 {
-    margin: -12rem;
-  }
-
-  .xl\:-m-52 {
-    margin: -13rem;
-  }
-
-  .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-44 {
-    margin-top: 11rem;
-    margin-bottom: 11rem;
-  }
-
-  .xl\:mx-44 {
-    margin-left: 11rem;
-    margin-right: 11rem;
-  }
-
-  .xl\:my-48 {
-    margin-top: 12rem;
-    margin-bottom: 12rem;
-  }
-
-  .xl\:mx-48 {
-    margin-left: 12rem;
-    margin-right: 12rem;
-  }
-
-  .xl\:my-52 {
-    margin-top: 13rem;
-    margin-bottom: 13rem;
-  }
-
-  .xl\:mx-52 {
-    margin-left: 13rem;
-    margin-right: 13rem;
-  }
-
-  .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-44 {
-    margin-top: -11rem;
-    margin-bottom: -11rem;
-  }
-
-  .xl\:-mx-44 {
-    margin-left: -11rem;
-    margin-right: -11rem;
-  }
-
-  .xl\:-my-48 {
-    margin-top: -12rem;
-    margin-bottom: -12rem;
-  }
-
-  .xl\:-mx-48 {
-    margin-left: -12rem;
-    margin-right: -12rem;
-  }
-
-  .xl\:-my-52 {
-    margin-top: -13rem;
-    margin-bottom: -13rem;
-  }
-
-  .xl\:-mx-52 {
-    margin-left: -13rem;
-    margin-right: -13rem;
-  }
-
-  .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-44 {
-    margin-top: 11rem;
-  }
-
-  .xl\:mr-44 {
-    margin-right: 11rem;
-  }
-
-  .xl\:mb-44 {
-    margin-bottom: 11rem;
-  }
-
-  .xl\:ml-44 {
-    margin-left: 11rem;
-  }
-
-  .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-52 {
-    margin-top: 13rem;
-  }
-
-  .xl\:mr-52 {
-    margin-right: 13rem;
-  }
-
-  .xl\:mb-52 {
-    margin-bottom: 13rem;
-  }
-
-  .xl\:ml-52 {
-    margin-left: 13rem;
-  }
-
-  .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-44 {
-    margin-top: -11rem;
-  }
-
-  .xl\:-mr-44 {
-    margin-right: -11rem;
-  }
-
-  .xl\:-mb-44 {
-    margin-bottom: -11rem;
-  }
-
-  .xl\:-ml-44 {
-    margin-left: -11rem;
-  }
-
-  .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-52 {
-    margin-top: -13rem;
-  }
-
-  .xl\:-mr-52 {
-    margin-right: -13rem;
-  }
-
-  .xl\:-mb-52 {
-    margin-bottom: -13rem;
-  }
-
-  .xl\:-ml-52 {
-    margin-left: -13rem;
-  }
-
-  .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-44 {
-    max-height: 11rem;
-  }
-
-  .xl\:max-h-48 {
-    max-height: 12rem;
-  }
-
-  .xl\:max-h-52 {
-    max-height: 13rem;
-  }
-
-  .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-0 {
-    max-width: 0rem;
-  }
-
-  .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-min-content {
-    max-width: -webkit-min-content;
-    max-width: -moz-min-content;
-    max-width: min-content;
-  }
-
-  .xl\:max-w-max-content {
-    max-width: -webkit-max-content;
-    max-width: -moz-max-content;
-    max-width: max-content;
-  }
-
-  .xl\:max-w-prose {
-    max-width: 65ch;
-  }
-
-  .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\:min-w-min-content {
-    min-width: -webkit-min-content;
-    min-width: -moz-min-content;
-    min-width: min-content;
-  }
-
-  .xl\:min-w-max-content {
-    min-width: -webkit-max-content;
-    min-width: -moz-max-content;
-    min-width: max-content;
-  }
-
-  .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\:focus-within\:opacity-0:focus-within {
-    opacity: 0;
-  }
-
-  .xl\:focus-within\:opacity-25:focus-within {
-    opacity: 0.25;
-  }
-
-  .xl\:focus-within\:opacity-50:focus-within {
-    opacity: 0.5;
-  }
-
-  .xl\:focus-within\:opacity-75:focus-within {
-    opacity: 0.75;
-  }
-
-  .xl\:focus-within\:opacity-100:focus-within {
-    opacity: 1;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-0 {
-    opacity: 0;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .group:hover .xl\:group-hover\:opacity-100 {
-    opacity: 1;
-  }
-
-  .group:focus .xl\:group-focus\:opacity-0 {
-    opacity: 0;
-  }
-
-  .group:focus .xl\:group-focus\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .group:focus .xl\:group-focus\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .group:focus .xl\:group-focus\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .group:focus .xl\:group-focus\: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: 2px solid transparent;
-    outline-offset: 2px;
-  }
-
-  .xl\:outline-white {
-    outline: 2px dotted white;
-    outline-offset: 2px;
-  }
-
-  .xl\:outline-black {
-    outline: 2px dotted black;
-    outline-offset: 2px;
-  }
-
-  .xl\:focus\:outline-none:focus {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-  }
-
-  .xl\:focus\:outline-white:focus {
-    outline: 2px dotted white;
-    outline-offset: 2px;
-  }
-
-  .xl\:focus\:outline-black:focus {
-    outline: 2px dotted black;
-    outline-offset: 2px;
-  }
-
-  .xl\:overflow-auto {
-    overflow: auto;
-  }
-
-  .xl\:overflow-hidden {
-    overflow: hidden;
-  }
-
-  .xl\:overflow-visible {
-    overflow: visible;
-  }
-
-  .xl\:overflow-scroll {
-    overflow: scroll;
-  }
-
-  .xl\:overflow-x-auto {
-    overflow-x: auto;
-  }
-
-  .xl\:overflow-y-auto {
-    overflow-y: auto;
-  }
-
-  .xl\:overflow-x-hidden {
-    overflow-x: hidden;
-  }
-
-  .xl\:overflow-y-hidden {
-    overflow-y: hidden;
-  }
-
-  .xl\:overflow-x-visible {
-    overflow-x: visible;
-  }
-
-  .xl\:overflow-y-visible {
-    overflow-y: visible;
-  }
-
-  .xl\:overflow-x-scroll {
-    overflow-x: scroll;
-  }
-
-  .xl\:overflow-y-scroll {
-    overflow-y: scroll;
-  }
-
-  .xl\:scrolling-touch {
-    -webkit-overflow-scrolling: touch;
-  }
-
-  .xl\:scrolling-auto {
-    -webkit-overflow-scrolling: auto;
-  }
-
-  .xl\:overscroll-auto {
-    -ms-scroll-chaining: chained;
-        overscroll-behavior: auto;
-  }
-
-  .xl\:overscroll-contain {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: contain;
-  }
-
-  .xl\:overscroll-none {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: none;
-  }
-
-  .xl\:overscroll-y-auto {
-    overscroll-behavior-y: auto;
-  }
-
-  .xl\:overscroll-y-contain {
-    overscroll-behavior-y: contain;
-  }
-
-  .xl\:overscroll-y-none {
-    overscroll-behavior-y: none;
-  }
-
-  .xl\:overscroll-x-auto {
-    overscroll-behavior-x: auto;
-  }
-
-  .xl\:overscroll-x-contain {
-    overscroll-behavior-x: contain;
-  }
-
-  .xl\:overscroll-x-none {
-    overscroll-behavior-x: none;
-  }
-
-  .xl\:p-0 {
-    padding: 0;
-  }
-
-  .xl\:p-1 {
-    padding: 0.25rem;
-  }
-
-  .xl\:p-2 {
-    padding: 0.5rem;
-  }
-
-  .xl\:p-3 {
-    padding: 0.75rem;
-  }
-
-  .xl\:p-4 {
-    padding: 1rem;
-  }
-
-  .xl\:p-5 {
-    padding: 1.25rem;
-  }
-
-  .xl\:p-6 {
-    padding: 1.5rem;
-  }
-
-  .xl\:p-7 {
-    padding: 1.75rem;
-  }
-
-  .xl\:p-8 {
-    padding: 2rem;
-  }
-
-  .xl\:p-9 {
-    padding: 2.25rem;
-  }
-
-  .xl\:p-10 {
-    padding: 2.5rem;
-  }
-
-  .xl\:p-11 {
-    padding: 2.75rem;
-  }
-
-  .xl\:p-12 {
-    padding: 3rem;
-  }
-
-  .xl\:p-13 {
-    padding: 3.25rem;
-  }
-
-  .xl\:p-14 {
-    padding: 3.5rem;
-  }
-
-  .xl\:p-15 {
-    padding: 3.75rem;
-  }
-
-  .xl\:p-16 {
-    padding: 4rem;
-  }
-
-  .xl\:p-20 {
-    padding: 5rem;
-  }
-
-  .xl\:p-24 {
-    padding: 6rem;
-  }
-
-  .xl\:p-28 {
-    padding: 7rem;
-  }
-
-  .xl\:p-32 {
-    padding: 8rem;
-  }
-
-  .xl\:p-36 {
-    padding: 9rem;
-  }
-
-  .xl\:p-40 {
-    padding: 10rem;
-  }
-
-  .xl\:p-44 {
-    padding: 11rem;
-  }
-
-  .xl\:p-48 {
-    padding: 12rem;
-  }
-
-  .xl\:p-52 {
-    padding: 13rem;
-  }
-
-  .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-44 {
-    padding-top: 11rem;
-    padding-bottom: 11rem;
-  }
-
-  .xl\:px-44 {
-    padding-left: 11rem;
-    padding-right: 11rem;
-  }
-
-  .xl\:py-48 {
-    padding-top: 12rem;
-    padding-bottom: 12rem;
-  }
-
-  .xl\:px-48 {
-    padding-left: 12rem;
-    padding-right: 12rem;
-  }
-
-  .xl\:py-52 {
-    padding-top: 13rem;
-    padding-bottom: 13rem;
-  }
-
-  .xl\:px-52 {
-    padding-left: 13rem;
-    padding-right: 13rem;
-  }
-
-  .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-44 {
-    padding-top: 11rem;
-  }
-
-  .xl\:pr-44 {
-    padding-right: 11rem;
-  }
-
-  .xl\:pb-44 {
-    padding-bottom: 11rem;
-  }
-
-  .xl\:pl-44 {
-    padding-left: 11rem;
-  }
-
-  .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-52 {
-    padding-top: 13rem;
-  }
-
-  .xl\:pr-52 {
-    padding-right: 13rem;
-  }
-
-  .xl\:pb-52 {
-    padding-bottom: 13rem;
-  }
-
-  .xl\:pl-52 {
-    padding-left: 13rem;
-  }
-
-  .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-current::-moz-placeholder {
-    color: currentColor;
-  }
-
-  .xl\:placeholder-current:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .xl\:placeholder-current::placeholder {
-    color: currentColor;
-  }
-
-  .xl\:placeholder-transparent::-moz-placeholder {
-    color: transparent;
-  }
-
-  .xl\:placeholder-transparent:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .xl\:placeholder-transparent::placeholder {
-    color: transparent;
-  }
-
-  .xl\:placeholder-white::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-white:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-white::placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-black::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-black:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-black::placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, 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::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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::placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-current:focus::-moz-placeholder {
-    color: currentColor;
-  }
-
-  .xl\:focus\:placeholder-current:focus:-ms-input-placeholder {
-    color: currentColor;
-  }
-
-  .xl\:focus\:placeholder-current:focus::placeholder {
-    color: currentColor;
-  }
-
-  .xl\:focus\:placeholder-transparent:focus::-moz-placeholder {
-    color: transparent;
-  }
-
-  .xl\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .xl\:focus\:placeholder-transparent:focus::placeholder {
-    color: transparent;
-  }
-
-  .xl\:focus\:placeholder-white:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-white:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-white:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-black:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-black:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-black:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #73230d;
-    color: rgba(115, 35, 13, 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::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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::placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-opacity-0::-moz-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .xl\:placeholder-opacity-0:-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .xl\:placeholder-opacity-0::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .xl\:placeholder-opacity-25::-moz-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .xl\:placeholder-opacity-25:-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .xl\:placeholder-opacity-25::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .xl\:placeholder-opacity-50::-moz-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .xl\:placeholder-opacity-50:-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .xl\:placeholder-opacity-50::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .xl\:placeholder-opacity-75::-moz-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .xl\:placeholder-opacity-75:-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .xl\:placeholder-opacity-75::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .xl\:placeholder-opacity-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .xl\:placeholder-opacity-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .xl\:placeholder-opacity-100::placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .xl\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .xl\:focus\:placeholder-opacity-0:focus::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .xl\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .xl\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .xl\:focus\:placeholder-opacity-25:focus::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .xl\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .xl\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .xl\:focus\:placeholder-opacity-50:focus::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .xl\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .xl\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .xl\:focus\:placeholder-opacity-75:focus::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .xl\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .xl\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .xl\:focus\:placeholder-opacity-100:focus::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-44 {
-    top: 11rem;
-    right: 11rem;
-    bottom: 11rem;
-    left: 11rem;
-  }
-
-  .xl\:inset-48 {
-    top: 12rem;
-    right: 12rem;
-    bottom: 12rem;
-    left: 12rem;
-  }
-
-  .xl\:inset-52 {
-    top: 13rem;
-    right: 13rem;
-    bottom: 13rem;
-    left: 13rem;
-  }
-
-  .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-44 {
-    top: 11rem;
-    bottom: 11rem;
-  }
-
-  .xl\:inset-x-44 {
-    right: 11rem;
-    left: 11rem;
-  }
-
-  .xl\:inset-y-48 {
-    top: 12rem;
-    bottom: 12rem;
-  }
-
-  .xl\:inset-x-48 {
-    right: 12rem;
-    left: 12rem;
-  }
-
-  .xl\:inset-y-52 {
-    top: 13rem;
-    bottom: 13rem;
-  }
-
-  .xl\:inset-x-52 {
-    right: 13rem;
-    left: 13rem;
-  }
-
-  .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-44 {
-    top: 11rem;
-  }
-
-  .xl\:right-44 {
-    right: 11rem;
-  }
-
-  .xl\:bottom-44 {
-    bottom: 11rem;
-  }
-
-  .xl\:left-44 {
-    left: 11rem;
-  }
-
-  .xl\:top-48 {
-    top: 12rem;
-  }
-
-  .xl\:right-48 {
-    right: 12rem;
-  }
-
-  .xl\:bottom-48 {
-    bottom: 12rem;
-  }
-
-  .xl\:left-48 {
-    left: 12rem;
-  }
-
-  .xl\:top-52 {
-    top: 13rem;
-  }
-
-  .xl\:right-52 {
-    right: 13rem;
-  }
-
-  .xl\:bottom-52 {
-    bottom: 13rem;
-  }
-
-  .xl\:left-52 {
-    left: 13rem;
-  }
-
-  .xl\:top-56 {
-    top: 14rem;
-  }
-
-  .xl\:right-56 {
-    right: 14rem;
-  }
-
-  .xl\:bottom-56 {
-    bottom: 14rem;
-  }
-
-  .xl\:left-56 {
-    left: 14rem;
-  }
-
-  .xl\:top-60 {
-    top: 15rem;
-  }
-
-  .xl\:right-60 {
-    right: 15rem;
-  }
-
-  .xl\:bottom-60 {
-    bottom: 15rem;
-  }
-
-  .xl\:left-60 {
-    left: 15rem;
-  }
-
-  .xl\:top-64 {
-    top: 16rem;
-  }
-
-  .xl\:right-64 {
-    right: 16rem;
-  }
-
-  .xl\:bottom-64 {
-    bottom: 16rem;
-  }
-
-  .xl\:left-64 {
-    left: 16rem;
-  }
-
-  .xl\:top-72 {
-    top: 18rem;
-  }
-
-  .xl\:right-72 {
-    right: 18rem;
-  }
-
-  .xl\:bottom-72 {
-    bottom: 18rem;
-  }
-
-  .xl\:left-72 {
-    left: 18rem;
-  }
-
-  .xl\:top-80 {
-    top: 20rem;
-  }
-
-  .xl\:right-80 {
-    right: 20rem;
-  }
-
-  .xl\:bottom-80 {
-    bottom: 20rem;
-  }
-
-  .xl\:left-80 {
-    left: 20rem;
-  }
-
-  .xl\:top-96 {
-    top: 24rem;
-  }
-
-  .xl\:right-96 {
-    right: 24rem;
-  }
-
-  .xl\:bottom-96 {
-    bottom: 24rem;
-  }
-
-  .xl\:left-96 {
-    left: 24rem;
-  }
-
-  .xl\:top-auto {
-    top: auto;
-  }
-
-  .xl\:right-auto {
-    right: auto;
-  }
-
-  .xl\:bottom-auto {
-    bottom: auto;
-  }
-
-  .xl\:left-auto {
-    left: auto;
-  }
-
-  .xl\:top-px {
-    top: 1px;
-  }
-
-  .xl\:right-px {
-    right: 1px;
-  }
-
-  .xl\:bottom-px {
-    bottom: 1px;
-  }
-
-  .xl\:left-px {
-    left: 1px;
-  }
-
-  .xl\:top-0\.5 {
-    top: 0.125rem;
-  }
-
-  .xl\:right-0\.5 {
-    right: 0.125rem;
-  }
-
-  .xl\:bottom-0\.5 {
-    bottom: 0.125rem;
-  }
-
-  .xl\:left-0\.5 {
-    left: 0.125rem;
-  }
-
-  .xl\:top-1\.5 {
-    top: 0.375rem;
-  }
-
-  .xl\:right-1\.5 {
-    right: 0.375rem;
-  }
-
-  .xl\:bottom-1\.5 {
-    bottom: 0.375rem;
-  }
-
-  .xl\:left-1\.5 {
-    left: 0.375rem;
-  }
-
-  .xl\:top-2\.5 {
-    top: 0.625rem;
-  }
-
-  .xl\:right-2\.5 {
-    right: 0.625rem;
-  }
-
-  .xl\:bottom-2\.5 {
-    bottom: 0.625rem;
-  }
-
-  .xl\:left-2\.5 {
-    left: 0.625rem;
-  }
-
-  .xl\:top-3\.5 {
-    top: 0.875rem;
-  }
-
-  .xl\:right-3\.5 {
-    right: 0.875rem;
-  }
-
-  .xl\:bottom-3\.5 {
-    bottom: 0.875rem;
-  }
-
-  .xl\:left-3\.5 {
-    left: 0.875rem;
-  }
-
-  .xl\:top-1\/2 {
-    top: 50%;
-  }
-
-  .xl\:right-1\/2 {
-    right: 50%;
-  }
-
-  .xl\:bottom-1\/2 {
-    bottom: 50%;
-  }
-
-  .xl\:left-1\/2 {
-    left: 50%;
-  }
-
-  .xl\:top-1\/3 {
-    top: 33.333333%;
-  }
-
-  .xl\:right-1\/3 {
-    right: 33.333333%;
-  }
-
-  .xl\:bottom-1\/3 {
-    bottom: 33.333333%;
-  }
-
-  .xl\:left-1\/3 {
-    left: 33.333333%;
-  }
-
-  .xl\:top-2\/3 {
-    top: 66.666667%;
-  }
-
-  .xl\:right-2\/3 {
-    right: 66.666667%;
-  }
-
-  .xl\:bottom-2\/3 {
-    bottom: 66.666667%;
-  }
-
-  .xl\:left-2\/3 {
-    left: 66.666667%;
-  }
-
-  .xl\:top-1\/4 {
-    top: 25%;
-  }
-
-  .xl\:right-1\/4 {
-    right: 25%;
-  }
-
-  .xl\:bottom-1\/4 {
-    bottom: 25%;
-  }
-
-  .xl\:left-1\/4 {
-    left: 25%;
-  }
-
-  .xl\:top-2\/4 {
-    top: 50%;
-  }
-
-  .xl\:right-2\/4 {
-    right: 50%;
-  }
-
-  .xl\:bottom-2\/4 {
-    bottom: 50%;
-  }
-
-  .xl\:left-2\/4 {
-    left: 50%;
-  }
-
-  .xl\:top-3\/4 {
-    top: 75%;
-  }
-
-  .xl\:right-3\/4 {
-    right: 75%;
-  }
-
-  .xl\:bottom-3\/4 {
-    bottom: 75%;
-  }
-
-  .xl\:left-3\/4 {
-    left: 75%;
-  }
-
-  .xl\:top-1\/5 {
-    top: 20%;
-  }
-
-  .xl\:right-1\/5 {
-    right: 20%;
-  }
-
-  .xl\:bottom-1\/5 {
-    bottom: 20%;
-  }
-
-  .xl\:left-1\/5 {
-    left: 20%;
-  }
-
-  .xl\:top-2\/5 {
-    top: 40%;
-  }
-
-  .xl\:right-2\/5 {
-    right: 40%;
-  }
-
-  .xl\:bottom-2\/5 {
-    bottom: 40%;
-  }
-
-  .xl\:left-2\/5 {
-    left: 40%;
-  }
-
-  .xl\:top-3\/5 {
-    top: 60%;
-  }
-
-  .xl\:right-3\/5 {
-    right: 60%;
-  }
-
-  .xl\:bottom-3\/5 {
-    bottom: 60%;
-  }
-
-  .xl\:left-3\/5 {
-    left: 60%;
-  }
-
-  .xl\:top-4\/5 {
-    top: 80%;
-  }
-
-  .xl\:right-4\/5 {
-    right: 80%;
-  }
-
-  .xl\:bottom-4\/5 {
-    bottom: 80%;
-  }
-
-  .xl\:left-4\/5 {
-    left: 80%;
-  }
-
-  .xl\:top-1\/6 {
-    top: 16.666667%;
-  }
-
-  .xl\:right-1\/6 {
-    right: 16.666667%;
-  }
-
-  .xl\:bottom-1\/6 {
-    bottom: 16.666667%;
-  }
-
-  .xl\:left-1\/6 {
-    left: 16.666667%;
-  }
-
-  .xl\:top-2\/6 {
-    top: 33.333333%;
-  }
-
-  .xl\:right-2\/6 {
-    right: 33.333333%;
-  }
-
-  .xl\:bottom-2\/6 {
-    bottom: 33.333333%;
-  }
-
-  .xl\:left-2\/6 {
-    left: 33.333333%;
-  }
-
-  .xl\:top-3\/6 {
-    top: 50%;
-  }
-
-  .xl\:right-3\/6 {
-    right: 50%;
-  }
-
-  .xl\:bottom-3\/6 {
-    bottom: 50%;
-  }
-
-  .xl\:left-3\/6 {
-    left: 50%;
-  }
-
-  .xl\:top-4\/6 {
-    top: 66.666667%;
-  }
-
-  .xl\:right-4\/6 {
-    right: 66.666667%;
-  }
-
-  .xl\:bottom-4\/6 {
-    bottom: 66.666667%;
-  }
-
-  .xl\:left-4\/6 {
-    left: 66.666667%;
-  }
-
-  .xl\:top-5\/6 {
-    top: 83.333333%;
-  }
-
-  .xl\:right-5\/6 {
-    right: 83.333333%;
-  }
-
-  .xl\:bottom-5\/6 {
-    bottom: 83.333333%;
-  }
-
-  .xl\:left-5\/6 {
-    left: 83.333333%;
-  }
-
-  .xl\:top-1\/12 {
-    top: 8.333333%;
-  }
-
-  .xl\:right-1\/12 {
-    right: 8.333333%;
-  }
-
-  .xl\:bottom-1\/12 {
-    bottom: 8.333333%;
-  }
-
-  .xl\:left-1\/12 {
-    left: 8.333333%;
-  }
-
-  .xl\:top-2\/12 {
-    top: 16.666667%;
-  }
-
-  .xl\:right-2\/12 {
-    right: 16.666667%;
-  }
-
-  .xl\:bottom-2\/12 {
-    bottom: 16.666667%;
-  }
-
-  .xl\:left-2\/12 {
-    left: 16.666667%;
-  }
-
-  .xl\:top-3\/12 {
-    top: 25%;
-  }
-
-  .xl\:right-3\/12 {
-    right: 25%;
-  }
-
-  .xl\:bottom-3\/12 {
-    bottom: 25%;
-  }
-
-  .xl\:left-3\/12 {
-    left: 25%;
-  }
-
-  .xl\:top-4\/12 {
-    top: 33.333333%;
-  }
-
-  .xl\:right-4\/12 {
-    right: 33.333333%;
-  }
-
-  .xl\:bottom-4\/12 {
-    bottom: 33.333333%;
-  }
-
-  .xl\:left-4\/12 {
-    left: 33.333333%;
-  }
-
-  .xl\:top-5\/12 {
-    top: 41.666667%;
-  }
-
-  .xl\:right-5\/12 {
-    right: 41.666667%;
-  }
-
-  .xl\:bottom-5\/12 {
-    bottom: 41.666667%;
-  }
-
-  .xl\:left-5\/12 {
-    left: 41.666667%;
-  }
-
-  .xl\:top-6\/12 {
-    top: 50%;
-  }
-
-  .xl\:right-6\/12 {
-    right: 50%;
-  }
-
-  .xl\:bottom-6\/12 {
-    bottom: 50%;
-  }
-
-  .xl\:left-6\/12 {
-    left: 50%;
-  }
-
-  .xl\:top-7\/12 {
-    top: 58.333333%;
-  }
-
-  .xl\:right-7\/12 {
-    right: 58.333333%;
-  }
-
-  .xl\:bottom-7\/12 {
-    bottom: 58.333333%;
-  }
-
-  .xl\:left-7\/12 {
-    left: 58.333333%;
-  }
-
-  .xl\:top-8\/12 {
-    top: 66.666667%;
-  }
-
-  .xl\:right-8\/12 {
-    right: 66.666667%;
-  }
-
-  .xl\:bottom-8\/12 {
-    bottom: 66.666667%;
-  }
-
-  .xl\:left-8\/12 {
-    left: 66.666667%;
-  }
-
-  .xl\:top-9\/12 {
-    top: 75%;
-  }
-
-  .xl\:right-9\/12 {
-    right: 75%;
-  }
-
-  .xl\:bottom-9\/12 {
-    bottom: 75%;
-  }
-
-  .xl\:left-9\/12 {
-    left: 75%;
-  }
-
-  .xl\:top-10\/12 {
-    top: 83.333333%;
-  }
-
-  .xl\:right-10\/12 {
-    right: 83.333333%;
-  }
-
-  .xl\:bottom-10\/12 {
-    bottom: 83.333333%;
-  }
-
-  .xl\:left-10\/12 {
-    left: 83.333333%;
-  }
-
-  .xl\:top-11\/12 {
-    top: 91.666667%;
-  }
-
-  .xl\:right-11\/12 {
-    right: 91.666667%;
-  }
-
-  .xl\:bottom-11\/12 {
-    bottom: 91.666667%;
-  }
-
-  .xl\:left-11\/12 {
-    left: 91.666667%;
-  }
-
-  .xl\:top-full {
-    top: 100%;
-  }
-
-  .xl\:right-full {
-    right: 100%;
-  }
-
-  .xl\:bottom-full {
-    bottom: 100%;
-  }
-
-  .xl\:left-full {
-    left: 100%;
-  }
-
-  .xl\:resize-none {
-    resize: none;
-  }
-
-  .xl\:resize-y {
-    resize: vertical;
-  }
-
-  .xl\:resize-x {
-    resize: horizontal;
-  }
-
-  .xl\:resize {
-    resize: both;
-  }
-
-  .xl\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .xl\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .xl\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xl\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .xl\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .xl\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .xl\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .xl\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xl\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .xl\:shadow-none {
-    box-shadow: none;
-  }
-
-  .xl\:shadow-solid {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .xl\:shadow-outline-gray {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .xl\:shadow-outline-blue {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .xl\:shadow-outline-teal {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .xl\:shadow-outline-green {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .xl\:shadow-outline-yellow {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .xl\:shadow-outline-orange {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .xl\:shadow-outline-red {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .xl\:shadow-outline-pink {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .xl\:shadow-outline-purple {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .xl\:shadow-outline-indigo {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .xl\:group-focus\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-none {
-    box-shadow: none;
-  }
-
-  .group:focus .xl\:group-focus\:shadow-solid {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-gray {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-blue {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-teal {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-green {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-yellow {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-orange {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-red {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-pink {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-purple {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-indigo {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .xl\:hover\:shadow-xs:hover {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .xl\:hover\:shadow-sm:hover {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .xl\:hover\:shadow:hover {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xl\:hover\:shadow-md:hover {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .xl\:hover\:shadow-lg:hover {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .xl\:hover\:shadow-xl:hover {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .xl\:hover\:shadow-2xl:hover {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .xl\:hover\:shadow-inner:hover {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xl\:hover\:shadow-outline:hover {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .xl\:hover\:shadow-none:hover {
-    box-shadow: none;
-  }
-
-  .xl\:hover\:shadow-solid:hover {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .xl\:hover\:shadow-outline-gray:hover {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .xl\:hover\:shadow-outline-blue:hover {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .xl\:hover\:shadow-outline-teal:hover {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .xl\:hover\:shadow-outline-green:hover {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .xl\:hover\:shadow-outline-yellow:hover {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .xl\:hover\:shadow-outline-orange:hover {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .xl\:hover\:shadow-outline-red:hover {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .xl\:hover\:shadow-outline-pink:hover {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .xl\:hover\:shadow-outline-purple:hover {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .xl\:hover\:shadow-outline-indigo:hover {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .xl\:focus-within\:shadow-xs:focus-within {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .xl\:focus-within\:shadow-sm:focus-within {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .xl\:focus-within\:shadow:focus-within {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xl\:focus-within\:shadow-md:focus-within {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .xl\:focus-within\:shadow-lg:focus-within {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .xl\:focus-within\:shadow-xl:focus-within {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .xl\:focus-within\:shadow-2xl:focus-within {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .xl\:focus-within\:shadow-inner:focus-within {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xl\:focus-within\:shadow-outline:focus-within {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .xl\:focus-within\:shadow-none:focus-within {
-    box-shadow: none;
-  }
-
-  .xl\:focus-within\:shadow-solid:focus-within {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .xl\:focus-within\:shadow-outline-gray:focus-within {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .xl\:focus-within\:shadow-outline-blue:focus-within {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .xl\:focus-within\:shadow-outline-teal:focus-within {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .xl\:focus-within\:shadow-outline-green:focus-within {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .xl\:focus-within\:shadow-outline-yellow:focus-within {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .xl\:focus-within\:shadow-outline-orange:focus-within {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .xl\:focus-within\:shadow-outline-red:focus-within {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .xl\:focus-within\:shadow-outline-pink:focus-within {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .xl\:focus-within\:shadow-outline-purple:focus-within {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .xl\:focus-within\:shadow-outline-indigo:focus-within {
-    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-current {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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));
-  }
-
-  .xl\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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));
-  }
-
-  .group:hover .xl\:group-hover\:text-current {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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:hover .xl\:group-hover\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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:focus .xl\:group-focus\:text-current {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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));
-  }
-
-  .group:focus .xl\:group-focus\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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));
-  }
-
-  .xl\:hover\:text-current:hover {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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\:hover\:text-cool-gray-50:hover {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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\:focus-within\:text-current:focus-within {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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-within\:text-cool-gray-50:focus-within {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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\:text-current:focus {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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\:focus\:text-cool-gray-50:focus {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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\:active\:text-current:active {
-    color: currentColor;
-  }
-
-  .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-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: #73230d;
-    color: rgba(115, 35, 13, 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\:active\:text-cool-gray-50:active {
-    --text-opacity: 1;
-    color: #f8fafc;
-    color: rgba(248, 250, 252, 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\: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\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions {
-    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
-    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
-  }
-
-  .xl\:normal-nums {
-    font-variant-numeric: normal;
-  }
-
-  .xl\:ordinal {
-    --font-variant-numeric-ordinal: ordinal;
-  }
-
-  .xl\:slashed-zero {
-    --font-variant-numeric-slashed-zero: slashed-zero;
-  }
-
-  .xl\:lining-nums {
-    --font-variant-numeric-figure: lining-nums;
-  }
-
-  .xl\:oldstyle-nums {
-    --font-variant-numeric-figure: oldstyle-nums;
-  }
-
-  .xl\:proportional-nums {
-    --font-variant-numeric-spacing: proportional-nums;
-  }
-
-  .xl\:tabular-nums {
-    --font-variant-numeric-spacing: tabular-nums;
-  }
-
-  .xl\:diagonal-fractions {
-    --font-variant-numeric-fraction: diagonal-fractions;
-  }
-
-  .xl\:stacked-fractions {
-    --font-variant-numeric-fraction: stacked-fractions;
-  }
-
-  .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 {
-    word-wrap: normal;
-    overflow-wrap: normal;
-    word-break: normal;
-  }
-
-  .xl\:break-words {
-    word-wrap: break-word;
-    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-44 {
-    width: 11rem;
-  }
-
-  .xl\:w-48 {
-    width: 12rem;
-  }
-
-  .xl\:w-52 {
-    width: 13rem;
-  }
-
-  .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\:w-min-content {
-    width: -webkit-min-content;
-    width: -moz-min-content;
-    width: min-content;
-  }
-
-  .xl\:w-max-content {
-    width: -webkit-max-content;
-    width: -moz-max-content;
-    width: max-content;
-  }
-
-  .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-44 {
-    grid-gap: 11rem;
-    gap: 11rem;
-  }
-
-  .xl\:gap-48 {
-    grid-gap: 12rem;
-    gap: 12rem;
-  }
-
-  .xl\:gap-52 {
-    grid-gap: 13rem;
-    gap: 13rem;
-  }
-
-  .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-44 {
-    grid-column-gap: 11rem;
-    -moz-column-gap: 11rem;
-         column-gap: 11rem;
-  }
-
-  .xl\:col-gap-48 {
-    grid-column-gap: 12rem;
-    -moz-column-gap: 12rem;
-         column-gap: 12rem;
-  }
-
-  .xl\:col-gap-52 {
-    grid-column-gap: 13rem;
-    -moz-column-gap: 13rem;
-         column-gap: 13rem;
-  }
-
-  .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\:gap-x-0 {
-    grid-column-gap: 0;
-    -moz-column-gap: 0;
-         column-gap: 0;
-  }
-
-  .xl\:gap-x-1 {
-    grid-column-gap: 0.25rem;
-    -moz-column-gap: 0.25rem;
-         column-gap: 0.25rem;
-  }
-
-  .xl\:gap-x-2 {
-    grid-column-gap: 0.5rem;
-    -moz-column-gap: 0.5rem;
-         column-gap: 0.5rem;
-  }
-
-  .xl\:gap-x-3 {
-    grid-column-gap: 0.75rem;
-    -moz-column-gap: 0.75rem;
-         column-gap: 0.75rem;
-  }
-
-  .xl\:gap-x-4 {
-    grid-column-gap: 1rem;
-    -moz-column-gap: 1rem;
-         column-gap: 1rem;
-  }
-
-  .xl\:gap-x-5 {
-    grid-column-gap: 1.25rem;
-    -moz-column-gap: 1.25rem;
-         column-gap: 1.25rem;
-  }
-
-  .xl\:gap-x-6 {
-    grid-column-gap: 1.5rem;
-    -moz-column-gap: 1.5rem;
-         column-gap: 1.5rem;
-  }
-
-  .xl\:gap-x-7 {
-    grid-column-gap: 1.75rem;
-    -moz-column-gap: 1.75rem;
-         column-gap: 1.75rem;
-  }
-
-  .xl\:gap-x-8 {
-    grid-column-gap: 2rem;
-    -moz-column-gap: 2rem;
-         column-gap: 2rem;
-  }
-
-  .xl\:gap-x-9 {
-    grid-column-gap: 2.25rem;
-    -moz-column-gap: 2.25rem;
-         column-gap: 2.25rem;
-  }
-
-  .xl\:gap-x-10 {
-    grid-column-gap: 2.5rem;
-    -moz-column-gap: 2.5rem;
-         column-gap: 2.5rem;
-  }
-
-  .xl\:gap-x-11 {
-    grid-column-gap: 2.75rem;
-    -moz-column-gap: 2.75rem;
-         column-gap: 2.75rem;
-  }
-
-  .xl\:gap-x-12 {
-    grid-column-gap: 3rem;
-    -moz-column-gap: 3rem;
-         column-gap: 3rem;
-  }
-
-  .xl\:gap-x-13 {
-    grid-column-gap: 3.25rem;
-    -moz-column-gap: 3.25rem;
-         column-gap: 3.25rem;
-  }
-
-  .xl\:gap-x-14 {
-    grid-column-gap: 3.5rem;
-    -moz-column-gap: 3.5rem;
-         column-gap: 3.5rem;
-  }
-
-  .xl\:gap-x-15 {
-    grid-column-gap: 3.75rem;
-    -moz-column-gap: 3.75rem;
-         column-gap: 3.75rem;
-  }
-
-  .xl\:gap-x-16 {
-    grid-column-gap: 4rem;
-    -moz-column-gap: 4rem;
-         column-gap: 4rem;
-  }
-
-  .xl\:gap-x-20 {
-    grid-column-gap: 5rem;
-    -moz-column-gap: 5rem;
-         column-gap: 5rem;
-  }
-
-  .xl\:gap-x-24 {
-    grid-column-gap: 6rem;
-    -moz-column-gap: 6rem;
-         column-gap: 6rem;
-  }
-
-  .xl\:gap-x-28 {
-    grid-column-gap: 7rem;
-    -moz-column-gap: 7rem;
-         column-gap: 7rem;
-  }
-
-  .xl\:gap-x-32 {
-    grid-column-gap: 8rem;
-    -moz-column-gap: 8rem;
-         column-gap: 8rem;
-  }
-
-  .xl\:gap-x-36 {
-    grid-column-gap: 9rem;
-    -moz-column-gap: 9rem;
-         column-gap: 9rem;
-  }
-
-  .xl\:gap-x-40 {
-    grid-column-gap: 10rem;
-    -moz-column-gap: 10rem;
-         column-gap: 10rem;
-  }
-
-  .xl\:gap-x-44 {
-    grid-column-gap: 11rem;
-    -moz-column-gap: 11rem;
-         column-gap: 11rem;
-  }
-
-  .xl\:gap-x-48 {
-    grid-column-gap: 12rem;
-    -moz-column-gap: 12rem;
-         column-gap: 12rem;
-  }
-
-  .xl\:gap-x-52 {
-    grid-column-gap: 13rem;
-    -moz-column-gap: 13rem;
-         column-gap: 13rem;
-  }
-
-  .xl\:gap-x-56 {
-    grid-column-gap: 14rem;
-    -moz-column-gap: 14rem;
-         column-gap: 14rem;
-  }
-
-  .xl\:gap-x-60 {
-    grid-column-gap: 15rem;
-    -moz-column-gap: 15rem;
-         column-gap: 15rem;
-  }
-
-  .xl\:gap-x-64 {
-    grid-column-gap: 16rem;
-    -moz-column-gap: 16rem;
-         column-gap: 16rem;
-  }
-
-  .xl\:gap-x-72 {
-    grid-column-gap: 18rem;
-    -moz-column-gap: 18rem;
-         column-gap: 18rem;
-  }
-
-  .xl\:gap-x-80 {
-    grid-column-gap: 20rem;
-    -moz-column-gap: 20rem;
-         column-gap: 20rem;
-  }
-
-  .xl\:gap-x-96 {
-    grid-column-gap: 24rem;
-    -moz-column-gap: 24rem;
-         column-gap: 24rem;
-  }
-
-  .xl\:gap-x-px {
-    grid-column-gap: 1px;
-    -moz-column-gap: 1px;
-         column-gap: 1px;
-  }
-
-  .xl\:gap-x-0\.5 {
-    grid-column-gap: 0.125rem;
-    -moz-column-gap: 0.125rem;
-         column-gap: 0.125rem;
-  }
-
-  .xl\:gap-x-1\.5 {
-    grid-column-gap: 0.375rem;
-    -moz-column-gap: 0.375rem;
-         column-gap: 0.375rem;
-  }
-
-  .xl\:gap-x-2\.5 {
-    grid-column-gap: 0.625rem;
-    -moz-column-gap: 0.625rem;
-         column-gap: 0.625rem;
-  }
-
-  .xl\:gap-x-3\.5 {
-    grid-column-gap: 0.875rem;
-    -moz-column-gap: 0.875rem;
-         column-gap: 0.875rem;
-  }
-
-  .xl\:gap-x-1\/2 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .xl\:gap-x-1\/3 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .xl\:gap-x-2\/3 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .xl\:gap-x-1\/4 {
-    grid-column-gap: 25%;
-    -moz-column-gap: 25%;
-         column-gap: 25%;
-  }
-
-  .xl\:gap-x-2\/4 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .xl\:gap-x-3\/4 {
-    grid-column-gap: 75%;
-    -moz-column-gap: 75%;
-         column-gap: 75%;
-  }
-
-  .xl\:gap-x-1\/5 {
-    grid-column-gap: 20%;
-    -moz-column-gap: 20%;
-         column-gap: 20%;
-  }
-
-  .xl\:gap-x-2\/5 {
-    grid-column-gap: 40%;
-    -moz-column-gap: 40%;
-         column-gap: 40%;
-  }
-
-  .xl\:gap-x-3\/5 {
-    grid-column-gap: 60%;
-    -moz-column-gap: 60%;
-         column-gap: 60%;
-  }
-
-  .xl\:gap-x-4\/5 {
-    grid-column-gap: 80%;
-    -moz-column-gap: 80%;
-         column-gap: 80%;
-  }
-
-  .xl\:gap-x-1\/6 {
-    grid-column-gap: 16.666667%;
-    -moz-column-gap: 16.666667%;
-         column-gap: 16.666667%;
-  }
-
-  .xl\:gap-x-2\/6 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .xl\:gap-x-3\/6 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .xl\:gap-x-4\/6 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .xl\:gap-x-5\/6 {
-    grid-column-gap: 83.333333%;
-    -moz-column-gap: 83.333333%;
-         column-gap: 83.333333%;
-  }
-
-  .xl\:gap-x-1\/12 {
-    grid-column-gap: 8.333333%;
-    -moz-column-gap: 8.333333%;
-         column-gap: 8.333333%;
-  }
-
-  .xl\:gap-x-2\/12 {
-    grid-column-gap: 16.666667%;
-    -moz-column-gap: 16.666667%;
-         column-gap: 16.666667%;
-  }
-
-  .xl\:gap-x-3\/12 {
-    grid-column-gap: 25%;
-    -moz-column-gap: 25%;
-         column-gap: 25%;
-  }
-
-  .xl\:gap-x-4\/12 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .xl\:gap-x-5\/12 {
-    grid-column-gap: 41.666667%;
-    -moz-column-gap: 41.666667%;
-         column-gap: 41.666667%;
-  }
-
-  .xl\:gap-x-6\/12 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .xl\:gap-x-7\/12 {
-    grid-column-gap: 58.333333%;
-    -moz-column-gap: 58.333333%;
-         column-gap: 58.333333%;
-  }
-
-  .xl\:gap-x-8\/12 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .xl\:gap-x-9\/12 {
-    grid-column-gap: 75%;
-    -moz-column-gap: 75%;
-         column-gap: 75%;
-  }
-
-  .xl\:gap-x-10\/12 {
-    grid-column-gap: 83.333333%;
-    -moz-column-gap: 83.333333%;
-         column-gap: 83.333333%;
-  }
-
-  .xl\:gap-x-11\/12 {
-    grid-column-gap: 91.666667%;
-    -moz-column-gap: 91.666667%;
-         column-gap: 91.666667%;
-  }
-
-  .xl\:gap-x-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-44 {
-    grid-row-gap: 11rem;
-    row-gap: 11rem;
-  }
-
-  .xl\:row-gap-48 {
-    grid-row-gap: 12rem;
-    row-gap: 12rem;
-  }
-
-  .xl\:row-gap-52 {
-    grid-row-gap: 13rem;
-    row-gap: 13rem;
-  }
-
-  .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\:gap-y-0 {
-    grid-row-gap: 0;
-    row-gap: 0;
-  }
-
-  .xl\:gap-y-1 {
-    grid-row-gap: 0.25rem;
-    row-gap: 0.25rem;
-  }
-
-  .xl\:gap-y-2 {
-    grid-row-gap: 0.5rem;
-    row-gap: 0.5rem;
-  }
-
-  .xl\:gap-y-3 {
-    grid-row-gap: 0.75rem;
-    row-gap: 0.75rem;
-  }
-
-  .xl\:gap-y-4 {
-    grid-row-gap: 1rem;
-    row-gap: 1rem;
-  }
-
-  .xl\:gap-y-5 {
-    grid-row-gap: 1.25rem;
-    row-gap: 1.25rem;
-  }
-
-  .xl\:gap-y-6 {
-    grid-row-gap: 1.5rem;
-    row-gap: 1.5rem;
-  }
-
-  .xl\:gap-y-7 {
-    grid-row-gap: 1.75rem;
-    row-gap: 1.75rem;
-  }
-
-  .xl\:gap-y-8 {
-    grid-row-gap: 2rem;
-    row-gap: 2rem;
-  }
-
-  .xl\:gap-y-9 {
-    grid-row-gap: 2.25rem;
-    row-gap: 2.25rem;
-  }
-
-  .xl\:gap-y-10 {
-    grid-row-gap: 2.5rem;
-    row-gap: 2.5rem;
-  }
-
-  .xl\:gap-y-11 {
-    grid-row-gap: 2.75rem;
-    row-gap: 2.75rem;
-  }
-
-  .xl\:gap-y-12 {
-    grid-row-gap: 3rem;
-    row-gap: 3rem;
-  }
-
-  .xl\:gap-y-13 {
-    grid-row-gap: 3.25rem;
-    row-gap: 3.25rem;
-  }
-
-  .xl\:gap-y-14 {
-    grid-row-gap: 3.5rem;
-    row-gap: 3.5rem;
-  }
-
-  .xl\:gap-y-15 {
-    grid-row-gap: 3.75rem;
-    row-gap: 3.75rem;
-  }
-
-  .xl\:gap-y-16 {
-    grid-row-gap: 4rem;
-    row-gap: 4rem;
-  }
-
-  .xl\:gap-y-20 {
-    grid-row-gap: 5rem;
-    row-gap: 5rem;
-  }
-
-  .xl\:gap-y-24 {
-    grid-row-gap: 6rem;
-    row-gap: 6rem;
-  }
-
-  .xl\:gap-y-28 {
-    grid-row-gap: 7rem;
-    row-gap: 7rem;
-  }
-
-  .xl\:gap-y-32 {
-    grid-row-gap: 8rem;
-    row-gap: 8rem;
-  }
-
-  .xl\:gap-y-36 {
-    grid-row-gap: 9rem;
-    row-gap: 9rem;
-  }
-
-  .xl\:gap-y-40 {
-    grid-row-gap: 10rem;
-    row-gap: 10rem;
-  }
-
-  .xl\:gap-y-44 {
-    grid-row-gap: 11rem;
-    row-gap: 11rem;
-  }
-
-  .xl\:gap-y-48 {
-    grid-row-gap: 12rem;
-    row-gap: 12rem;
-  }
-
-  .xl\:gap-y-52 {
-    grid-row-gap: 13rem;
-    row-gap: 13rem;
-  }
-
-  .xl\:gap-y-56 {
-    grid-row-gap: 14rem;
-    row-gap: 14rem;
-  }
-
-  .xl\:gap-y-60 {
-    grid-row-gap: 15rem;
-    row-gap: 15rem;
-  }
-
-  .xl\:gap-y-64 {
-    grid-row-gap: 16rem;
-    row-gap: 16rem;
-  }
-
-  .xl\:gap-y-72 {
-    grid-row-gap: 18rem;
-    row-gap: 18rem;
-  }
-
-  .xl\:gap-y-80 {
-    grid-row-gap: 20rem;
-    row-gap: 20rem;
-  }
-
-  .xl\:gap-y-96 {
-    grid-row-gap: 24rem;
-    row-gap: 24rem;
-  }
-
-  .xl\:gap-y-px {
-    grid-row-gap: 1px;
-    row-gap: 1px;
-  }
-
-  .xl\:gap-y-0\.5 {
-    grid-row-gap: 0.125rem;
-    row-gap: 0.125rem;
-  }
-
-  .xl\:gap-y-1\.5 {
-    grid-row-gap: 0.375rem;
-    row-gap: 0.375rem;
-  }
-
-  .xl\:gap-y-2\.5 {
-    grid-row-gap: 0.625rem;
-    row-gap: 0.625rem;
-  }
-
-  .xl\:gap-y-3\.5 {
-    grid-row-gap: 0.875rem;
-    row-gap: 0.875rem;
-  }
-
-  .xl\:gap-y-1\/2 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .xl\:gap-y-1\/3 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .xl\:gap-y-2\/3 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .xl\:gap-y-1\/4 {
-    grid-row-gap: 25%;
-    row-gap: 25%;
-  }
-
-  .xl\:gap-y-2\/4 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .xl\:gap-y-3\/4 {
-    grid-row-gap: 75%;
-    row-gap: 75%;
-  }
-
-  .xl\:gap-y-1\/5 {
-    grid-row-gap: 20%;
-    row-gap: 20%;
-  }
-
-  .xl\:gap-y-2\/5 {
-    grid-row-gap: 40%;
-    row-gap: 40%;
-  }
-
-  .xl\:gap-y-3\/5 {
-    grid-row-gap: 60%;
-    row-gap: 60%;
-  }
-
-  .xl\:gap-y-4\/5 {
-    grid-row-gap: 80%;
-    row-gap: 80%;
-  }
-
-  .xl\:gap-y-1\/6 {
-    grid-row-gap: 16.666667%;
-    row-gap: 16.666667%;
-  }
-
-  .xl\:gap-y-2\/6 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .xl\:gap-y-3\/6 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .xl\:gap-y-4\/6 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .xl\:gap-y-5\/6 {
-    grid-row-gap: 83.333333%;
-    row-gap: 83.333333%;
-  }
-
-  .xl\:gap-y-1\/12 {
-    grid-row-gap: 8.333333%;
-    row-gap: 8.333333%;
-  }
-
-  .xl\:gap-y-2\/12 {
-    grid-row-gap: 16.666667%;
-    row-gap: 16.666667%;
-  }
-
-  .xl\:gap-y-3\/12 {
-    grid-row-gap: 25%;
-    row-gap: 25%;
-  }
-
-  .xl\:gap-y-4\/12 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .xl\:gap-y-5\/12 {
-    grid-row-gap: 41.666667%;
-    row-gap: 41.666667%;
-  }
-
-  .xl\:gap-y-6\/12 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .xl\:gap-y-7\/12 {
-    grid-row-gap: 58.333333%;
-    row-gap: 58.333333%;
-  }
-
-  .xl\:gap-y-8\/12 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .xl\:gap-y-9\/12 {
-    grid-row-gap: 75%;
-    row-gap: 75%;
-  }
-
-  .xl\:gap-y-10\/12 {
-    grid-row-gap: 83.333333%;
-    row-gap: 83.333333%;
-  }
-
-  .xl\:gap-y-11\/12 {
-    grid-row-gap: 91.666667%;
-    row-gap: 91.666667%;
-  }
-
-  .xl\:gap-y-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\:auto-cols-auto {
-    grid-auto-columns: auto;
-  }
-
-  .xl\:auto-cols-min {
-    grid-auto-columns: -webkit-min-content;
-    grid-auto-columns: min-content;
-  }
-
-  .xl\:auto-cols-max {
-    grid-auto-columns: -webkit-max-content;
-    grid-auto-columns: max-content;
-  }
-
-  .xl\:auto-cols-fr {
-    grid-auto-columns: minmax(0, 1fr);
-  }
-
-  .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-span-full {
-    grid-column: 1 / -1;
-  }
-
-  .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\:auto-rows-auto {
-    grid-auto-rows: auto;
-  }
-
-  .xl\:auto-rows-min {
-    grid-auto-rows: -webkit-min-content;
-    grid-auto-rows: min-content;
-  }
-
-  .xl\:auto-rows-max {
-    grid-auto-rows: -webkit-max-content;
-    grid-auto-rows: max-content;
-  }
-
-  .xl\:auto-rows-fr {
-    grid-auto-rows: minmax(0, 1fr);
-  }
-
-  .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-span-full {
-    grid-row: 1 / -1;
-  }
-
-  .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-1 {
-    --transform-rotate: 1deg;
-  }
-
-  .xl\:rotate-2 {
-    --transform-rotate: 2deg;
-  }
-
-  .xl\:rotate-3 {
-    --transform-rotate: 3deg;
-  }
-
-  .xl\:rotate-6 {
-    --transform-rotate: 6deg;
-  }
-
-  .xl\:rotate-12 {
-    --transform-rotate: 12deg;
-  }
-
-  .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\:-rotate-12 {
-    --transform-rotate: -12deg;
-  }
-
-  .xl\:-rotate-6 {
-    --transform-rotate: -6deg;
-  }
-
-  .xl\:-rotate-3 {
-    --transform-rotate: -3deg;
-  }
-
-  .xl\:-rotate-2 {
-    --transform-rotate: -2deg;
-  }
-
-  .xl\:-rotate-1 {
-    --transform-rotate: -1deg;
-  }
-
-  .xl\:hover\:rotate-0:hover {
-    --transform-rotate: 0;
-  }
-
-  .xl\:hover\:rotate-1:hover {
-    --transform-rotate: 1deg;
-  }
-
-  .xl\:hover\:rotate-2:hover {
-    --transform-rotate: 2deg;
-  }
-
-  .xl\:hover\:rotate-3:hover {
-    --transform-rotate: 3deg;
-  }
-
-  .xl\:hover\:rotate-6:hover {
-    --transform-rotate: 6deg;
-  }
-
-  .xl\:hover\:rotate-12:hover {
-    --transform-rotate: 12deg;
-  }
-
-  .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\:hover\:-rotate-12:hover {
-    --transform-rotate: -12deg;
-  }
-
-  .xl\:hover\:-rotate-6:hover {
-    --transform-rotate: -6deg;
-  }
-
-  .xl\:hover\:-rotate-3:hover {
-    --transform-rotate: -3deg;
-  }
-
-  .xl\:hover\:-rotate-2:hover {
-    --transform-rotate: -2deg;
-  }
-
-  .xl\:hover\:-rotate-1:hover {
-    --transform-rotate: -1deg;
-  }
-
-  .xl\:focus\:rotate-0:focus {
-    --transform-rotate: 0;
-  }
-
-  .xl\:focus\:rotate-1:focus {
-    --transform-rotate: 1deg;
-  }
-
-  .xl\:focus\:rotate-2:focus {
-    --transform-rotate: 2deg;
-  }
-
-  .xl\:focus\:rotate-3:focus {
-    --transform-rotate: 3deg;
-  }
-
-  .xl\:focus\:rotate-6:focus {
-    --transform-rotate: 6deg;
-  }
-
-  .xl\:focus\:rotate-12:focus {
-    --transform-rotate: 12deg;
-  }
-
-  .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\:focus\:-rotate-12:focus {
-    --transform-rotate: -12deg;
-  }
-
-  .xl\:focus\:-rotate-6:focus {
-    --transform-rotate: -6deg;
-  }
-
-  .xl\:focus\:-rotate-3:focus {
-    --transform-rotate: -3deg;
-  }
-
-  .xl\:focus\:-rotate-2:focus {
-    --transform-rotate: -2deg;
-  }
-
-  .xl\:focus\:-rotate-1:focus {
-    --transform-rotate: -1deg;
-  }
-
-  .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-44 {
-    --transform-translate-x: 11rem;
-  }
-
-  .xl\:translate-x-48 {
-    --transform-translate-x: 12rem;
-  }
-
-  .xl\:translate-x-52 {
-    --transform-translate-x: 13rem;
-  }
-
-  .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-44 {
-    --transform-translate-x: -11rem;
-  }
-
-  .xl\:-translate-x-48 {
-    --transform-translate-x: -12rem;
-  }
-
-  .xl\:-translate-x-52 {
-    --transform-translate-x: -13rem;
-  }
-
-  .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-44 {
-    --transform-translate-y: 11rem;
-  }
-
-  .xl\:translate-y-48 {
-    --transform-translate-y: 12rem;
-  }
-
-  .xl\:translate-y-52 {
-    --transform-translate-y: 13rem;
-  }
-
-  .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-44 {
-    --transform-translate-y: -11rem;
-  }
-
-  .xl\:-translate-y-48 {
-    --transform-translate-y: -12rem;
-  }
-
-  .xl\:-translate-y-52 {
-    --transform-translate-y: -13rem;
-  }
-
-  .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-44:hover {
-    --transform-translate-x: 11rem;
-  }
-
-  .xl\:hover\:translate-x-48:hover {
-    --transform-translate-x: 12rem;
-  }
-
-  .xl\:hover\:translate-x-52:hover {
-    --transform-translate-x: 13rem;
-  }
-
-  .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-44:hover {
-    --transform-translate-x: -11rem;
-  }
-
-  .xl\:hover\:-translate-x-48:hover {
-    --transform-translate-x: -12rem;
-  }
-
-  .xl\:hover\:-translate-x-52:hover {
-    --transform-translate-x: -13rem;
-  }
-
-  .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-44:hover {
-    --transform-translate-y: 11rem;
-  }
-
-  .xl\:hover\:translate-y-48:hover {
-    --transform-translate-y: 12rem;
-  }
-
-  .xl\:hover\:translate-y-52:hover {
-    --transform-translate-y: 13rem;
-  }
-
-  .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-44:hover {
-    --transform-translate-y: -11rem;
-  }
-
-  .xl\:hover\:-translate-y-48:hover {
-    --transform-translate-y: -12rem;
-  }
-
-  .xl\:hover\:-translate-y-52:hover {
-    --transform-translate-y: -13rem;
-  }
-
-  .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-44:focus {
-    --transform-translate-x: 11rem;
-  }
-
-  .xl\:focus\:translate-x-48:focus {
-    --transform-translate-x: 12rem;
-  }
-
-  .xl\:focus\:translate-x-52:focus {
-    --transform-translate-x: 13rem;
-  }
-
-  .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-44:focus {
-    --transform-translate-x: -11rem;
-  }
-
-  .xl\:focus\:-translate-x-48:focus {
-    --transform-translate-x: -12rem;
-  }
-
-  .xl\:focus\:-translate-x-52:focus {
-    --transform-translate-x: -13rem;
-  }
-
-  .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-44:focus {
-    --transform-translate-y: 11rem;
-  }
-
-  .xl\:focus\:translate-y-48:focus {
-    --transform-translate-y: 12rem;
-  }
-
-  .xl\:focus\:translate-y-52:focus {
-    --transform-translate-y: 13rem;
-  }
-
-  .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-44:focus {
-    --transform-translate-y: -11rem;
-  }
-
-  .xl\:focus\:-translate-y-48:focus {
-    --transform-translate-y: -12rem;
-  }
-
-  .xl\:focus\:-translate-y-52:focus {
-    --transform-translate-y: -13rem;
-  }
-
-  .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-1 {
-    --transform-skew-x: 1deg;
-  }
-
-  .xl\:skew-x-2 {
-    --transform-skew-x: 2deg;
-  }
-
-  .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-x-2 {
-    --transform-skew-x: -2deg;
-  }
-
-  .xl\:-skew-x-1 {
-    --transform-skew-x: -1deg;
-  }
-
-  .xl\:skew-y-0 {
-    --transform-skew-y: 0;
-  }
-
-  .xl\:skew-y-1 {
-    --transform-skew-y: 1deg;
-  }
-
-  .xl\:skew-y-2 {
-    --transform-skew-y: 2deg;
-  }
-
-  .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\:-skew-y-2 {
-    --transform-skew-y: -2deg;
-  }
-
-  .xl\:-skew-y-1 {
-    --transform-skew-y: -1deg;
-  }
-
-  .xl\:hover\:skew-x-0:hover {
-    --transform-skew-x: 0;
-  }
-
-  .xl\:hover\:skew-x-1:hover {
-    --transform-skew-x: 1deg;
-  }
-
-  .xl\:hover\:skew-x-2:hover {
-    --transform-skew-x: 2deg;
-  }
-
-  .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-x-2:hover {
-    --transform-skew-x: -2deg;
-  }
-
-  .xl\:hover\:-skew-x-1:hover {
-    --transform-skew-x: -1deg;
-  }
-
-  .xl\:hover\:skew-y-0:hover {
-    --transform-skew-y: 0;
-  }
-
-  .xl\:hover\:skew-y-1:hover {
-    --transform-skew-y: 1deg;
-  }
-
-  .xl\:hover\:skew-y-2:hover {
-    --transform-skew-y: 2deg;
-  }
-
-  .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\:hover\:-skew-y-2:hover {
-    --transform-skew-y: -2deg;
-  }
-
-  .xl\:hover\:-skew-y-1:hover {
-    --transform-skew-y: -1deg;
-  }
-
-  .xl\:focus\:skew-x-0:focus {
-    --transform-skew-x: 0;
-  }
-
-  .xl\:focus\:skew-x-1:focus {
-    --transform-skew-x: 1deg;
-  }
-
-  .xl\:focus\:skew-x-2:focus {
-    --transform-skew-x: 2deg;
-  }
-
-  .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-x-2:focus {
-    --transform-skew-x: -2deg;
-  }
-
-  .xl\:focus\:-skew-x-1:focus {
-    --transform-skew-x: -1deg;
-  }
-
-  .xl\:focus\:skew-y-0:focus {
-    --transform-skew-y: 0;
-  }
-
-  .xl\:focus\:skew-y-1:focus {
-    --transform-skew-y: 1deg;
-  }
-
-  .xl\:focus\:skew-y-2:focus {
-    --transform-skew-y: 2deg;
-  }
-
-  .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\:focus\:-skew-y-2:focus {
-    --transform-skew-y: -2deg;
-  }
-
-  .xl\:focus\:-skew-y-1:focus {
-    --transform-skew-y: -1deg;
-  }
-
-  .xl\:transition-none {
-    transition-property: none;
-  }
-
-  .xl\:transition-all {
-    transition-property: all;
-  }
-
-  .xl\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-  }
-
-  .xl\:transition-colors {
-    transition-property: background-color, border-color, color, fill, stroke;
-  }
-
-  .xl\:transition-opacity {
-    transition-property: opacity;
-  }
-
-  .xl\:transition-shadow {
-    transition-property: box-shadow;
-  }
-
-  .xl\:transition-transform {
-    transition-property: transform;
-  }
-
-  .xl\:ease-linear {
-    transition-timing-function: linear;
-  }
-
-  .xl\:ease-in {
-    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-  }
-
-  .xl\:ease-out {
-    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  }
-
-  .xl\:ease-in-out {
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  }
-
-  .xl\:duration-75 {
-    transition-duration: 75ms;
-  }
-
-  .xl\:duration-100 {
-    transition-duration: 100ms;
-  }
-
-  .xl\:duration-150 {
-    transition-duration: 150ms;
-  }
-
-  .xl\:duration-200 {
-    transition-duration: 200ms;
-  }
-
-  .xl\:duration-300 {
-    transition-duration: 300ms;
-  }
-
-  .xl\:duration-500 {
-    transition-duration: 500ms;
-  }
-
-  .xl\:duration-700 {
-    transition-duration: 700ms;
-  }
-
-  .xl\:duration-1000 {
-    transition-duration: 1000ms;
-  }
-
-  .xl\:delay-75 {
-    transition-delay: 75ms;
-  }
-
-  .xl\:delay-100 {
-    transition-delay: 100ms;
-  }
-
-  .xl\:delay-150 {
-    transition-delay: 150ms;
-  }
-
-  .xl\:delay-200 {
-    transition-delay: 200ms;
-  }
-
-  .xl\:delay-300 {
-    transition-delay: 300ms;
-  }
-
-  .xl\:delay-500 {
-    transition-delay: 500ms;
-  }
-
-  .xl\:delay-700 {
-    transition-delay: 700ms;
-  }
-
-  .xl\:delay-1000 {
-    transition-delay: 1000ms;
-  }
-
-  .xl\:animate-none {
-    -webkit-animation: none;
-            animation: none;
-  }
-
-  .xl\:animate-spin {
-    -webkit-animation: spin 1s linear infinite;
-            animation: spin 1s linear infinite;
-  }
-
-  .xl\:animate-ping {
-    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-  }
-
-  .xl\:animate-pulse {
-    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-  }
-
-  .xl\:animate-bounce {
-    -webkit-animation: bounce 1s infinite;
-            animation: bounce 1s infinite;
-  }
-}
\ No newline at end of file
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-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}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:Open Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #d2d6dc}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0aec0}input::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-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='%239fa6b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;background-repeat:no-repeat;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.375rem;padding:.5rem 2.5rem .5rem .75rem;font-size:1rem;line-height:1.5;background-position:right .5rem center;background-size:1.5em 1.5em}.form-select::-ms-expand{color:#9fa6b2;border:none}@media not print{.form-select::-ms-expand{display:none}}@media print and (-ms-high-contrast:active),print and (-ms-high-contrast:none){.form-select{padding-right:.75rem}}.form-select:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-checkbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media not print{.form-checkbox::-ms-check{border-width:1px;color:transparent;background:inherit;border-color:inherit;border-radius:inherit}}.form-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#3f83f8;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.25rem}.form-checkbox:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-checkbox:checked:focus,.form-radio:checked{border-color:transparent}.form-radio:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media not print{.form-radio::-ms-check{border-width:1px;color:transparent;background:inherit;border-color:inherit;border-radius:inherit}}.form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;border-radius:100%;height:1rem;width:1rem;color:#3f83f8;background-color:#fff;border-color:#d2d6dc;border-width:1px}.form-radio:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-radio:checked:focus{border-color:transparent}.button{border-radius:.25rem;padding:.75rem 1rem;font-size:.875rem;line-height:1rem;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}button:disabled{opacity:.5;cursor:not-allowed}.button-primary{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.button-primary:hover{font-weight:600}.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:#374151;color:rgba(55,65,81,var(--text-opacity))}.button-link:hover{--text-opacity:1;color:#161e2e;color:rgba(22,30,46,var(--text-opacity));text-decoration:underline}.button-link:focus{outline:2px solid transparent;outline-offset:2px;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:2px solid transparent;outline-offset:2px;--bg-opacity:1;background-color:#f9fafb;background-color:rgba(249,250,251,var(--bg-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;--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:2px solid transparent;outline-offset:2px;--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}.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)))}.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*(1 - var(--space-x-reverse)))}.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}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.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-red-100{--bg-opacity:1;background-color:#fde8e8;background-color:rgba(253,232,232,var(--bg-opacity))}.bg-blue-50{--bg-opacity:1;background-color:#ebf5ff;background-color:rgba(235,245,255,var(--bg-opacity))}.bg-blue-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))}.focus\:bg-gray-100:focus,.hover\:bg-gray-100:hover{--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))}.active\:bg-gray-50:active{--bg-opacity:1;background-color:#f9fafb;background-color:rgba(249,250,251,var(--bg-opacity))}.border-collapse{border-collapse:collapse}.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-600{--border-opacity:1;border-color:#4b5563;border-color:rgba(75,85,99,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-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))}.group:hover .group-hover\:border-transparent{border-color:transparent}.hover\:border-gray-600:hover{--border-opacity:1;border-color:#4b5563;border-color:rgba(75,85,99,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-blue-600:hover{--border-opacity:1;border-color:#1c64f2;border-color:rgba(28,100,242,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}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-0{border-width:0}.border-4{border-width:4px}.border{border-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.focus\:font-semibold:focus,.hover\:font-semibold:hover{font-weight:600}.h-0{height:0}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-32{height:8rem}.h-64{height:16rem}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.text-xs{font-size:.75rem}.text-sm{font-size:.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-5xl{font-size:3rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-9{line-height:2.25rem}.leading-tight{line-height:1.25}.m-0{margin:0}.m-auto{margin:auto}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.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-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mb-6{margin-bottom:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.-mr-1{margin-right:-.25rem}.-ml-1{margin-left:-.25rem}.-mt-4{margin-top:-1rem}.-ml-4{margin-left:-1rem}.-mt-6{margin-top:-1.5rem}.-mr-14{margin-right:-3.5rem}.max-w-xs{max-width:20rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.min-h-screen{min-height:100vh}.min-w-full{min-width:100%}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.opacity-100{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.py-0{padding-top:0;padding-bottom:0}.px-0{padding-left:0;padding-right:0}.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}.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-8{padding-top:2rem;padding-bottom:2rem}.px-12{padding-left:3rem;padding-right:3rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.pt-0{padding-top:0}.pl-0{padding-left:0}.pt-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pl-3{padding-left:.75rem}.pt-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pb-10{padding-bottom:2.5rem}.pb-20{padding-bottom:5rem}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{right:0;left:0}.inset-0,.inset-y-0{top:0;bottom:0}.inset-x-0{right:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-1{top:.25rem}.left-1{left:.25rem}.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)}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.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-black{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.text-gray-300{--text-opacity:1;color:#d2d6dc;color:rgba(210,214,220,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#9fa6b2;color:rgba(159,166,178,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#374151;color:rgba(55,65,81,var(--text-opacity))}.text-gray-800{--text-opacity:1;color:#252f3f;color:rgba(37,47,63,var(--text-opacity))}.text-gray-900{--text-opacity:1;color:#161e2e;color:rgba(22,30,46,var(--text-opacity))}.text-red-400{--text-opacity:1;color:#f98080;color:rgba(249,128,128,var(--text-opacity))}.text-red-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-green-600{--text-opacity:1;color:#057a55;color:rgba(5,122,85,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))}.group:hover .group-hover\:text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.hover\:text-gray-300:hover{--text-opacity:1;color:#d2d6dc;color:rgba(210,214,220,var(--text-opacity))}.hover\:text-gray-500:hover{--text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--text-opacity))}.hover\:text-gray-600:hover{--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.hover\:text-gray-700:hover{--text-opacity:1;color:#374151;color:rgba(55,65,81,var(--text-opacity))}.hover\:text-gray-800:hover{--text-opacity:1;color:#252f3f;color:rgba(37,47,63,var(--text-opacity))}.hover\:text-gray-900:hover{--text-opacity:1;color:#161e2e;color:rgba(22,30,46,var(--text-opacity))}.hover\:text-blue-600:hover{--text-opacity:1;color:#1c64f2;color:rgba(28,100,242,var(--text-opacity))}.hover\:text-indigo-900:hover{--text-opacity:1;color:#362f78;color:rgba(54,47,120,var(--text-opacity))}.focus\:text-gray-500:focus{--text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--text-opacity))}.focus\:text-gray-600:focus{--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.focus\:text-gray-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}.capitalize{text-transform:capitalize}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.focus\:underline:focus,.hover\:underline:hover{text-decoration:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.whitespace-no-wrap{white-space:nowrap}.break-words{word-wrap:break-word;overflow-wrap:break-word}.break-all{word-break:break-all}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-0{width:0}.w-4{width:1rem}.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-5\/6{width:83.333333%}.w-full{width:100%}.w-screen{width:100vw}.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-5{grid-gap:1.25rem;gap:1.25rem}.gap-6{grid-gap:1.5rem;gap:1.5rem}.gap-8{grid-gap:2rem;gap:2rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.col-span-8{grid-column:span 8/span 8}.col-span-12{grid-column:span 12/span 12}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.origin-top-right{transform-origin:top right}.scale-95{--transform-scale-x:.95;--transform-scale-y:.95}.scale-100{--transform-scale-x:1;--transform-scale-y:1}.translate-x-0{--transform-translate-x:0}.-translate-x-full{--transform-translate-x:-100%}.translate-y-0{--transform-translate-y:0}.translate-y-4{--transform-translate-y:1rem}.transition-all{transition-property:all}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}.transition-opacity{transition-property:opacity}.ease-linear{transition-timing-function:linear}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@media (min-width:640px){.sm\:rounded-lg{border-radius:.5rem}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:flex-no-wrap{flex-wrap:nowrap}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:flex-shrink-0{flex-shrink:0}.sm\:h-10{height:2.5rem}.sm\:h-screen{height:100vh}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:my-8{margin-top:2rem;margin-bottom:2rem}.sm\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.sm\:mt-0{margin-top:0}.sm\:ml-3{margin-left:.75rem}.sm\:mt-4{margin-top:1rem}.sm\:ml-4{margin-left:1rem}.sm\:mt-6{margin-top:1.5rem}.sm\:ml-6{margin-left:1.5rem}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-lg{max-width:32rem}.sm\:p-0{padding:0}.sm\:p-6{padding:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:inset-0{top:0;right:0;bottom:0;left:0}.sm\:text-left{text-align:left}.sm\:align-middle{vertical-align:middle}.sm\:w-10{width:2.5rem}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:gap-4{grid-gap:1rem;gap:1rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.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\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:flex-shrink-0{flex-shrink:0}.md\:text-sm{font-size:.875rem}.md\:text-2xl{font-size:1.5rem}.md\:mx-0{margin-left:0;margin-right:0}.md\:mt-0{margin-top:0}.md\:mr-2{margin-right:.5rem}.md\:ml-2{margin-left:.5rem}.md\:mt-5{margin-top:1.25rem}.md\:ml-6{margin-left:1.5rem}.md\:mt-10{margin-top:2.5rem}.md\:-mr-1{margin-right:-.25rem}.md\:max-w-3xl{max-width:48rem}.md\:p-24{padding:6rem}.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\:grid-cols-12{grid-template-columns:repeat(12,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-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-start-2{grid-column-start:2}.md\:col-start-4{grid-column-start:4}}@media (min-width:1024px){.lg\:rounded-lg{border-radius:.5rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:items-center{align-items:center}.lg\:h-screen{height:100vh}.lg\:-mx-8{margin-left:-2rem;margin-right:-2rem}.lg\:mt-24{margin-top:6rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:w-1\/2{width:50%}.lg\:w-1\/4{width:25%}.lg\:w-1\/5{width:20%}.lg\:gap-4{grid-gap:1rem;gap:1rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-3{grid-column:span 3/span 3}.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-start-3{grid-column-start:3}.lg\:col-start-4{grid-column-start:4}}@media (min-width:1280px){.xl\:flex{display:flex}.xl\:justify-center{justify-content:center}.xl\:mt-32{margin-top:8rem}.xl\:px-16{padding-left:4rem;padding-right:4rem}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:col-span-6{grid-column:span 6/span 6}.xl\:col-span-8{grid-column:span 8/span 8}.xl\:col-span-9{grid-column:span 9/span 9}.xl\:col-start-4{grid-column-start:4}}
\ No newline at end of file
diff --git a/public/js/app.js b/public/js/app.js
index a4da9d8640..210a0ee914 100755
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -1,3366 +1 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 0);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./node_modules/axios/index.js":
-/*!*************************************!*\
-  !*** ./node_modules/axios/index.js ***!
-  \*************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! ./lib/axios */ "./node_modules/axios/lib/axios.js");
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/adapters/xhr.js":
-/*!************************************************!*\
-  !*** ./node_modules/axios/lib/adapters/xhr.js ***!
-  \************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
-var settle = __webpack_require__(/*! ./../core/settle */ "./node_modules/axios/lib/core/settle.js");
-var cookies = __webpack_require__(/*! ./../helpers/cookies */ "./node_modules/axios/lib/helpers/cookies.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 ? unescape(encodeURIComponent(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()) {
-      // 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) {
-      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");
-
-// Expose isAxiosError
-axios.isAxiosError = __webpack_require__(/*! ./helpers/isAxiosError */ "./node_modules/axios/lib/helpers/isAxiosError.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(mergeConfig(config || {}, {
-      method: method,
-      url: url,
-      data: (config || {}).data
-    }));
-  };
-});
-
-utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
-  /*eslint func-names:0*/
-  Axios.prototype[method] = function(url, data, config) {
-    return this.request(mergeConfig(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 toJSON() {
-    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', 'data'];
-  var mergeDeepPropertiesKeys = ['headers', 'auth', 'proxy', 'params'];
-  var defaultToConfig2Keys = [
-    'baseURL', 'transformRequest', 'transformResponse', 'paramsSerializer',
-    'timeout', 'timeoutMessage', 'withCredentials', 'adapter', 'responseType', 'xsrfCookieName',
-    'xsrfHeaderName', 'onUploadProgress', 'onDownloadProgress', 'decompress',
-    'maxContentLength', 'maxBodyLength', 'maxRedirects', 'transport', 'httpAgent',
-    'httpsAgent', 'cancelToken', 'socketPath', 'responseEncoding'
-  ];
-  var directMergeKeys = ['validateStatus'];
-
-  function getMergedValue(target, source) {
-    if (utils.isPlainObject(target) && utils.isPlainObject(source)) {
-      return utils.merge(target, source);
-    } else if (utils.isPlainObject(source)) {
-      return utils.merge({}, source);
-    } else if (utils.isArray(source)) {
-      return source.slice();
-    }
-    return source;
-  }
-
-  function mergeDeepProperties(prop) {
-    if (!utils.isUndefined(config2[prop])) {
-      config[prop] = getMergedValue(config1[prop], config2[prop]);
-    } else if (!utils.isUndefined(config1[prop])) {
-      config[prop] = getMergedValue(undefined, config1[prop]);
-    }
-  }
-
-  utils.forEach(valueFromConfig2Keys, function valueFromConfig2(prop) {
-    if (!utils.isUndefined(config2[prop])) {
-      config[prop] = getMergedValue(undefined, config2[prop]);
-    }
-  });
-
-  utils.forEach(mergeDeepPropertiesKeys, mergeDeepProperties);
-
-  utils.forEach(defaultToConfig2Keys, function defaultToConfig2(prop) {
-    if (!utils.isUndefined(config2[prop])) {
-      config[prop] = getMergedValue(undefined, config2[prop]);
-    } else if (!utils.isUndefined(config1[prop])) {
-      config[prop] = getMergedValue(undefined, config1[prop]);
-    }
-  });
-
-  utils.forEach(directMergeKeys, function merge(prop) {
-    if (prop in config2) {
-      config[prop] = getMergedValue(config1[prop], config2[prop]);
-    } else if (prop in config1) {
-      config[prop] = getMergedValue(undefined, config1[prop]);
-    }
-  });
-
-  var axiosKeys = valueFromConfig2Keys
-    .concat(mergeDeepPropertiesKeys)
-    .concat(defaultToConfig2Keys)
-    .concat(directMergeKeys);
-
-  var otherKeys = Object
-    .keys(config1)
-    .concat(Object.keys(config2))
-    .filter(function filterAxiosKeys(key) {
-      return axiosKeys.indexOf(key) === -1;
-    });
-
-  utils.forEach(otherKeys, mergeDeepProperties);
-
-  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 (!response.status || !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,
-  maxBodyLength: -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(/%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/isAxiosError.js":
-/*!********************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/isAxiosError.js ***!
-  \********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-/**
- * Determines whether the payload is an error thrown by Axios
- *
- * @param {*} payload The value to test
- * @returns {boolean} True if the payload is an error thrown by Axios, otherwise false
- */
-module.exports = function isAxiosError(payload) {
-  return (typeof payload === 'object') && (payload.isAxiosError === true);
-};
-
-
-/***/ }),
-
-/***/ "./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 plain Object
- *
- * @param {Object} val The value to test
- * @return {boolean} True if value is a plain Object, otherwise false
- */
-function isPlainObject(val) {
-  if (toString.call(val) !== '[object Object]') {
-    return false;
-  }
-
-  var prototype = Object.getPrototypeOf(val);
-  return prototype === null || prototype === Object.prototype;
-}
-
-/**
- * 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 (isPlainObject(result[key]) && isPlainObject(val)) {
-      result[key] = merge(result[key], val);
-    } else if (isPlainObject(val)) {
-      result[key] = merge({}, val);
-    } else if (isArray(val)) {
-      result[key] = val.slice();
-    } 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;
-}
-
-/**
- * Remove byte order marker. This catches EF BB BF (the UTF-8 BOM)
- *
- * @param {string} content with BOM
- * @return {string} content value without BOM
- */
-function stripBOM(content) {
-  if (content.charCodeAt(0) === 0xFEFF) {
-    content = content.slice(1);
-  }
-  return content;
-}
-
-module.exports = {
-  isArray: isArray,
-  isArrayBuffer: isArrayBuffer,
-  isBuffer: isBuffer,
-  isFormData: isFormData,
-  isArrayBufferView: isArrayBufferView,
-  isString: isString,
-  isNumber: isNumber,
-  isObject: isObject,
-  isPlainObject: isPlainObject,
-  isUndefined: isUndefined,
-  isDate: isDate,
-  isFile: isFile,
-  isBlob: isBlob,
-  isFunction: isFunction,
-  isStream: isStream,
-  isURLSearchParams: isURLSearchParams,
-  isStandardBrowserEnv: isStandardBrowserEnv,
-  forEach: forEach,
-  merge: merge,
-  extend: extend,
-  trim: trim,
-  stripBOM: stripBOM
-};
-
-
-/***/ }),
-
-/***/ "./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");
-/**
- * Remove flashing message div after 3 seconds.
- */
-
-document.querySelectorAll('.disposable-alert').forEach(function (element) {
-  setTimeout(function () {
-    element.remove();
-  }, 5000);
-});
-
-/***/ }),
-
-/***/ "./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__(/*! /var/www/html/resources/js/app.js */"./resources/js/app.js");
-module.exports = __webpack_require__(/*! /var/www/html/resources/sass/app.scss */"./resources/sass/app.scss");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=0)}({"+YGh":function(e,t,n){"use strict";function r(e,t){return{isValid:e,isPotentiallyValid:t}}e.exports=function(e,t){return t=(t=t||3)instanceof Array?t:[t],"string"!=typeof e?r(!1,!1):/^\d*$/.test(e)?function(e,t){for(var n=0;n<e.length;n++)if(t===e[n])return!0;return!1}(t,e.length)?r(!0,!0):e.length<Math.min.apply(null,t)?r(!1,!0):e.length>function(e){for(var t=3,n=0;n<e.length;n++)t=e[n]>t?e[n]:t;return t}(t)?r(!1,!1):r(!0,!0):r(!1,!1)}},0:function(e,t,n){n("bUC5"),e.exports=n("pyCd")},"0H2f":function(e,t,n){"use strict";e.exports={number:n("eROS"),expirationDate:n("u4Xs"),expirationMonth:n("2EnR"),expirationYear:n("uRxV"),cvv:n("+YGh"),postalCode:n("swuF"),creditCardType:n("3T3Z")}},"2EnR":function(e,t,n){"use strict";function r(e,t,n){return{isValid:e,isPotentiallyValid:t,isValidForThisYear:n||!1}}e.exports=function(e){var t,n,o=(new Date).getMonth()+1;return"string"!=typeof e?r(!1,!1):""===e.replace(/\s/g,"")||"0"===e?r(!1,!0):/^\d*$/.test(e)?(t=parseInt(e,10),isNaN(e)?r(!1,!1):r(n=t>0&&t<13,n,n&&t>=o)):r(!1,!1)}},"2SVd":function(e,t,n){"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},"3T3Z":function(e,t,n){"use strict";var r,o=n("X3S+"),i=n("RGrI"),s=n("MYJU"),a=n("nyOA"),u=n("uVg8"),c={},f={VISA:"visa",MASTERCARD:"mastercard",AMERICAN_EXPRESS:"american-express",DINERS_CLUB:"diners-club",DISCOVER:"discover",JCB:"jcb",UNIONPAY:"unionpay",MAESTRO:"maestro",ELO:"elo",MIR:"mir",HIPER:"hiper",HIPERCARD:"hipercard"},p=[f.VISA,f.MASTERCARD,f.AMERICAN_EXPRESS,f.DINERS_CLUB,f.DISCOVER,f.JCB,f.UNIONPAY,f.MAESTRO,f.ELO,f.MIR,f.HIPER,f.HIPERCARD];function l(e){return c[e]||o[e]}function d(e,t){var n=r.indexOf(e);if(!t&&-1===n)throw new Error('"'+e+'" is not a supported card type.');return n}function h(e){var t,n=[];return a(e)?0===e.length?r.map((function(e){return i(l(e))})):(r.forEach((function(t){var r=l(t);u(e,r,n)})),(t=s(n))?[t]:n):[]}r=i(p),h.getTypeInfo=function(e){return i(l(e))},h.removeCard=function(e){var t=d(e);r.splice(t,1)},h.addCard=function(e){var t=d(e.type,!0);c[e.type]=e,-1===t&&r.push(e.type)},h.updateCard=function(e,t){var n,r=c[e]||o[e];if(!r)throw new Error('"'+e+'" is not a recognized type. Use `addCard` instead.');if(t.type&&r.type!==t.type)throw new Error("Cannot overwrite type parameter.");n=i(r,!0),Object.keys(n).forEach((function(e){t[e]&&(n[e]=t[e])})),c[n.type]=n},h.changeOrder=function(e,t){var n=d(e);r.splice(n,1),r.splice(t,0,e)},h.resetModifications=function(){r=i(p),c={}},h.types=f,e.exports=h},"5oMp":function(e,t,n){"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},"8oxB":function(e,t){var n,r,o=e.exports={};function i(){throw new Error("setTimeout has not been defined")}function s(){throw new Error("clearTimeout has not been defined")}function a(e){if(n===setTimeout)return setTimeout(e,0);if((n===i||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:i}catch(e){n=i}try{r="function"==typeof clearTimeout?clearTimeout:s}catch(e){r=s}}();var u,c=[],f=!1,p=-1;function l(){f&&u&&(f=!1,u.length?c=u.concat(c):p=-1,c.length&&d())}function d(){if(!f){var e=a(l);f=!0;for(var t=c.length;t;){for(u=c,c=[];++p<t;)u&&u[p].run();p=-1,t=c.length}u=null,f=!1,function(e){if(r===clearTimeout)return clearTimeout(e);if((r===s||!r)&&clearTimeout)return r=clearTimeout,clearTimeout(e);try{r(e)}catch(t){try{return r.call(null,e)}catch(t){return r.call(this,e)}}}(e)}}function h(e,t){this.fun=e,this.array=t}function m(){}o.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];c.push(new h(e,t)),1!==c.length||f||a(d)},h.prototype.run=function(){this.fun.apply(null,this.array)},o.title="browser",o.browser=!0,o.env={},o.argv=[],o.version="",o.versions={},o.on=m,o.addListener=m,o.once=m,o.off=m,o.removeListener=m,o.removeAllListeners=m,o.emit=m,o.prependListener=m,o.prependOnceListener=m,o.listeners=function(e){return[]},o.binding=function(e){throw new Error("process.binding is not supported")},o.cwd=function(){return"/"},o.chdir=function(e){throw new Error("process.chdir is not supported")},o.umask=function(){return 0}},"9rSQ":function(e,t,n){"use strict";var r=n("xTJ+");function o(){this.handlers=[]}o.prototype.use=function(e,t){return this.handlers.push({fulfilled:e,rejected:t}),this.handlers.length-1},o.prototype.eject=function(e){this.handlers[e]&&(this.handlers[e]=null)},o.prototype.forEach=function(e){r.forEach(this.handlers,(function(t){null!==t&&e(t)}))},e.exports=o},CgaS:function(e,t,n){"use strict";var r=n("xTJ+"),o=n("MLWZ"),i=n("9rSQ"),s=n("UnBK"),a=n("SntB");function u(e){this.defaults=e,this.interceptors={request:new i,response:new i}}u.prototype.request=function(e){"string"==typeof e?(e=arguments[1]||{}).url=arguments[0]:e=e||{},(e=a(this.defaults,e)).method?e.method=e.method.toLowerCase():this.defaults.method?e.method=this.defaults.method.toLowerCase():e.method="get";var t=[s,void 0],n=Promise.resolve(e);for(this.interceptors.request.forEach((function(e){t.unshift(e.fulfilled,e.rejected)})),this.interceptors.response.forEach((function(e){t.push(e.fulfilled,e.rejected)}));t.length;)n=n.then(t.shift(),t.shift());return n},u.prototype.getUri=function(e){return e=a(this.defaults,e),o(e.url,e.params,e.paramsSerializer).replace(/^\?/,"")},r.forEach(["delete","get","head","options"],(function(e){u.prototype[e]=function(t,n){return this.request(a(n||{},{method:e,url:t,data:(n||{}).data}))}})),r.forEach(["post","put","patch"],(function(e){u.prototype[e]=function(t,n,r){return this.request(a(r||{},{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,maxBodyLength:-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(/%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;n.status&&o&&!o(n.status)?t(r("Request failed with status code "+n.status,n.config,null,n.request,n)):e(n)}},SntB:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=function(e,t){t=t||{};var n={},o=["url","method","data"],i=["headers","auth","proxy","params"],s=["baseURL","transformRequest","transformResponse","paramsSerializer","timeout","timeoutMessage","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","decompress","maxContentLength","maxBodyLength","maxRedirects","transport","httpAgent","httpsAgent","cancelToken","socketPath","responseEncoding"],a=["validateStatus"];function u(e,t){return r.isPlainObject(e)&&r.isPlainObject(t)?r.merge(e,t):r.isPlainObject(t)?r.merge({},t):r.isArray(t)?t.slice():t}function c(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=u(void 0,e[o])):n[o]=u(e[o],t[o])}r.forEach(o,(function(e){r.isUndefined(t[e])||(n[e]=u(void 0,t[e]))})),r.forEach(i,c),r.forEach(s,(function(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=u(void 0,e[o])):n[o]=u(void 0,t[o])})),r.forEach(a,(function(r){r in t?n[r]=u(e[r],t[r]):r in e&&(n[r]=u(void 0,e[r]))}));var f=o.concat(i).concat(s).concat(a),p=Object.keys(e).concat(Object.keys(t)).filter((function(e){return-1===f.indexOf(e)}));return r.forEach(p,c),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}}}},XwJu:function(e,t,n){"use strict";e.exports=function(e){return"object"==typeof e&&!0===e.isAxiosError}},bUC5:function(e,t,n){window.axios=n("vDqi"),window.valid=n("0H2f"),document.querySelectorAll(".disposable-alert").forEach((function(e){setTimeout((function(){e.remove()}),5e3)}))},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("eqyj"),s=n("MLWZ"),a=n("g7np"),u=n("w0Vi"),c=n("OTTw"),f=n("LYNF");e.exports=function(e){return new Promise((function(t,n){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?unescape(encodeURIComponent(e.auth.password)):"";l.Authorization="Basic "+btoa(h+":"+m)}var g=a(e.baseURL,e.url);if(d.open(e.method.toUpperCase(),s(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 r="getAllResponseHeaders"in d?u(d.getAllResponseHeaders()):null,i={data:e.responseType&&"text"!==e.responseType?d.response:d.responseText,status:d.status,statusText:d.statusText,headers:r,config:e,request:d};o(t,n,i),d=null}},d.onabort=function(){d&&(n(f("Request aborted",e,"ECONNABORTED",d)),d=null)},d.onerror=function(){n(f("Network Error",e,null,d)),d=null},d.ontimeout=function(){var t="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),n(f(t,e,"ECONNABORTED",d)),d=null},r.isStandardBrowserEnv()){var y=(e.withCredentials||c(g))&&e.xsrfCookieName?i.read(e.xsrfCookieName):void 0;y&&(l[e.xsrfHeaderName]=y)}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(),n(e),d=null)})),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){if("[object Object]"!==o.call(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t===Object.prototype}function c(e){return"[object Function]"===o.call(e)}function f(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,isPlainObject:u,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:c,isStream:function(e){return a(e)&&c(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:f,merge:function e(){var t={};function n(n,r){u(t[r])&&u(n)?t[r]=e(t[r],n):u(n)?t[r]=e({},n):i(n)?t[r]=n.slice():t[r]=n}for(var r=0,o=arguments.length;r<o;r++)f(arguments[r],n);return t},extend:function(e,t,n){return f(t,(function(t,o){e[o]=n&&"function"==typeof t?r(t,n):t})),e},trim:function(e){return e.replace(/^\s*/,"").replace(/\s*$/,"")},stripBOM:function(e){return 65279===e.charCodeAt(0)&&(e=e.slice(1)),e}}},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"),u.isAxiosError=n("XwJu"),e.exports=u,e.exports.default=u}});
\ No newline at end of file
diff --git a/public/js/clients/invoices/action-selectors.js b/public/js/clients/invoices/action-selectors.js
index d8ab06b008..298bbe5d8a 100755
--- a/public/js/clients/invoices/action-selectors.js
+++ b/public/js/clients/invoices/action-selectors.js
@@ -1,240 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 4);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/invoices/action-selectors.js":
-/*!***********************************************************!*\
-  !*** ./resources/js/clients/invoices/action-selectors.js ***!
-  \***********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var ActionSelectors = /*#__PURE__*/function () {
-  function ActionSelectors() {
-    _classCallCheck(this, ActionSelectors);
-
-    this.parentElement = document.querySelector('.form-check-parent');
-    this.parentForm = document.getElementById('bulkActions');
-  }
-
-  _createClass(ActionSelectors, [{
-    key: "watchCheckboxes",
-    value: function watchCheckboxes(parentElement) {
-      var _this = this;
-
-      document.querySelectorAll('.child-hidden-input').forEach(function (element) {
-        return element.remove();
-      });
-      document.querySelectorAll('.form-check-child').forEach(function (child) {
-        if (parentElement.checked) {
-          child.checked = parentElement.checked;
-
-          _this.processChildItem(child, document.getElementById('bulkActions'));
-        } else {
-          child.checked = false;
-          document.querySelectorAll('.child-hidden-input').forEach(function (element) {
-            return element.remove();
-          });
-        }
-      });
-    }
-  }, {
-    key: "processChildItem",
-    value: function processChildItem(element, parent) {
-      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-      if (options.hasOwnProperty('single')) {
-        document.querySelectorAll('.child-hidden-input').forEach(function (element) {
-          return element.remove();
-        });
-      }
-
-      if (element.checked === false) {
-        var inputs = document.querySelectorAll('input.child-hidden-input');
-
-        var _iterator = _createForOfIteratorHelper(inputs),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var i = _step.value;
-            if (i.value == element.dataset.value) i.remove();
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-
-        return;
-      }
-
-      var _temp = document.createElement('INPUT');
-
-      _temp.setAttribute('name', 'invoices[]');
-
-      _temp.setAttribute('value', element.dataset.value);
-
-      _temp.setAttribute('class', 'child-hidden-input');
-
-      _temp.hidden = true;
-      parent.append(_temp);
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this2 = this;
-
-      this.parentElement.addEventListener('click', function () {
-        _this2.watchCheckboxes(_this2.parentElement);
-      });
-
-      var _iterator2 = _createForOfIteratorHelper(document.querySelectorAll('.form-check-child')),
-          _step2;
-
-      try {
-        var _loop = function _loop() {
-          var child = _step2.value;
-          child.addEventListener('click', function () {
-            _this2.processChildItem(child, _this2.parentForm);
-          });
-        };
-
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          _loop();
-        }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
-      }
-    }
-  }]);
-
-  return ActionSelectors;
-}();
-/** @handle **/
-
-
-new ActionSelectors().handle();
-
-/***/ }),
-
-/***/ 4:
-/*!*****************************************************************!*\
-  !*** multi ./resources/js/clients/invoices/action-selectors.js ***!
-  \*****************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/invoices/action-selectors.js */"./resources/js/clients/invoices/action-selectors.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see action-selectors.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=4)}({4:function(e,t,n){e.exports=n("Boob")},Boob:function(e,t){function n(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,c=function(){};return{s:c,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:c}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var u,i=!0,l=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return i=e.done,e},e:function(e){l=!0,u=e},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw u}}}}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.parentElement=document.querySelector(".form-check-parent"),this.parentForm=document.getElementById("bulkActions")}var t,r,c;return t=e,(r=[{key:"watchCheckboxes",value:function(e){var t=this;document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})),document.querySelectorAll(".form-check-child").forEach((function(n){e.checked?(n.checked=e.checked,t.processChildItem(n,document.getElementById("bulkActions"))):(n.checked=!1,document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})))}))}},{key:"processChildItem",value:function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(r.hasOwnProperty("single")&&document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})),!1!==e.checked){var o=document.createElement("INPUT");o.setAttribute("name","invoices[]"),o.setAttribute("value",e.dataset.value),o.setAttribute("class","child-hidden-input"),o.hidden=!0,t.append(o)}else{var c,u=document.querySelectorAll("input.child-hidden-input"),i=n(u);try{for(i.s();!(c=i.n()).done;){var l=c.value;l.value==e.dataset.value&&l.remove()}}catch(e){i.e(e)}finally{i.f()}}}},{key:"handle",value:function(){var e=this;this.parentElement.addEventListener("click",(function(){e.watchCheckboxes(e.parentElement)}));var t,r=n(document.querySelectorAll(".form-check-child"));try{var o=function(){var n=t.value;n.addEventListener("click",(function(){e.processChildItem(n,e.parentForm)}))};for(r.s();!(t=r.n()).done;)o()}catch(e){r.e(e)}finally{r.f()}}}])&&o(t.prototype,r),c&&o(t,c),e}())).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/invoices/payment.js b/public/js/clients/invoices/payment.js
index d391006e55..011c1f41d9 100755
--- a/public/js/clients/invoices/payment.js
+++ b/public/js/clients/invoices/payment.js
@@ -1,219 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 5);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/invoices/payment.js":
-/*!**************************************************!*\
-  !*** ./resources/js/clients/invoices/payment.js ***!
-  \**************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var Payment = /*#__PURE__*/function () {
-  function Payment(displayTerms, displaySignature) {
-    _classCallCheck(this, Payment);
-
-    this.shouldDisplayTerms = displayTerms;
-    this.shouldDisplaySignature = displaySignature;
-    this.termsAccepted = false;
-  }
-
-  _createClass(Payment, [{
-    key: "handleMethodSelect",
-    value: function handleMethodSelect(element) {
-      var _this = this;
-
-      document.getElementById("company_gateway_id").value = element.dataset.companyGatewayId;
-      document.getElementById("payment_method_id").value = element.dataset.gatewayTypeId;
-
-      if (this.shouldDisplaySignature && !this.shouldDisplayTerms) {
-        this.displayTerms();
-        document.getElementById("accept-terms-button").addEventListener("click", function () {
-          _this.termsAccepted = true;
-
-          _this.submitForm();
-        });
-      }
-
-      if (!this.shouldDisplaySignature && this.shouldDisplayTerms) {
-        this.displaySignature();
-        document.getElementById("signature-next-step").addEventListener("click", function () {
-          document.querySelector('input[name="signature"').value = _this.signaturePad.toDataURL();
-
-          _this.submitForm();
-        });
-      }
-
-      if (this.shouldDisplaySignature && this.shouldDisplayTerms) {
-        this.displaySignature();
-        document.getElementById("signature-next-step").addEventListener("click", function () {
-          _this.displayTerms();
-
-          document.getElementById("accept-terms-button").addEventListener("click", function () {
-            document.querySelector('input[name="signature"').value = _this.signaturePad.toDataURL();
-            _this.termsAccepted = true;
-
-            _this.submitForm();
-          });
-        });
-      }
-
-      if (!this.shouldDisplaySignature && !this.shouldDisplayTerms) {
-        this.submitForm();
-      }
-    }
-  }, {
-    key: "submitForm",
-    value: function submitForm() {
-      document.getElementById("payment-form").submit();
-    }
-  }, {
-    key: "displayTerms",
-    value: function displayTerms() {
-      var displayTermsModal = document.getElementById("displayTermsModal");
-      displayTermsModal.removeAttribute("style");
-    }
-  }, {
-    key: "displaySignature",
-    value: function displaySignature() {
-      var displaySignatureModal = document.getElementById("displaySignatureModal");
-      displaySignatureModal.removeAttribute("style");
-      var signaturePad = new SignaturePad(document.getElementById("signature-pad"), {
-        penColor: "rgb(0, 0, 0)"
-      });
-      this.signaturePad = signaturePad;
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this2 = this;
-
-      document.querySelectorAll(".dropdown-gateway-button").forEach(function (element) {
-        element.addEventListener("click", function () {
-          return _this2.handleMethodSelect(element);
-        });
-      });
-    }
-  }]);
-
-  return Payment;
-}();
-
-var signature = document.querySelector('meta[name="require-invoice-signature"]').content;
-var terms = document.querySelector('meta[name="show-invoice-terms"]').content;
-new Payment(Boolean(+signature), Boolean(+terms)).handle();
-
-/***/ }),
-
-/***/ 5:
-/*!********************************************************!*\
-  !*** multi ./resources/js/clients/invoices/payment.js ***!
-  \********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/invoices/payment.js */"./resources/js/clients/invoices/payment.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see payment.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=5)}({5:function(e,t,n){e.exports=n("FuOr")},FuOr:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var r=function(){function e(t,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.shouldDisplayTerms=t,this.shouldDisplaySignature=n,this.termsAccepted=!1}var t,r,i;return t=e,(r=[{key:"handleMethodSelect",value:function(e){var t=this;document.getElementById("company_gateway_id").value=e.dataset.companyGatewayId,document.getElementById("payment_method_id").value=e.dataset.gatewayTypeId,this.shouldDisplaySignature&&!this.shouldDisplayTerms&&(this.displayTerms(),document.getElementById("accept-terms-button").addEventListener("click",(function(){t.termsAccepted=!0,t.submitForm()}))),!this.shouldDisplaySignature&&this.shouldDisplayTerms&&(this.displaySignature(),document.getElementById("signature-next-step").addEventListener("click",(function(){document.querySelector('input[name="signature"').value=t.signaturePad.toDataURL(),t.submitForm()}))),this.shouldDisplaySignature&&this.shouldDisplayTerms&&(this.displaySignature(),document.getElementById("signature-next-step").addEventListener("click",(function(){t.displayTerms(),document.getElementById("accept-terms-button").addEventListener("click",(function(){document.querySelector('input[name="signature"').value=t.signaturePad.toDataURL(),t.termsAccepted=!0,t.submitForm()}))}))),this.shouldDisplaySignature||this.shouldDisplayTerms||this.submitForm()}},{key:"submitForm",value:function(){document.getElementById("payment-form").submit()}},{key:"displayTerms",value:function(){document.getElementById("displayTermsModal").removeAttribute("style")}},{key:"displaySignature",value:function(){document.getElementById("displaySignatureModal").removeAttribute("style");var e=new SignaturePad(document.getElementById("signature-pad"),{penColor:"rgb(0, 0, 0)"});this.signaturePad=e}},{key:"handle",value:function(){var e=this;document.querySelectorAll(".dropdown-gateway-button").forEach((function(t){t.addEventListener("click",(function(){return e.handleMethodSelect(t)}))}))}}])&&n(t.prototype,r),i&&n(t,i),e}(),i=document.querySelector('meta[name="require-invoice-signature"]').content,u=document.querySelector('meta[name="show-invoice-terms"]').content;new r(Boolean(+i),Boolean(+u)).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/linkify-urls.js b/public/js/clients/linkify-urls.js
index 40e0f3e855..19fb4fffc6 100644
--- a/public/js/clients/linkify-urls.js
+++ b/public/js/clients/linkify-urls.js
@@ -1,345 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 16);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./node_modules/create-html-element/index.js":
-/*!***************************************************!*\
-  !*** ./node_modules/create-html-element/index.js ***!
-  \***************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-const stringifyAttributes = __webpack_require__(/*! stringify-attributes */ "./node_modules/stringify-attributes/index.js");
-const htmlTags = __webpack_require__(/*! html-tags/void */ "./node_modules/create-html-element/node_modules/html-tags/void.js");
-const escapeGoat = __webpack_require__(/*! escape-goat */ "./node_modules/escape-goat/index.js");
-
-const voidHtmlTags = new Set(htmlTags);
-
-module.exports = options => {
-	options = Object.assign({
-		name: 'div',
-		attributes: {},
-		html: ''
-	}, options);
-
-	if (options.html && options.text) {
-		throw new Error('The `html` and `text` options are mutually exclusive');
-	}
-
-	const content = options.text ? escapeGoat.escape(options.text) : options.html;
-	let result = `<${options.name}${stringifyAttributes(options.attributes)}>`;
-
-	if (!voidHtmlTags.has(options.name)) {
-		result += `${content}</${options.name}>`;
-	}
-
-	return result;
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/create-html-element/node_modules/html-tags/html-tags-void.json":
-/*!*************************************************************************************!*\
-  !*** ./node_modules/create-html-element/node_modules/html-tags/html-tags-void.json ***!
-  \*************************************************************************************/
-/*! exports provided: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, default */
-/***/ (function(module) {
-
-module.exports = JSON.parse("[\"area\",\"base\",\"br\",\"col\",\"embed\",\"hr\",\"img\",\"input\",\"link\",\"menuitem\",\"meta\",\"param\",\"source\",\"track\",\"wbr\"]");
-
-/***/ }),
-
-/***/ "./node_modules/create-html-element/node_modules/html-tags/void.js":
-/*!*************************************************************************!*\
-  !*** ./node_modules/create-html-element/node_modules/html-tags/void.js ***!
-  \*************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-module.exports = __webpack_require__(/*! ./html-tags-void.json */ "./node_modules/create-html-element/node_modules/html-tags/html-tags-void.json");
-
-
-/***/ }),
-
-/***/ "./node_modules/escape-goat/index.js":
-/*!*******************************************!*\
-  !*** ./node_modules/escape-goat/index.js ***!
-  \*******************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.escape = input => input
-	.replace(/&/g, '&amp;')
-	.replace(/"/g, '&quot;')
-	.replace(/'/g, '&#39;')
-	.replace(/</g, '&lt;')
-	.replace(/>/g, '&gt;');
-
-exports.unescape = input => input
-	.replace(/&gt;/g, '>')
-	.replace(/&lt;/g, '<')
-	.replace(/&#39;/g, '\'')
-	.replace(/&quot;/g, '"')
-	.replace(/&amp;/g, '&');
-
-exports.escapeTag = function (input) {
-	let output = input[0];
-	for (let i = 1; i < arguments.length; i++) {
-		output = output + exports.escape(arguments[i]) + input[i];
-	}
-	return output;
-};
-
-exports.unescapeTag = function (input) {
-	let output = input[0];
-	for (let i = 1; i < arguments.length; i++) {
-		output = output + exports.unescape(arguments[i]) + input[i];
-	}
-	return output;
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/linkify-urls/index.js":
-/*!********************************************!*\
-  !*** ./node_modules/linkify-urls/index.js ***!
-  \********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-const createHtmlElement = __webpack_require__(/*! create-html-element */ "./node_modules/create-html-element/index.js");
-
-// Capture the whole URL in group 1 to keep `String#split()` support
-const urlRegex = () => (/((?<!\+)(?:https?(?::\/\/))(?:www\.)?(?:[a-zA-Z\d-_.]+(?:(?:\.|@)[a-zA-Z\d]{2,})|localhost)(?:(?:[-a-zA-Z\d:%_+.~#*$!?&//=@]*)(?:[,](?![\s]))*)*)/g);
-
-// Get `<a>` element as string
-const linkify = (href, options) => createHtmlElement({
-	name: 'a',
-	attributes: {
-		href: '',
-		...options.attributes,
-		href // eslint-disable-line no-dupe-keys
-	},
-	text: typeof options.value === 'undefined' ? href : undefined,
-	html: typeof options.value === 'undefined' ? undefined :
-		(typeof options.value === 'function' ? options.value(href) : options.value)
-});
-
-// Get DOM node from HTML
-const domify = html => document.createRange().createContextualFragment(html);
-
-const getAsString = (string, options) => {
-	return string.replace(urlRegex(), match => linkify(match, options));
-};
-
-const getAsDocumentFragment = (string, options) => {
-	const fragment = document.createDocumentFragment();
-	for (const [index, text] of Object.entries(string.split(urlRegex()))) {
-		if (index % 2) { // URLs are always in odd positions
-			fragment.append(domify(linkify(text, options)));
-		} else if (text.length > 0) {
-			fragment.append(text);
-		}
-	}
-
-	return fragment;
-};
-
-module.exports = (string, options) => {
-	options = {
-		attributes: {},
-		type: 'string',
-		...options
-	};
-
-	if (options.type === 'string') {
-		return getAsString(string, options);
-	}
-
-	if (options.type === 'dom') {
-		return getAsDocumentFragment(string, options);
-	}
-
-	throw new Error('The type option must be either `dom` or `string`');
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/stringify-attributes/index.js":
-/*!****************************************************!*\
-  !*** ./node_modules/stringify-attributes/index.js ***!
-  \****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-const escapeGoat = __webpack_require__(/*! escape-goat */ "./node_modules/escape-goat/index.js");
-
-module.exports = input => {
-	const attributes = [];
-
-	for (const key of Object.keys(input)) {
-		let value = input[key];
-
-		if (value === false) {
-			continue;
-		}
-
-		if (Array.isArray(value)) {
-			value = value.join(' ');
-		}
-
-		let attribute = escapeGoat.escape(key);
-
-		if (value !== true) {
-			attribute += `="${escapeGoat.escape(String(value))}"`;
-		}
-
-		attributes.push(attribute);
-	}
-
-	return attributes.length > 0 ? ' ' + attributes.join(' ') : '';
-};
-
-
-/***/ }),
-
-/***/ "./resources/js/clients/linkify-urls.js":
-/*!**********************************************!*\
-  !*** ./resources/js/clients/linkify-urls.js ***!
-  \**********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var linkifyUrls = __webpack_require__(/*! linkify-urls */ "./node_modules/linkify-urls/index.js");
-
-document.querySelectorAll('[data-ref=entity-terms]').forEach(function (text) {
-  text.innerHTML = linkifyUrls(text.innerText, {
-    attributes: {
-      target: '_blank',
-      "class": 'text-primary'
-    }
-  });
-});
-
-/***/ }),
-
-/***/ 16:
-/*!****************************************************!*\
-  !*** multi ./resources/js/clients/linkify-urls.js ***!
-  \****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/linkify-urls.js */"./resources/js/clients/linkify-urls.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see linkify-urls.js.LICENSE.txt */
+!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/",r(r.s=16)}({16:function(e,t,r){e.exports=r("cN42")},Ievl:function(e,t,r){"use strict";t.escape=e=>e.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),t.unescape=e=>e.replace(/&gt;/g,">").replace(/&lt;/g,"<").replace(/&#39;/g,"'").replace(/&quot;/g,'"').replace(/&amp;/g,"&"),t.escapeTag=function(e){let r=e[0];for(let n=1;n<arguments.length;n++)r=r+t.escape(arguments[n])+e[n];return r},t.unescapeTag=function(e){let r=e[0];for(let n=1;n<arguments.length;n++)r=r+t.unescape(arguments[n])+e[n];return r}},PoD1:function(e,t,r){"use strict";e.exports=r("sW1H")},YIIW:function(e,t,r){"use strict";const n=r("dBjz"),o=r("PoD1"),a=r("Ievl"),u=new Set(o);e.exports=e=>{if((e=Object.assign({name:"div",attributes:{},html:""},e)).html&&e.text)throw new Error("The `html` and `text` options are mutually exclusive");const t=e.text?a.escape(e.text):e.html;let r=`<${e.name}${n(e.attributes)}>`;return u.has(e.name)||(r+=`${t}</${e.name}>`),r}},cN42:function(e,t,r){var n=r("jG5F");document.querySelectorAll("[data-ref=entity-terms]").forEach((function(e){e.innerHTML=n(e.innerText,{attributes:{target:"_blank",class:"text-primary"}})}))},dBjz:function(e,t,r){"use strict";const n=r("Ievl");e.exports=e=>{const t=[];for(const r of Object.keys(e)){let o=e[r];if(!1===o)continue;Array.isArray(o)&&(o=o.join(" "));let a=n.escape(r);!0!==o&&(a+=`="${n.escape(String(o))}"`),t.push(a)}return t.length>0?" "+t.join(" "):""}},jG5F:function(e,t,r){"use strict";const n=r("YIIW"),o=(e,t)=>n({name:"a",attributes:{href:"",...t.attributes,href:e},text:void 0===t.value?e:void 0,html:void 0===t.value?void 0:"function"==typeof t.value?t.value(e):t.value});e.exports=(e,t)=>{if("string"===(t={attributes:{},type:"string",...t}).type)return((e,t)=>e.replace(/((?<!\+)(?:https?(?::\/\/))(?:www\.)?(?:[a-zA-Z\d-_.]+(?:(?:\.|@)[a-zA-Z\d]{2,})|localhost)(?:(?:[-a-zA-Z\d:%_+.~#*$!?&//=@]*)(?:[,](?![\s]))*)*)/g,e=>o(e,t)))(e,t);if("dom"===t.type)return((e,t)=>{const r=document.createDocumentFragment();for(const[a,u]of Object.entries(e.split(/((?<!\+)(?:https?(?::\/\/))(?:www\.)?(?:[a-zA-Z\d-_.]+(?:(?:\.|@)[a-zA-Z\d]{2,})|localhost)(?:(?:[-a-zA-Z\d:%_+.~#*$!?&//=@]*)(?:[,](?![\s]))*)*)/g)))a%2?r.append((n=o(u,t),document.createRange().createContextualFragment(n))):u.length>0&&r.append(u);var n;return r})(e,t);throw new Error("The type option must be either `dom` or `string`")}},sW1H:function(e){e.exports=JSON.parse('["area","base","br","col","embed","hr","img","input","link","menuitem","meta","param","source","track","wbr"]')}});
\ 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 93486d86d5..f904539398 100755
--- a/public/js/clients/payment_methods/authorize-authorize-card.js
+++ b/public/js/clients/payment_methods/authorize-authorize-card.js
@@ -1,199 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 1);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payment_methods/authorize-authorize-card.js":
-/*!**************************************************************************!*\
-  !*** ./resources/js/clients/payment_methods/authorize-authorize-card.js ***!
-  \**************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var AuthorizeAuthorizeCard = /*#__PURE__*/function () {
-  function AuthorizeAuthorizeCard(publicKey, loginId) {
-    _classCallCheck(this, AuthorizeAuthorizeCard);
-
-    this.publicKey = publicKey;
-    this.loginId = loginId;
-    this.cardHolderName = document.getElementById("cardholder_name");
-    this.cardButton = document.getElementById("card_button");
-  }
-
-  _createClass(AuthorizeAuthorizeCard, [{
-    key: "handleAuthorization",
-    value: function handleAuthorization() {
-      var myCard = $('#my-card');
-      var authData = {};
-      authData.clientKey = this.publicKey;
-      authData.apiLoginID = this.loginId;
-      var cardData = {};
-      cardData.cardNumber = myCard.CardJs('cardNumber').replace(/[^\d]/g, '');
-      cardData.month = myCard.CardJs('expiryMonth').replace(/[^\d]/g, '');
-      cardData.year = myCard.CardJs('expiryYear').replace(/[^\d]/g, '');
-      cardData.cardCode = document.getElementById("cvv").value.replace(/[^\d]/g, '');
-      ;
-      var secureData = {};
-      secureData.authData = authData;
-      secureData.cardData = cardData;
-      document.getElementById('card_button').disabled = true;
-      document.querySelector('#card_button > svg').classList.remove('hidden');
-      document.querySelector('#card_button > span').classList.add('hidden');
-      Accept.dispatchData(secureData, this.responseHandler);
-      return false;
-    }
-  }, {
-    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>");
-        document.getElementById('card_button').disabled = false;
-        document.querySelector('#card_button > svg').classList.add('hidden');
-        document.querySelector('#card_button > span').classList.remove('hidden');
-      } else if (response.messages.resultCode === "Ok") {
-        document.getElementById("dataDescriptor").value = response.opaqueData.dataDescriptor;
-        document.getElementById("dataValue").value = response.opaqueData.dataValue;
-        document.getElementById("server_response").submit();
-      }
-
-      return false;
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this = this;
-
-      this.cardButton.addEventListener("click", function () {
-        _this.cardButton.disabled = !_this.cardButton.disabled;
-
-        _this.handleAuthorization();
-      });
-      return this;
-    }
-  }]);
-
-  return AuthorizeAuthorizeCard;
-}();
-
-var publicKey = document.querySelector('meta[name="authorize-public-key"]').content;
-var loginId = document.querySelector('meta[name="authorize-login-id"]').content;
-/** @handle */
-
-new AuthorizeAuthorizeCard(publicKey, loginId).handle();
-
-/***/ }),
-
-/***/ 1:
-/*!********************************************************************************!*\
-  !*** multi ./resources/js/clients/payment_methods/authorize-authorize-card.js ***!
-  \********************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payment_methods/authorize-authorize-card.js */"./resources/js/clients/payment_methods/authorize-authorize-card.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see authorize-authorize-card.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=1)}({1:function(e,t,n){e.exports=n("6vDv")},"6vDv":function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}new(function(){function e(t,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.publicKey=t,this.loginId=n,this.cardHolderName=document.getElementById("cardholder_name"),this.cardButton=document.getElementById("card_button")}var t,r,a;return t=e,(r=[{key:"handleAuthorization",value:function(){var e=$("#my-card"),t={};t.clientKey=this.publicKey,t.apiLoginID=this.loginId;var n={};n.cardNumber=e.CardJs("cardNumber").replace(/[^\d]/g,""),n.month=e.CardJs("expiryMonth").replace(/[^\d]/g,""),n.year=e.CardJs("expiryYear").replace(/[^\d]/g,""),n.cardCode=document.getElementById("cvv").value.replace(/[^\d]/g,"");var r={};return r.authData=t,r.cardData=n,document.getElementById("card_button").disabled=!0,document.querySelector("#card_button > svg").classList.remove("hidden"),document.querySelector("#card_button > span").classList.add("hidden"),Accept.dispatchData(r,this.responseHandler),!1}},{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>"),document.getElementById("card_button").disabled=!1,document.querySelector("#card_button > svg").classList.add("hidden"),document.querySelector("#card_button > span").classList.remove("hidden")):"Ok"===e.messages.resultCode&&(document.getElementById("dataDescriptor").value=e.opaqueData.dataDescriptor,document.getElementById("dataValue").value=e.opaqueData.dataValue,document.getElementById("server_response").submit()),!1}},{key:"handle",value:function(){var e=this;return this.cardButton.addEventListener("click",(function(){e.cardButton.disabled=!e.cardButton.disabled,e.handleAuthorization()})),this}}])&&n(t.prototype,r),a&&n(t,a),e}())(document.querySelector('meta[name="authorize-public-key"]').content,document.querySelector('meta[name="authorize-login-id"]').content).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payment_methods/authorize-checkout-card.js b/public/js/clients/payment_methods/authorize-checkout-card.js
index c132e6ed8a..42b35a2db4 100644
--- a/public/js/clients/payment_methods/authorize-checkout-card.js
+++ b/public/js/clients/payment_methods/authorize-checkout-card.js
@@ -1,163 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 29);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payment_methods/authorize-checkout-card.js":
-/*!*************************************************************************!*\
-  !*** ./resources/js/clients/payment_methods/authorize-checkout-card.js ***!
-  \*************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com).
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var CheckoutCreditCardAuthorization = /*#__PURE__*/function () {
-  function CheckoutCreditCardAuthorization() {
-    _classCallCheck(this, CheckoutCreditCardAuthorization);
-
-    this.button = document.querySelector('#pay-button');
-  }
-
-  _createClass(CheckoutCreditCardAuthorization, [{
-    key: "init",
-    value: function init() {
-      this.frames = Frames.init(document.querySelector('meta[name=public-key]').content);
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this = this;
-
-      this.init();
-      Frames.addEventHandler(Frames.Events.CARD_VALIDATION_CHANGED, function (event) {
-        _this.button.disabled = !Frames.isCardValid();
-      });
-      Frames.addEventHandler(Frames.Events.CARD_TOKENIZED, function (event) {
-        document.querySelector('input[name="gateway_response"]').value = JSON.stringify(event);
-        document.getElementById('server_response').submit();
-      });
-      document.querySelector('#authorization-form').addEventListener('submit', function (event) {
-        _this.button.disabled = true;
-        event.preventDefault();
-        Frames.submitCard();
-      });
-    }
-  }]);
-
-  return CheckoutCreditCardAuthorization;
-}();
-
-new CheckoutCreditCardAuthorization().handle();
-
-/***/ }),
-
-/***/ 29:
-/*!*******************************************************************************!*\
-  !*** multi ./resources/js/clients/payment_methods/authorize-checkout-card.js ***!
-  \*******************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payment_methods/authorize-checkout-card.js */"./resources/js/clients/payment_methods/authorize-checkout-card.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see authorize-checkout-card.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=29)}({29:function(e,t,n){e.exports=n("kduS")},kduS:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.button=document.querySelector("#pay-button")}var t,r,o;return t=e,(r=[{key:"init",value:function(){this.frames=Frames.init(document.querySelector("meta[name=public-key]").content)}},{key:"handle",value:function(){var e=this;this.init(),Frames.addEventHandler(Frames.Events.CARD_VALIDATION_CHANGED,(function(t){e.button.disabled=!Frames.isCardValid()})),Frames.addEventHandler(Frames.Events.CARD_TOKENIZED,(function(e){document.querySelector('input[name="gateway_response"]').value=JSON.stringify(e),document.getElementById("server_response").submit()})),document.querySelector("#authorization-form").addEventListener("submit",(function(t){e.button.disabled=!0,t.preventDefault(),Frames.submitCard()}))}}])&&n(t.prototype,r),o&&n(t,o),e}())).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payment_methods/braintree-ach.js b/public/js/clients/payment_methods/braintree-ach.js
index 762b9841bf..21a7acd168 100644
--- a/public/js/clients/payment_methods/braintree-ach.js
+++ b/public/js/clients/payment_methods/braintree-ach.js
@@ -1,173 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 24);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payment_methods/braintree-ach.js":
-/*!***************************************************************!*\
-  !*** ./resources/js/clients/payment_methods/braintree-ach.js ***!
-  \***************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-var _document$querySelect;
-
-/**
- * Invoice Ninja (https://invoiceninja.com).
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://www.elastic.co/licensing/elastic-license
- */
-window.braintree.client.create({
-  authorization: (_document$querySelect = document.querySelector('meta[name="client-token"]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.content
-}).then(function (clientInstance) {
-  return braintree.usBankAccount.create({
-    client: clientInstance
-  });
-}).then(function (usBankAccountInstance) {
-  var _document$getElementB;
-
-  (_document$getElementB = document.getElementById('authorize-bank-account')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.addEventListener('click', function (e) {
-    e.target.parentElement.disabled = true;
-    document.getElementById('errors').hidden = true;
-    document.getElementById('errors').textContent = '';
-    var bankDetails = {
-      accountNumber: document.getElementById('account-number').value,
-      routingNumber: document.getElementById('routing-number').value,
-      accountType: document.querySelector('input[name="account-type"]:checked').value,
-      ownershipType: document.querySelector('input[name="ownership-type"]:checked').value,
-      billingAddress: {
-        streetAddress: document.getElementById('billing-street-address').value,
-        extendedAddress: document.getElementById('billing-extended-address').value,
-        locality: document.getElementById('billing-locality').value,
-        region: document.getElementById('billing-region').value,
-        postalCode: document.getElementById('billing-postal-code').value
-      }
-    };
-
-    if (bankDetails.ownershipType === 'personal') {
-      var name = document.getElementById('account-holder-name').value.split(' ', 2);
-      bankDetails.firstName = name[0];
-      bankDetails.lastName = name[1];
-    } else {
-      bankDetails.businessName = document.getElementById('account-holder-name').value;
-    }
-
-    usBankAccountInstance.tokenize({
-      bankDetails: bankDetails,
-      mandateText: 'By clicking ["Checkout"], I authorize Braintree, a service of PayPal, on behalf of [your business name here] (i) to verify my bank account information using bank information and consumer reports and (ii) to debit my bank account.'
-    }).then(function (payload) {
-      document.querySelector('input[name=nonce]').value = payload.nonce;
-      document.getElementById('server_response').submit();
-    })["catch"](function (error) {
-      e.target.parentElement.disabled = false;
-      document.getElementById('errors').textContent = "".concat(error.details.originalError.message, " ").concat(error.details.originalError.details.originalError[0].message);
-      document.getElementById('errors').hidden = false;
-    });
-  });
-})["catch"](function (err) {
-  document.getElementById('errors').textContent = "".concat(error.details.originalError.message, " ").concat(error.details.originalError.details.originalError[0].message);
-  document.getElementById('errors').hidden = false;
-});
-
-/***/ }),
-
-/***/ 24:
-/*!*********************************************************************!*\
-  !*** multi ./resources/js/clients/payment_methods/braintree-ach.js ***!
-  \*********************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payment_methods/braintree-ach.js */"./resources/js/clients/payment_methods/braintree-ach.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see braintree-ach.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=24)}({24:function(e,t,n){e.exports=n("cGea")},cGea:function(e,t){var n;window.braintree.client.create({authorization:null===(n=document.querySelector('meta[name="client-token"]'))||void 0===n?void 0:n.content}).then((function(e){return braintree.usBankAccount.create({client:e})})).then((function(e){var t;null===(t=document.getElementById("authorize-bank-account"))||void 0===t||t.addEventListener("click",(function(t){t.target.parentElement.disabled=!0,document.getElementById("errors").hidden=!0,document.getElementById("errors").textContent="";var n={accountNumber:document.getElementById("account-number").value,routingNumber:document.getElementById("routing-number").value,accountType:document.querySelector('input[name="account-type"]:checked').value,ownershipType:document.querySelector('input[name="ownership-type"]:checked').value,billingAddress:{streetAddress:document.getElementById("billing-street-address").value,extendedAddress:document.getElementById("billing-extended-address").value,locality:document.getElementById("billing-locality").value,region:document.getElementById("billing-region").value,postalCode:document.getElementById("billing-postal-code").value}};if("personal"===n.ownershipType){var r=document.getElementById("account-holder-name").value.split(" ",2);n.firstName=r[0],n.lastName=r[1]}else n.businessName=document.getElementById("account-holder-name").value;e.tokenize({bankDetails:n,mandateText:'By clicking ["Checkout"], I authorize Braintree, a service of PayPal, on behalf of [your business name here] (i) to verify my bank account information using bank information and consumer reports and (ii) to debit my bank account.'}).then((function(e){document.querySelector("input[name=nonce]").value=e.nonce,document.getElementById("server_response").submit()})).catch((function(e){t.target.parentElement.disabled=!1,document.getElementById("errors").textContent="".concat(e.details.originalError.message," ").concat(e.details.originalError.details.originalError[0].message),document.getElementById("errors").hidden=!1}))}))})).catch((function(e){document.getElementById("errors").textContent="".concat(error.details.originalError.message," ").concat(error.details.originalError.details.originalError[0].message),document.getElementById("errors").hidden=!1}))}});
\ No newline at end of file
diff --git a/public/js/clients/payment_methods/wepay-bank-account.js b/public/js/clients/payment_methods/wepay-bank-account.js
index 9f29de57a6..16770b2fb3 100644
--- a/public/js/clients/payment_methods/wepay-bank-account.js
+++ b/public/js/clients/payment_methods/wepay-bank-account.js
@@ -1,178 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 20);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payment_methods/wepay-bank-account.js":
-/*!********************************************************************!*\
-  !*** ./resources/js/clients/payment_methods/wepay-bank-account.js ***!
-  \********************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com).
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://www.elastic.co/licensing/elastic-license
- */
-var WePayBank = /*#__PURE__*/function () {
-  function WePayBank() {
-    _classCallCheck(this, WePayBank);
-  }
-
-  _createClass(WePayBank, [{
-    key: "initializeWePay",
-    value: function initializeWePay() {
-      var _document$querySelect;
-
-      var environment = (_document$querySelect = document.querySelector('meta[name="wepay-environment"]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.content;
-      WePay.set_endpoint(environment === 'staging' ? 'stage' : 'production');
-      return this;
-    }
-  }, {
-    key: "showBankPopup",
-    value: function showBankPopup() {
-      var _document$querySelect2, _document$querySelect3;
-
-      WePay.bank_account.create({
-        client_id: (_document$querySelect2 = document.querySelector('meta[name=wepay-client-id]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content,
-        email: (_document$querySelect3 = document.querySelector('meta[name=contact-email]')) === null || _document$querySelect3 === void 0 ? void 0 : _document$querySelect3.content
-      }, function (data) {
-        if (data.error) {
-          errors.textContent = '';
-          errors.textContent = data.error_description;
-          errors.hidden = false;
-        } else {
-          document.querySelector('input[name="bank_account_id"]').value = data.bank_account_id;
-          document.getElementById('server_response').submit();
-        }
-      }, function (data) {
-        if (data.error) {
-          errors.textContent = '';
-          errors.textContent = data.error_description;
-          errors.hidden = false;
-        }
-      });
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      this.initializeWePay().showBankPopup();
-    }
-  }]);
-
-  return WePayBank;
-}();
-
-document.addEventListener('DOMContentLoaded', function () {
-  new WePayBank().handle();
-});
-
-/***/ }),
-
-/***/ 20:
-/*!**************************************************************************!*\
-  !*** multi ./resources/js/clients/payment_methods/wepay-bank-account.js ***!
-  \**************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payment_methods/wepay-bank-account.js */"./resources/js/clients/payment_methods/wepay-bank-account.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see wepay-bank-account.js.LICENSE.txt */
+!function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="/",t(t.s=20)}({20:function(e,n,t){e.exports=t("bIGw")},bIGw:function(e,n){function t(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var r=function(){function e(){!function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,e)}var n,r,o;return n=e,(r=[{key:"initializeWePay",value:function(){var e,n=null===(e=document.querySelector('meta[name="wepay-environment"]'))||void 0===e?void 0:e.content;return WePay.set_endpoint("staging"===n?"stage":"production"),this}},{key:"showBankPopup",value:function(){var e,n;WePay.bank_account.create({client_id:null===(e=document.querySelector("meta[name=wepay-client-id]"))||void 0===e?void 0:e.content,email:null===(n=document.querySelector("meta[name=contact-email]"))||void 0===n?void 0:n.content},(function(e){e.error?(errors.textContent="",errors.textContent=e.error_description,errors.hidden=!1):(document.querySelector('input[name="bank_account_id"]').value=e.bank_account_id,document.getElementById("server_response").submit())}),(function(e){e.error&&(errors.textContent="",errors.textContent=e.error_description,errors.hidden=!1)}))}},{key:"handle",value:function(){this.initializeWePay().showBankPopup()}}])&&t(n.prototype,r),o&&t(n,o),e}();document.addEventListener("DOMContentLoaded",(function(){(new r).handle()}))}});
\ No newline at end of file
diff --git a/public/js/clients/payments/authorize-credit-card-payment.js b/public/js/clients/payments/authorize-credit-card-payment.js
index 55a71263e7..1e0dbe9220 100755
--- a/public/js/clients/payments/authorize-credit-card-payment.js
+++ b/public/js/clients/payments/authorize-credit-card-payment.js
@@ -1,241 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 2);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/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) 2021. 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').replace(/[^\d]/g, '');
-      cardData.month = myCard.CardJs('expiryMonth').replace(/[^\d]/g, '');
-      cardData.year = myCard.CardJs('expiryYear').replace(/[^\d]/g, '');
-      cardData.cardCode = document.getElementById("cvv").value.replace(/[^\d]/g, '');
-      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;
-
-      var payNowButton = document.getElementById('pay-now');
-
-      if (payNowButton) {
-        document.getElementById('pay-now').disabled = true;
-        document.querySelector('#pay-now > svg').classList.remove('hidden');
-        document.querySelector('#pay-now > span').classList.add('hidden');
-      }
-
-      Accept.dispatchData(secureData, _this.responseHandler);
-      return false;
-    });
-
-    _defineProperty(this, "responseHandler", function (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>");
-        document.getElementById('pay-now').disabled = false;
-        document.querySelector('#pay-now > svg').classList.add('hidden');
-        document.querySelector('#pay-now > span').classList.remove('hidden');
-      } else if (response.messages.resultCode === "Ok") {
-        document.getElementById("dataDescriptor").value = response.opaqueData.dataDescriptor;
-        document.getElementById("dataValue").value = response.opaqueData.dataValue;
-        var storeCard = document.querySelector('input[name=token-billing-checkbox]:checked');
-
-        if (storeCard) {
-          document.getElementById("store_card").value = storeCard.value;
-        }
-
-        document.getElementById("server_response").submit();
-      }
-
-      return false;
-    });
-
-    _defineProperty(this, "handle", function () {
-      Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
-        return element.addEventListener('click', function (e) {
-          document.getElementById('save-card--container').style.display = 'none';
-          document.getElementById('authorize--credit-card-container').style.display = 'none';
-          document.getElementById('token').value = e.target.dataset.token;
-        });
-      });
-      var payWithCreditCardToggle = document.getElementById('toggle-payment-with-credit-card');
-
-      if (payWithCreditCardToggle) {
-        payWithCreditCardToggle.addEventListener('click', function () {
-          document.getElementById('save-card--container').style.display = 'grid';
-          document.getElementById('authorize--credit-card-container').style.display = 'flex';
-          document.getElementById('token').value = null;
-        });
-      }
-
-      var payNowButton = document.getElementById('pay-now');
-
-      if (payNowButton) {
-        payNowButton.addEventListener('click', function (e) {
-          var token = document.getElementById('token');
-          token.value ? _this.handlePayNowAction(token.value) : _this.handleAuthorization();
-        });
-      }
-
-      return _this;
-    });
-
-    this.publicKey = publicKey;
-    this.loginId = loginId;
-    this.cardHolderName = document.getElementById("cardholder_name");
-  }
-
-  _createClass(AuthorizeAuthorizeCard, [{
-    key: "handlePayNowAction",
-    value: function handlePayNowAction(token_hashed_id) {
-      document.getElementById('pay-now').disabled = true;
-      document.querySelector('#pay-now > svg').classList.remove('hidden');
-      document.querySelector('#pay-now > span').classList.add('hidden');
-      document.getElementById("token").value = token_hashed_id;
-      document.getElementById("server_response").submit();
-    }
-  }]);
-
-  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/payments/authorize-credit-card-payment.js ***!
-  \******************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/authorize-credit-card-payment.js */"./resources/js/clients/payments/authorize-credit-card-payment.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see authorize-credit-card-payment.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=2)}({2:function(e,t,n){e.exports=n("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").replace(/[^\d]/g,""),n.month=e.CardJs("expiryMonth").replace(/[^\d]/g,""),n.year=e.CardJs("expiryYear").replace(/[^\d]/g,""),n.cardCode=document.getElementById("cvv").value.replace(/[^\d]/g,"");var r={};return r.authData=t,r.cardData=n,document.getElementById("pay-now")&&(document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden")),Accept.dispatchData(r,a.responseHandler),!1})),r(this,"responseHandler",(function(e){if("Error"===e.messages.resultCode){$("#errors").show().html("<p>"+e.messages.message[0].code+": "+e.messages.message[0].text+"</p>"),document.getElementById("pay-now").disabled=!1,document.querySelector("#pay-now > svg").classList.add("hidden"),document.querySelector("#pay-now > span").classList.remove("hidden")}else if("Ok"===e.messages.resultCode){document.getElementById("dataDescriptor").value=e.opaqueData.dataDescriptor,document.getElementById("dataValue").value=e.opaqueData.dataValue;var t=document.querySelector("input[name=token-billing-checkbox]:checked");t&&(document.getElementById("store_card").value=t.value),document.getElementById("server_response").submit()}return!1})),r(this,"handle",(function(){Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(e){return e.addEventListener("click",(function(e){document.getElementById("save-card--container").style.display="none",document.getElementById("authorize--credit-card-container").style.display="none",document.getElementById("token").value=e.target.dataset.token}))}));var e=document.getElementById("toggle-payment-with-credit-card");e&&e.addEventListener("click",(function(){document.getElementById("save-card--container").style.display="grid",document.getElementById("authorize--credit-card-container").style.display="flex",document.getElementById("token").value=null}));var t=document.getElementById("pay-now");return t&&t.addEventListener("click",(function(e){var t=document.getElementById("token");t.value?a.handlePayNowAction(t.value):a.handleAuthorization()})),a})),this.publicKey=t,this.loginId=n,this.cardHolderName=document.getElementById("cardholder_name")}var t,a,o;return t=e,(a=[{key:"handlePayNowAction",value:function(e){document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),document.getElementById("token").value=e,document.getElementById("server_response").submit()}}])&&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
diff --git a/public/js/clients/payments/braintree-credit-card.js b/public/js/clients/payments/braintree-credit-card.js
index 482c225228..48ffc19c16 100644
--- a/public/js/clients/payments/braintree-credit-card.js
+++ b/public/js/clients/payments/braintree-credit-card.js
@@ -1,221 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 17);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/braintree-credit-card.js":
-/*!****************************************************************!*\
-  !*** ./resources/js/clients/payments/braintree-credit-card.js ***!
-  \****************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com).
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var BraintreeCreditCard = /*#__PURE__*/function () {
-  function BraintreeCreditCard() {
-    _classCallCheck(this, BraintreeCreditCard);
-  }
-
-  _createClass(BraintreeCreditCard, [{
-    key: "initBraintreeDataCollector",
-    value: function initBraintreeDataCollector() {
-      window.braintree.client.create({
-        authorization: document.querySelector('meta[name=client-token]').content
-      }, function (err, clientInstance) {
-        window.braintree.dataCollector.create({
-          client: clientInstance,
-          paypal: true
-        }, function (err, dataCollectorInstance) {
-          if (err) {
-            return;
-          }
-
-          document.querySelector('input[name=client-data]').value = dataCollectorInstance.deviceData;
-        });
-      });
-    }
-  }, {
-    key: "mountBraintreePaymentWidget",
-    value: function mountBraintreePaymentWidget() {
-      window.braintree.dropin.create({
-        authorization: document.querySelector('meta[name=client-token]').content,
-        container: '#dropin-container'
-      }, this.handleCallback);
-    }
-  }, {
-    key: "handleCallback",
-    value: function handleCallback(error, dropinInstance) {
-      if (error) {
-        console.error(error);
-        return;
-      }
-
-      var payNow = document.getElementById('pay-now');
-      payNow.addEventListener('click', function () {
-        dropinInstance.requestPaymentMethod(function (error, payload) {
-          if (error) {
-            return console.error(error);
-          }
-
-          payNow.disabled = true;
-          payNow.querySelector('svg').classList.remove('hidden');
-          payNow.querySelector('span').classList.add('hidden');
-          document.querySelector('input[name=gateway_response]').value = JSON.stringify(payload);
-          var tokenBillingCheckbox = document.querySelector('input[name="token-billing-checkbox"]:checked');
-
-          if (tokenBillingCheckbox) {
-            document.querySelector('input[name="store_card"]').value = tokenBillingCheckbox.value;
-          }
-
-          document.getElementById('server-response').submit();
-        });
-      });
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      this.initBraintreeDataCollector();
-      this.mountBraintreePaymentWidget();
-      Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
-        return element.addEventListener('click', function (element) {
-          document.getElementById('dropin-container').classList.add('hidden');
-          document.getElementById('save-card--container').style.display = 'none';
-          document.querySelector('input[name=token]').value = element.target.dataset.token;
-          document.getElementById('pay-now-with-token').classList.remove('hidden');
-          document.getElementById('pay-now').classList.add('hidden');
-        });
-      });
-      document.getElementById('toggle-payment-with-credit-card').addEventListener('click', function (element) {
-        document.getElementById('dropin-container').classList.remove('hidden');
-        document.getElementById('save-card--container').style.display = 'grid';
-        document.querySelector('input[name=token]').value = "";
-        document.getElementById('pay-now-with-token').classList.add('hidden');
-        document.getElementById('pay-now').classList.remove('hidden');
-      });
-      var payNowWithToken = document.getElementById('pay-now-with-token');
-      payNowWithToken.addEventListener('click', function (element) {
-        payNowWithToken.disabled = true;
-        payNowWithToken.querySelector('svg').classList.remove('hidden');
-        payNowWithToken.querySelector('span').classList.add('hidden');
-        document.getElementById('server-response').submit();
-      });
-    }
-  }]);
-
-  return BraintreeCreditCard;
-}();
-
-new BraintreeCreditCard().handle();
-
-/***/ }),
-
-/***/ 17:
-/*!**********************************************************************!*\
-  !*** multi ./resources/js/clients/payments/braintree-credit-card.js ***!
-  \**********************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/braintree-credit-card.js */"./resources/js/clients/payments/braintree-credit-card.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see braintree-credit-card.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=17)}({17:function(e,t,n){e.exports=n("jPAV")},jPAV:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)}var t,r,o;return t=e,(r=[{key:"initBraintreeDataCollector",value:function(){window.braintree.client.create({authorization:document.querySelector("meta[name=client-token]").content},(function(e,t){window.braintree.dataCollector.create({client:t,paypal:!0},(function(e,t){e||(document.querySelector("input[name=client-data]").value=t.deviceData)}))}))}},{key:"mountBraintreePaymentWidget",value:function(){window.braintree.dropin.create({authorization:document.querySelector("meta[name=client-token]").content,container:"#dropin-container"},this.handleCallback)}},{key:"handleCallback",value:function(e,t){if(e)console.error(e);else{var n=document.getElementById("pay-now");n.addEventListener("click",(function(){t.requestPaymentMethod((function(e,t){if(e)return console.error(e);n.disabled=!0,n.querySelector("svg").classList.remove("hidden"),n.querySelector("span").classList.add("hidden"),document.querySelector("input[name=gateway_response]").value=JSON.stringify(t);var r=document.querySelector('input[name="token-billing-checkbox"]:checked');r&&(document.querySelector('input[name="store_card"]').value=r.value),document.getElementById("server-response").submit()}))}))}}},{key:"handle",value:function(){this.initBraintreeDataCollector(),this.mountBraintreePaymentWidget(),Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(e){return e.addEventListener("click",(function(e){document.getElementById("dropin-container").classList.add("hidden"),document.getElementById("save-card--container").style.display="none",document.querySelector("input[name=token]").value=e.target.dataset.token,document.getElementById("pay-now-with-token").classList.remove("hidden"),document.getElementById("pay-now").classList.add("hidden")}))})),document.getElementById("toggle-payment-with-credit-card").addEventListener("click",(function(e){document.getElementById("dropin-container").classList.remove("hidden"),document.getElementById("save-card--container").style.display="grid",document.querySelector("input[name=token]").value="",document.getElementById("pay-now-with-token").classList.add("hidden"),document.getElementById("pay-now").classList.remove("hidden")}));var e=document.getElementById("pay-now-with-token");e.addEventListener("click",(function(t){e.disabled=!0,e.querySelector("svg").classList.remove("hidden"),e.querySelector("span").classList.add("hidden"),document.getElementById("server-response").submit()}))}}])&&n(t.prototype,r),o&&n(t,o),e}())).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payments/braintree-paypal.js b/public/js/clients/payments/braintree-paypal.js
index 36f4eb6433..231191fa75 100644
--- a/public/js/clients/payments/braintree-paypal.js
+++ b/public/js/clients/payments/braintree-paypal.js
@@ -1,234 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 18);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/braintree-paypal.js":
-/*!***********************************************************!*\
-  !*** ./resources/js/clients/payments/braintree-paypal.js ***!
-  \***********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com).
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var BraintreePayPal = /*#__PURE__*/function () {
-  function BraintreePayPal() {
-    _classCallCheck(this, BraintreePayPal);
-  }
-
-  _createClass(BraintreePayPal, [{
-    key: "initBraintreeDataCollector",
-    value: function initBraintreeDataCollector() {
-      window.braintree.client.create({
-        authorization: document.querySelector('meta[name=client-token]').content
-      }, function (err, clientInstance) {
-        window.braintree.dataCollector.create({
-          client: clientInstance,
-          paypal: true
-        }, function (err, dataCollectorInstance) {
-          if (err) {
-            return;
-          }
-
-          document.querySelector('input[name=client-data]').value = dataCollectorInstance.deviceData;
-        });
-      });
-    }
-  }, {
-    key: "handlePaymentWithToken",
-    value: function handlePaymentWithToken() {
-      Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
-        return element.addEventListener('click', function (element) {
-          document.getElementById('paypal-button').classList.add('hidden');
-          document.getElementById('save-card--container').style.display = 'none';
-          document.querySelector('input[name=token]').value = element.target.dataset.token;
-          document.getElementById('pay-now-with-token').classList.remove('hidden');
-          document.getElementById('pay-now').classList.add('hidden');
-        });
-      });
-      var payNowWithToken = document.getElementById('pay-now-with-token');
-      payNowWithToken.addEventListener('click', function (element) {
-        payNowWithToken.disabled = true;
-        payNowWithToken.querySelector('svg').classList.remove('hidden');
-        payNowWithToken.querySelector('span').classList.add('hidden');
-        document.getElementById('server-response').submit();
-      });
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      this.initBraintreeDataCollector();
-      this.handlePaymentWithToken();
-      braintree.client.create({
-        authorization: document.querySelector('meta[name=client-token]').content
-      }).then(function (clientInstance) {
-        return braintree.paypalCheckout.create({
-          client: clientInstance
-        });
-      }).then(function (paypalCheckoutInstance) {
-        return paypalCheckoutInstance.loadPayPalSDK({
-          vault: true
-        }).then(function (paypalCheckoutInstance) {
-          return paypal.Buttons({
-            fundingSource: paypal.FUNDING.PAYPAL,
-            createBillingAgreement: function createBillingAgreement() {
-              return paypalCheckoutInstance.createPayment(BraintreePayPal.getPaymentDetails());
-            },
-            onApprove: function onApprove(data, actions) {
-              return paypalCheckoutInstance.tokenizePayment(data).then(function (payload) {
-                var tokenBillingCheckbox = document.querySelector('input[name="token-billing-checkbox"]:checked');
-
-                if (tokenBillingCheckbox) {
-                  document.querySelector('input[name="store_card"]').value = tokenBillingCheckbox.value;
-                }
-
-                document.querySelector('input[name=gateway_response]').value = JSON.stringify(payload);
-                document.getElementById('server-response').submit();
-              });
-            },
-            onCancel: function onCancel(data) {// ..
-            },
-            onError: function onError(err) {
-              console.log(err.message);
-              BraintreePayPal.handleErrorMessage(err.message);
-            }
-          }).render('#paypal-button');
-        });
-      })["catch"](function (err) {
-        console.log(err.message);
-        BraintreePayPal.handleErrorMessage(err.message);
-      });
-    }
-  }], [{
-    key: "getPaymentDetails",
-    value: function getPaymentDetails() {
-      return {
-        flow: 'vault'
-      };
-    }
-  }, {
-    key: "handleErrorMessage",
-    value: function handleErrorMessage(message) {
-      var errorsContainer = document.getElementById('errors');
-      errorsContainer.innerText = message;
-      errorsContainer.hidden = false;
-    }
-  }]);
-
-  return BraintreePayPal;
-}();
-
-new BraintreePayPal().handle();
-
-/***/ }),
-
-/***/ 18:
-/*!*****************************************************************!*\
-  !*** multi ./resources/js/clients/payments/braintree-paypal.js ***!
-  \*****************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/braintree-paypal.js */"./resources/js/clients/payments/braintree-paypal.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see braintree-paypal.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=18)}({18:function(e,t,n){e.exports=n("cZZG")},cZZG:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)}var t,r,o;return t=e,o=[{key:"getPaymentDetails",value:function(){return{flow:"vault"}}},{key:"handleErrorMessage",value:function(e){var t=document.getElementById("errors");t.innerText=e,t.hidden=!1}}],(r=[{key:"initBraintreeDataCollector",value:function(){window.braintree.client.create({authorization:document.querySelector("meta[name=client-token]").content},(function(e,t){window.braintree.dataCollector.create({client:t,paypal:!0},(function(e,t){e||(document.querySelector("input[name=client-data]").value=t.deviceData)}))}))}},{key:"handlePaymentWithToken",value:function(){Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(e){return e.addEventListener("click",(function(e){document.getElementById("paypal-button").classList.add("hidden"),document.getElementById("save-card--container").style.display="none",document.querySelector("input[name=token]").value=e.target.dataset.token,document.getElementById("pay-now-with-token").classList.remove("hidden"),document.getElementById("pay-now").classList.add("hidden")}))}));var e=document.getElementById("pay-now-with-token");e.addEventListener("click",(function(t){e.disabled=!0,e.querySelector("svg").classList.remove("hidden"),e.querySelector("span").classList.add("hidden"),document.getElementById("server-response").submit()}))}},{key:"handle",value:function(){this.initBraintreeDataCollector(),this.handlePaymentWithToken(),braintree.client.create({authorization:document.querySelector("meta[name=client-token]").content}).then((function(e){return braintree.paypalCheckout.create({client:e})})).then((function(t){return t.loadPayPalSDK({vault:!0}).then((function(t){return paypal.Buttons({fundingSource:paypal.FUNDING.PAYPAL,createBillingAgreement:function(){return t.createPayment(e.getPaymentDetails())},onApprove:function(e,n){return t.tokenizePayment(e).then((function(e){var t=document.querySelector('input[name="token-billing-checkbox"]:checked');t&&(document.querySelector('input[name="store_card"]').value=t.value),document.querySelector("input[name=gateway_response]").value=JSON.stringify(e),document.getElementById("server-response").submit()}))},onCancel:function(e){},onError:function(t){console.log(t.message),e.handleErrorMessage(t.message)}}).render("#paypal-button")}))})).catch((function(t){console.log(t.message),e.handleErrorMessage(t.message)}))}}])&&n(t.prototype,r),o&&n(t,o),e}())).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payments/card-js.min.js b/public/js/clients/payments/card-js.min.js
index 1cad6adb33..ea31d577eb 100755
--- a/public/js/clients/payments/card-js.min.js
+++ b/public/js/clients/payments/card-js.min.js
@@ -1,112 +1 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 13);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./node_modules/card-js/card-js.min.js":
-/*!*********************************************!*\
-  !*** ./node_modules/card-js/card-js.min.js ***!
-  \*********************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function CardJs(elem){this.elem=jQuery(elem),this.captureName=this.elem.data("capture-name")?this.elem.data("capture-name"):!1,this.iconColour=this.elem.data("icon-colour")?this.elem.data("icon-colour"):!1,this.stripe=this.elem.data("stripe")?this.elem.data("stripe"):!1,this.stripe&&(this.captureName=!1),this.initCardNumberInput(),this.initNameInput(),this.initExpiryMonthInput(),this.initExpiryYearInput(),this.initCvcInput(),this.elem.empty(),this.setupCardNumberInput(),this.setupNameInput(),this.setupExpiryInput(),this.setupCvcInput(),this.iconColour&&this.setIconColour(this.iconColour),this.refreshCreditCardTypeIcon()}!function($){var methods={init:function(){return this.data("cardjs",new CardJs(this)),this},cardNumber:function(){return this.data("cardjs").getCardNumber()},cardType:function(){return this.data("cardjs").getCardType()},name:function(){return this.data("cardjs").getName()},expiryMonth:function(){return this.data("cardjs").getExpiryMonth()},expiryYear:function(){return this.data("cardjs").getExpiryYear()},cvc:function(){return this.data("cardjs").getCvc()}};$.fn.CardJs=function(methodOrOptions){return methods[methodOrOptions]?methods[methodOrOptions].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof methodOrOptions&&methodOrOptions?void $.error("Method "+methodOrOptions+" does not exist on jQuery.CardJs"):methods.init.apply(this,arguments)}}(jQuery),$(function(){$(".card-js").each(function(i,obj){$(obj).CardJs()})}),CardJs.prototype.constructor=CardJs,CardJs.KEYS={0:48,9:57,NUMPAD_0:96,NUMPAD_9:105,DELETE:46,BACKSPACE:8,ARROW_LEFT:37,ARROW_RIGHT:39,ARROW_UP:38,ARROW_DOWN:40,HOME:36,END:35,TAB:9,A:65,X:88,C:67,V:86},CardJs.CREDIT_CARD_NUMBER_DEFAULT_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_VISA_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_MASTERCARD_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_DISCOVER_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_JCB_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_AMEX_MASK="XXXX XXXXXX XXXXX",CardJs.CREDIT_CARD_NUMBER_DINERS_MASK="XXXX XXXX XXXX XX",CardJs.prototype.creditCardNumberMask=CardJs.CREDIT_CARD_NUMBER_DEFAULT_MASK,CardJs.CREDIT_CARD_NUMBER_PLACEHOLDER="Card number",CardJs.NAME_PLACEHOLDER="Name on card",CardJs.EXPIRY_MASK="XX / XX",CardJs.EXPIRY_PLACEHOLDER="MM / YY",CardJs.EXPIRY_USE_DROPDOWNS=!1,CardJs.EXPIRY_NUMBER_OF_YEARS=10,CardJs.CVC_MASK_3="XXX",CardJs.CVC_MASK_4="XXXX",CardJs.CVC_PLACEHOLDER="CVC",CardJs.CREDIT_CARD_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="3px" width="24px" height="17px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M182.385,14.258c-2.553-2.553-5.621-3.829-9.205-3.829H42.821c-3.585,0-6.653,1.276-9.207,3.829c-2.553,2.553-3.829,5.621-3.829,9.206v99.071c0,3.585,1.276,6.654,3.829,9.207c2.554,2.553,5.622,3.829,9.207,3.829H173.18c3.584,0,6.652-1.276,9.205-3.829s3.83-5.622,3.83-9.207V23.464C186.215,19.879,184.938,16.811,182.385,14.258z M175.785,122.536c0,0.707-0.258,1.317-0.773,1.834c-0.516,0.515-1.127,0.772-1.832,0.772H42.821c-0.706,0-1.317-0.258-1.833-0.773c-0.516-0.518-0.774-1.127-0.774-1.834V73h135.571V122.536z M175.785,41.713H40.214v-18.25c0-0.706,0.257-1.316,0.774-1.833c0.516-0.515,1.127-0.773,1.833-0.773H173.18c0.705,0,1.316,0.257,1.832,0.773c0.516,0.517,0.773,1.127,0.773,1.833V41.713z"/><rect class="svg" x="50.643" y="104.285" width="20.857" height="10.429"/><rect class="svg" x="81.929" y="104.285" width="31.286" height="10.429"/></g></svg>',CardJs.LOCK_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="3px" width="24px" height="17px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M152.646,70.067c-1.521-1.521-3.367-2.281-5.541-2.281H144.5V52.142c0-9.994-3.585-18.575-10.754-25.745c-7.17-7.17-15.751-10.755-25.746-10.755s-18.577,3.585-25.746,10.755C75.084,33.567,71.5,42.148,71.5,52.142v15.644h-2.607c-2.172,0-4.019,0.76-5.54,2.281c-1.521,1.52-2.281,3.367-2.281,5.541v46.929c0,2.172,0.76,4.019,2.281,5.54c1.521,1.52,3.368,2.281,5.54,2.281h78.214c2.174,0,4.02-0.76,5.541-2.281c1.52-1.521,2.281-3.368,2.281-5.54V75.607C154.93,73.435,154.168,71.588,152.646,70.067z M128.857,67.786H87.143V52.142c0-5.757,2.037-10.673,6.111-14.746c4.074-4.074,8.989-6.11,14.747-6.11s10.673,2.036,14.746,6.11c4.073,4.073,6.11,8.989,6.11,14.746V67.786z"/></svg>',CardJs.CALENDAR_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M172.691,23.953c-2.062-2.064-4.508-3.096-7.332-3.096h-10.428v-7.822c0-3.584-1.277-6.653-3.83-9.206c-2.554-2.553-5.621-3.83-9.207-3.83h-5.213c-3.586,0-6.654,1.277-9.207,3.83c-2.554,2.553-3.83,5.622-3.83,9.206v7.822H92.359v-7.822c0-3.584-1.277-6.653-3.83-9.206c-2.553-2.553-5.622-3.83-9.207-3.83h-5.214c-3.585,0-6.654,1.277-9.207,3.83c-2.553,2.553-3.83,5.622-3.83,9.206v7.822H50.643c-2.825,0-5.269,1.032-7.333,3.096s-3.096,4.509-3.096,7.333v104.287c0,2.823,1.032,5.267,3.096,7.332c2.064,2.064,4.508,3.096,7.333,3.096h114.714c2.824,0,5.27-1.032,7.332-3.096c2.064-2.064,3.096-4.509,3.096-7.332V31.286C175.785,28.461,174.754,26.017,172.691,23.953z M134.073,13.036c0-0.761,0.243-1.386,0.731-1.874c0.488-0.488,1.113-0.733,1.875-0.733h5.213c0.762,0,1.385,0.244,1.875,0.733c0.488,0.489,0.732,1.114,0.732,1.874V36.5c0,0.761-0.244,1.385-0.732,1.874c-0.49,0.488-1.113,0.733-1.875,0.733h-5.213c-0.762,0-1.387-0.244-1.875-0.733s-0.731-1.113-0.731-1.874V13.036z M71.501,13.036c0-0.761,0.244-1.386,0.733-1.874c0.489-0.488,1.113-0.733,1.874-0.733h5.214c0.761,0,1.386,0.244,1.874,0.733c0.488,0.489,0.733,1.114,0.733,1.874V36.5c0,0.761-0.244,1.386-0.733,1.874c-0.489,0.488-1.113,0.733-1.874,0.733h-5.214c-0.761,0-1.386-0.244-1.874-0.733c-0.488-0.489-0.733-1.113-0.733-1.874V13.036z M165.357,135.572H50.643V52.143h114.714V135.572z"/></svg>',CardJs.USER_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M107.999,73c8.638,0,16.011-3.056,22.12-9.166c6.111-6.11,9.166-13.483,9.166-22.12c0-8.636-3.055-16.009-9.166-22.12c-6.11-6.11-13.484-9.165-22.12-9.165c-8.636,0-16.01,3.055-22.12,9.165c-6.111,6.111-9.166,13.484-9.166,22.12c0,8.637,3.055,16.01,9.166,22.12C91.99,69.944,99.363,73,107.999,73z"/><path class="svg" d="M165.07,106.037c-0.191-2.743-0.571-5.703-1.141-8.881c-0.57-3.178-1.291-6.124-2.16-8.84c-0.869-2.715-2.037-5.363-3.504-7.943c-1.466-2.58-3.15-4.78-5.052-6.6s-4.223-3.272-6.965-4.358c-2.744-1.086-5.772-1.63-9.085-1.63c-0.489,0-1.63,0.584-3.422,1.752s-3.815,2.472-6.069,3.911c-2.254,1.438-5.188,2.743-8.799,3.909c-3.612,1.168-7.237,1.752-10.877,1.752c-3.639,0-7.264-0.584-10.876-1.752c-3.611-1.166-6.545-2.471-8.799-3.909c-2.254-1.439-4.277-2.743-6.069-3.911c-1.793-1.168-2.933-1.752-3.422-1.752c-3.313,0-6.341,0.544-9.084,1.63s-5.065,2.539-6.966,4.358c-1.901,1.82-3.585,4.02-5.051,6.6s-2.634,5.229-3.503,7.943c-0.869,2.716-1.589,5.662-2.159,8.84c-0.571,3.178-0.951,6.137-1.141,8.881c-0.19,2.744-0.285,5.554-0.285,8.433c0,6.517,1.983,11.664,5.948,15.439c3.965,3.774,9.234,5.661,15.806,5.661h71.208c6.572,0,11.84-1.887,15.806-5.661c3.966-3.775,5.948-8.921,5.948-15.439C165.357,111.591,165.262,108.78,165.07,106.037z"/></g></svg>',CardJs.MAIL_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M177.171,19.472c-2.553-2.553-5.622-3.829-9.206-3.829H48.036c-3.585,0-6.654,1.276-9.207,3.829C36.276,22.025,35,25.094,35,28.679v88.644c0,3.585,1.276,6.652,3.829,9.205c2.553,2.555,5.622,3.83,9.207,3.83h119.929c3.584,0,6.653-1.275,9.206-3.83c2.554-2.553,3.829-5.621,3.829-9.205V28.679C181,25.094,179.725,22.025,177.171,19.472zM170.57,117.321c0,0.706-0.258,1.317-0.774,1.833s-1.127,0.773-1.832,0.773H48.035c-0.706,0-1.317-0.257-1.833-0.773c-0.516-0.516-0.774-1.127-0.774-1.833V54.75c1.738,1.955,3.612,3.748,5.622,5.377c14.557,11.189,26.126,20.368,34.708,27.538c2.77,2.336,5.024,4.155,6.762,5.459s4.087,2.62,7.047,3.951s5.744,1.995,8.351,1.995H108h0.081c2.606,0,5.392-0.664,8.351-1.995c2.961-1.331,5.311-2.647,7.049-3.951c1.737-1.304,3.992-3.123,6.762-5.459c8.582-7.17,20.15-16.349,34.707-27.538c2.01-1.629,3.885-3.422,5.621-5.377V117.321z M170.57,30.797v0.896c0,3.204-1.262,6.776-3.787,10.713c-2.525,3.938-5.256,7.075-8.188,9.41c-10.484,8.257-21.373,16.865-32.672,25.827c-0.326,0.271-1.277,1.073-2.852,2.403c-1.574,1.331-2.824,2.351-3.748,3.056c-0.924,0.707-2.131,1.562-3.625,2.566s-2.865,1.752-4.114,2.24s-2.417,0.732-3.503,0.732H108h-0.082c-1.086,0-2.253-0.244-3.503-0.732c-1.249-0.488-2.621-1.236-4.114-2.24c-1.493-1.004-2.702-1.859-3.625-2.566c-0.923-0.705-2.173-1.725-3.748-3.056c-1.575-1.33-2.526-2.132-2.852-2.403c-11.297-8.962-22.187-17.57-32.67-25.827c-7.985-6.3-11.977-14.013-11.977-23.138c0-0.706,0.258-1.317,0.774-1.833c0.516-0.516,1.127-0.774,1.833-0.774h119.929c0.434,0.244,0.814,0.312,1.141,0.204c0.326-0.11,0.57,0.094,0.732,0.61c0.163,0.516,0.312,0.76,0.448,0.733c0.136-0.027,0.218,0.312,0.245,1.019c0.025,0.706,0.039,1.061,0.039,1.061V30.797z"/></svg>',CardJs.INFORMATION_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M97.571,41.714h20.859c1.411,0,2.633-0.516,3.666-1.548c1.031-1.031,1.547-2.254,1.547-3.666V20.857c0-1.412-0.516-2.634-1.549-3.667c-1.031-1.031-2.254-1.548-3.666-1.548H97.571c-1.412,0-2.634,0.517-3.666,1.548c-1.032,1.032-1.548,2.255-1.548,3.667V36.5c0,1.412,0.516,2.635,1.548,3.666C94.937,41.198,96.159,41.714,97.571,41.714z"/><path class="svg" d="M132.523,111.048c-1.031-1.032-2.254-1.548-3.666-1.548h-5.215V62.571c0-1.412-0.516-2.634-1.547-3.666c-1.033-1.032-2.255-1.548-3.666-1.548H87.143c-1.412,0-2.634,0.516-3.666,1.548c-1.032,1.032-1.548,2.254-1.548,3.666V73c0,1.412,0.516,2.635,1.548,3.666c1.032,1.032,2.254,1.548,3.666,1.548h5.215V109.5h-5.215c-1.412,0-2.634,0.516-3.666,1.548c-1.032,1.032-1.548,2.254-1.548,3.666v10.429c0,1.412,0.516,2.635,1.548,3.668c1.032,1.03,2.254,1.547,3.666,1.547h41.714c1.412,0,2.634-0.517,3.666-1.547c1.031-1.033,1.547-2.256,1.547-3.668v-10.429C134.07,113.302,133.557,112.08,132.523,111.048z"/></g></svg>',CardJs.keyCodeFromEvent=function(e){return e.which||e.keyCode},CardJs.keyIsCommandFromEvent=function(e){return e.ctrlKey||e.metaKey},CardJs.keyIsNumber=function(e){return CardJs.keyIsTopNumber(e)||CardJs.keyIsKeypadNumber(e)},CardJs.keyIsTopNumber=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return keyCode>=CardJs.KEYS[0]&&keyCode<=CardJs.KEYS[9]},CardJs.keyIsKeypadNumber=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return keyCode>=CardJs.KEYS.NUMPAD_0&&keyCode<=CardJs.KEYS.NUMPAD_9},CardJs.keyIsDelete=function(e){return CardJs.keyCodeFromEvent(e)==CardJs.KEYS.DELETE},CardJs.keyIsBackspace=function(e){return CardJs.keyCodeFromEvent(e)==CardJs.KEYS.BACKSPACE},CardJs.keyIsDeletion=function(e){return CardJs.keyIsDelete(e)||CardJs.keyIsBackspace(e)},CardJs.keyIsArrow=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return keyCode>=CardJs.KEYS.ARROW_LEFT&&keyCode<=CardJs.KEYS.ARROW_DOWN},CardJs.keyIsNavigation=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return keyCode==CardJs.KEYS.HOME||keyCode==CardJs.KEYS.END},CardJs.keyIsKeyboardCommand=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return CardJs.keyIsCommandFromEvent(e)&&(keyCode==CardJs.KEYS.A||keyCode==CardJs.KEYS.X||keyCode==CardJs.KEYS.C||keyCode==CardJs.KEYS.V)},CardJs.keyIsTab=function(e){return CardJs.keyCodeFromEvent(e)==CardJs.KEYS.TAB},CardJs.copyAllElementAttributes=function(source,destination){$.each(source[0].attributes,function(idx,attr){destination.attr(attr.nodeName,attr.nodeValue)})},CardJs.numbersOnlyString=function(string){for(var numbersOnlyString="",i=0;i<string.length;i++){var currentChar=string.charAt(i),isValid=!isNaN(parseInt(currentChar));isValid&&(numbersOnlyString+=currentChar)}return numbersOnlyString},CardJs.applyFormatMask=function(string,mask){for(var formattedString="",numberPos=0,j=0;j<mask.length;j++){var currentMaskChar=mask[j];if("X"==currentMaskChar){var digit=string.charAt(numberPos);if(!digit)break;formattedString+=string.charAt(numberPos),numberPos++}else formattedString+=currentMaskChar}return formattedString},CardJs.cardTypeFromNumber=function(number){if(re=new RegExp("^30[0-5]"),null!=number.match(re))return"Diners - Carte Blanche";if(re=new RegExp("^(30[6-9]|36|38)"),null!=number.match(re))return"Diners";if(re=new RegExp("^35(2[89]|[3-8][0-9])"),null!=number.match(re))return"JCB";if(re=new RegExp("^3[47]"),null!=number.match(re))return"AMEX";if(re=new RegExp("^(4026|417500|4508|4844|491(3|7))"),null!=number.match(re))return"Visa Electron";var re=new RegExp("^4");return null!=number.match(re)?"Visa":(re=new RegExp("^5[1-5]"),null!=number.match(re)?"Mastercard":(re=new RegExp("^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)"),null!=number.match(re)?"Discover":""))},CardJs.caretStartPosition=function(element){return"number"==typeof element.selectionStart?element.selectionStart:!1},CardJs.caretEndPosition=function(element){return"number"==typeof element.selectionEnd?element.selectionEnd:!1},CardJs.setCaretPosition=function(element,caretPos){if(null!=element)if(element.createTextRange){var range=element.createTextRange();range.move("character",caretPos),range.select()}else element.selectionStart?(element.focus(),element.setSelectionRange(caretPos,caretPos)):element.focus()},CardJs.normaliseCaretPosition=function(mask,caretPosition){var numberPos=0;if(0>caretPosition||caretPosition>mask.length)return 0;for(var i=0;i<mask.length;i++){if(i==caretPosition)return numberPos;"X"==mask[i]&&numberPos++}return numberPos},CardJs.denormaliseCaretPosition=function(mask,caretPosition){var numberPos=0;if(0>caretPosition||caretPosition>mask.length)return 0;for(var i=0;i<mask.length;i++){if(numberPos==caretPosition)return i;"X"==mask[i]&&numberPos++}return mask.length},CardJs.filterNumberOnlyKey=function(e){var isNumber=CardJs.keyIsNumber(e),isDeletion=CardJs.keyIsDeletion(e),isArrow=CardJs.keyIsArrow(e),isNavigation=CardJs.keyIsNavigation(e),isKeyboardCommand=CardJs.keyIsKeyboardCommand(e),isTab=CardJs.keyIsTab(e);isNumber||isDeletion||isArrow||isNavigation||isKeyboardCommand||isTab||e.preventDefault()},CardJs.digitFromKeyCode=function(keyCode){return keyCode>=CardJs.KEYS[0]&&keyCode<=CardJs.KEYS[9]?keyCode-CardJs.KEYS[0]:keyCode>=CardJs.KEYS.NUMPAD_0&&keyCode<=CardJs.KEYS.NUMPAD_9?keyCode-CardJs.KEYS.NUMPAD_0:null},CardJs.handleMaskedNumberInputKey=function(e,mask){CardJs.filterNumberOnlyKey(e);var keyCode=e.which||e.keyCode,element=e.target,caretStart=CardJs.caretStartPosition(element),caretEnd=CardJs.caretEndPosition(element),normalisedStartCaretPosition=CardJs.normaliseCaretPosition(mask,caretStart),normalisedEndCaretPosition=CardJs.normaliseCaretPosition(mask,caretEnd),newCaretPosition=caretStart,isNumber=CardJs.keyIsNumber(e),isDelete=CardJs.keyIsDelete(e),isBackspace=CardJs.keyIsBackspace(e);if(isNumber||isDelete||isBackspace){e.preventDefault();var rawText=$(element).val(),numbersOnly=CardJs.numbersOnlyString(rawText),digit=CardJs.digitFromKeyCode(keyCode),rangeHighlighted=normalisedEndCaretPosition>normalisedStartCaretPosition;rangeHighlighted&&(numbersOnly=numbersOnly.slice(0,normalisedStartCaretPosition)+numbersOnly.slice(normalisedEndCaretPosition)),caretStart!=mask.length&&(isNumber&&rawText.length<=mask.length&&(numbersOnly=numbersOnly.slice(0,normalisedStartCaretPosition)+digit+numbersOnly.slice(normalisedStartCaretPosition),newCaretPosition=Math.max(CardJs.denormaliseCaretPosition(mask,normalisedStartCaretPosition+1),CardJs.denormaliseCaretPosition(mask,normalisedStartCaretPosition+2)-1)),isDelete&&(numbersOnly=numbersOnly.slice(0,normalisedStartCaretPosition)+numbersOnly.slice(normalisedStartCaretPosition+1))),0!=caretStart&&isBackspace&&!rangeHighlighted&&(numbersOnly=numbersOnly.slice(0,normalisedStartCaretPosition-1)+numbersOnly.slice(normalisedStartCaretPosition),newCaretPosition=CardJs.denormaliseCaretPosition(mask,normalisedStartCaretPosition-1)),$(element).val(CardJs.applyFormatMask(numbersOnly,mask)),CardJs.setCaretPosition(element,newCaretPosition)}},CardJs.handleCreditCardNumberKey=function(e,cardMask){CardJs.handleMaskedNumberInputKey(e,cardMask)},CardJs.handleCreditCardNumberChange=function(e){},CardJs.handleExpiryKey=function(e){CardJs.handleMaskedNumberInputKey(e,CardJs.EXPIRY_MASK)},CardJs.prototype.getCardNumber=function(){return this.cardNumberInput.val()},CardJs.prototype.getCardType=function(){return CardJs.cardTypeFromNumber(this.getCardNumber())},CardJs.prototype.getName=function(){return this.nameInput.val()},CardJs.prototype.getExpiryMonth=function(){return this.expiryMonthInput.val()},CardJs.prototype.getExpiryYear=function(){return this.expiryYearInput.val()},CardJs.prototype.getCvc=function(){return this.cvcInput.val()},CardJs.prototype.setIconColour=function(colour){this.elem.find(".icon .svg").css({fill:colour})},CardJs.prototype.setIconColour=function(colour){this.elem.find(".icon .svg").css({fill:colour})},CardJs.prototype.refreshCreditCardTypeIcon=function(){this.setCardTypeIconFromNumber(CardJs.numbersOnlyString(this.cardNumberInput.val()))},CardJs.prototype.clearCardTypeIcon=function(){this.elem.find(".card-number-wrapper .card-type-icon").removeClass("show")},CardJs.prototype.setCardTypeIconAsVisa=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show visa")},CardJs.prototype.setCardTypeIconAsMasterCard=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show master-card")},CardJs.prototype.setCardTypeIconAsAmericanExpress=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show american-express")},CardJs.prototype.setCardTypeIconAsDiscover=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show discover")},CardJs.prototype.setCardTypeIconAsDiners=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show diners")},CardJs.prototype.setCardTypeIconAsJcb=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show jcb")},CardJs.prototype.setCardTypeIconFromNumber=function(number){switch(CardJs.cardTypeFromNumber(number)){case"Visa Electron":case"Visa":this.setCardTypeAsVisa();break;case"Mastercard":this.setCardTypeAsMasterCard();break;case"AMEX":this.setCardTypeAsAmericanExpress();break;case"Discover":this.setCardTypeAsDiscover();break;case"Diners - Carte Blanche":case"Diners":this.setCardTypeAsDiners();break;case"JCB":this.setCardTypeAsJcb();break;default:this.clearCardType()}},CardJs.prototype.setCardMask=function(cardMask){this.creditCardNumberMask=cardMask,this.cardNumberInput.attr("maxlength",cardMask.length)},CardJs.prototype.setCvc3=function(){this.cvcInput.attr("maxlength",CardJs.CVC_MASK_3.length)},CardJs.prototype.setCvc4=function(){this.cvcInput.attr("maxlength",CardJs.CVC_MASK_4.length)},CardJs.prototype.clearCardType=function(){this.clearCardTypeIcon(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_DEFAULT_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsVisa=function(){this.setCardTypeIconAsVisa(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_VISA_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsMasterCard=function(){this.setCardTypeIconAsMasterCard(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_MASTERCARD_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsAmericanExpress=function(){this.setCardTypeIconAsAmericanExpress(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_AMEX_MASK),this.setCvc4()},CardJs.prototype.setCardTypeAsDiscover=function(){this.setCardTypeIconAsDiscover(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_DISCOVER_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsDiners=function(){this.setCardTypeIconAsDiners(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_DINERS_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsJcb=function(){this.setCardTypeIconAsJcb(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_JCB_MASK),this.setCvc3()},CardJs.prototype.initCardNumberInput=function(){var $this=this;this.cardNumberInput=this.elem.find(".card-number"),this.cardNumberInput[0]?this.cardNumberInput.detach():this.cardNumberInput=$("<input class='card-number' />"),this.cardNumberInput.attr("type","tel"),this.cardNumberInput.attr("placeholder")||this.cardNumberInput.attr("placeholder",CardJs.CREDIT_CARD_NUMBER_PLACEHOLDER),this.cardNumberInput.attr("maxlength",this.creditCardNumberMask.length),this.cardNumberInput.attr("x-autocompletetype","cc-number"),this.cardNumberInput.attr("autocompletetype","cc-number"),this.cardNumberInput.attr("autocorrect","off"),this.cardNumberInput.attr("spellcheck","off"),this.cardNumberInput.attr("autocapitalize","off"),this.cardNumberInput.keydown(function(e){CardJs.handleCreditCardNumberKey(e,$this.creditCardNumberMask)}),this.cardNumberInput.keyup(function(e){$this.refreshCreditCardTypeIcon()}),this.cardNumberInput.change(CardJs.handleCreditCardNumberChange)},CardJs.prototype.initNameInput=function(){this.nameInput=this.elem.find(".name"),this.nameInput[0]?(this.captureName=!0,this.nameInput.detach()):this.nameInput=$("<input class='name' />"),this.nameInput.attr("placeholder")||this.nameInput.attr("placeholder",CardJs.NAME_PLACEHOLDER)},CardJs.prototype.initExpiryMonthInput=function(){this.expiryMonthInput=this.elem.find(".expiry-month"),this.expiryMonthInput[0]?this.expiryMonthInput.detach():this.expiryMonthInput=$("<input class='expiry-month' />")},CardJs.prototype.initExpiryYearInput=function(){this.expiryYearInput=this.elem.find(".expiry-year"),this.expiryYearInput[0]?this.expiryYearInput.detach():this.expiryYearInput=$("<input class='expiry-year' />")},CardJs.prototype.initCvcInput=function(){this.cvcInput=this.elem.find(".cvc"),this.cvcInput[0]?this.cvcInput.detach():this.cvcInput=$("<input class='cvc' />"),this.cvcInput.attr("type","tel"),this.cvcInput.attr("placeholder")||this.cvcInput.attr("placeholder",CardJs.CVC_PLACEHOLDER),this.cvcInput.attr("maxlength",CardJs.CVC_MASK_3.length),this.cvcInput.attr("x-autocompletetype","cc-csc"),this.cvcInput.attr("autocompletetype","cc-csc"),this.cvcInput.attr("autocorrect","off"),this.cvcInput.attr("spellcheck","off"),this.cvcInput.attr("autocapitalize","off"),this.cvcInput.keydown(CardJs.filterNumberOnlyKey)},CardJs.prototype.setupCardNumberInput=function(){this.stripe&&this.cardNumberInput.attr("data-stripe","number"),this.elem.append("<div class='card-number-wrapper'></div>");var wrapper=this.elem.find(".card-number-wrapper");wrapper.append(this.cardNumberInput),wrapper.append("<div class='card-type-icon'></div>"),wrapper.append("<div class='icon'></div>"),wrapper.find(".icon").append(CardJs.CREDIT_CARD_SVG)},CardJs.prototype.setupNameInput=function(){if(this.captureName){this.elem.append("<div class='name-wrapper'></div>");var wrapper=this.elem.find(".name-wrapper");wrapper.append(this.nameInput),wrapper.append("<div class='icon'></div>"),wrapper.find(".icon").append(CardJs.USER_SVG)}},CardJs.prototype.setupExpiryInput=function(){this.elem.append("<div class='expiry-container'><div class='expiry-wrapper'></div></div>");var expiryInput,wrapper=this.elem.find(".expiry-wrapper");if(this.EXPIRY_USE_DROPDOWNS){expiryInput=$("<div></div>");var expiryMonthNew=$("<select><option value='any' selected='' hidden=''>MM</option><option value='1'>01</option><option value='2'>02</option><option value='3'>03</option><option value='4'>04</option><option value='5'>05</option><option value='6'>06</option><option value='7'>07</option><option value='8'>08</option><option value='9'>09</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option></select>"),expiryMonthOld=this.expiryMonthInput;CardJs.copyAllElementAttributes(expiryMonthOld,expiryMonthNew),this.expiryMonthInput.remove(),this.expiryMonthInput=expiryMonthNew;for(var expiryYearNew=$("<select><option value='any' selected='' hidden=''>YY</option></select>"),currentYear=parseInt((new Date).getFullYear().toString().substring(2,4)),i=0;i<CardJs.EXPIRY_NUMBER_OF_YEARS;i++)expiryYearNew.append("<option value='"+currentYear+"'>"+currentYear+"</option>"),currentYear=(currentYear+1)%100;var expiryYearOld=this.expiryYearInput;CardJs.copyAllElementAttributes(expiryYearOld,expiryYearNew),this.expiryYearInput.remove(),this.expiryYearInput=expiryYearNew,expiryInput.append(this.expiryMonthInput),expiryInput.append(this.expiryYearInput)}else{expiryInput=$("<div></div>"),this.expiryMonthInput=$("<input type='hidden' name='expiry-month' />"),this.expiryYearInput=$("<input type='hidden' name='expiry-year' />"),this.stripe&&(this.expiryMonthInput.attr("data-stripe","exp-month"),this.expiryYearInput.attr("data-stripe","exp-year")),this.expiryMonthYearInput=$("<input class='expiry' />"),this.expiryMonthYearInput.attr("type","tel"),this.expiryMonthYearInput.attr("placeholder")||this.expiryMonthYearInput.attr("placeholder",CardJs.EXPIRY_PLACEHOLDER),this.expiryMonthYearInput.attr("maxlength",CardJs.EXPIRY_MASK.length),this.expiryMonthYearInput.attr("x-autocompletetype","cc-exp"),this.expiryMonthYearInput.attr("autocompletetype","cc-exp"),this.expiryMonthYearInput.attr("autocorrect","off"),this.expiryMonthYearInput.attr("spellcheck","off"),this.expiryMonthYearInput.attr("autocapitalize","off");var $this=this;this.expiryMonthYearInput.keydown(function(e){CardJs.handleExpiryKey(e);var val=$this.expiryMonthYearInput.val();1==val.length&&parseInt(val)>1&&CardJs.keyIsNumber(e)&&$this.expiryMonthYearInput.val(CardJs.applyFormatMask("0"+val,CardJs.EXPIRY_MASK)),$this.EXPIRY_USE_DROPDOWNS||null==$this.expiryMonthYearInput||($this.expiryMonthInput.val($this.expiryMonth()),$this.expiryYearInput.val(7==val.length?val.substr(5,2):null))}),this.expiryMonthYearInput.blur(function(e){$this.refreshExpiryMonthValidation()}),expiryInput.append(this.expiryMonthYearInput),expiryInput.append(this.expiryMonthInput),expiryInput.append(this.expiryYearInput)}wrapper.append(expiryInput),wrapper.append("<div class='icon'></div>"),wrapper.find(".icon").append(CardJs.CALENDAR_SVG)},CardJs.prototype.setupCvcInput=function(){this.stripe&&this.cvcInput.attr("data-stripe","cvc"),this.elem.append("<div class='cvc-container'><div class='cvc-wrapper'></div></div>");var wrapper=this.elem.find(".cvc-wrapper");wrapper.append(this.cvcInput),wrapper.append("<div class='icon'></div>"),wrapper.find(".icon").append(CardJs.LOCK_SVG)},CardJs.prototype.expiryMonth=function(){if(!this.EXPIRY_USE_DROPDOWNS&&null!=this.expiryMonthYearInput){var val=this.expiryMonthYearInput.val();return val.length>=2?parseInt(val.substr(0,2)):null}return null},CardJs.isValidMonth=function(expiryMonth){return expiryMonth>=1&&12>=expiryMonth},CardJs.isExpiryValid=function(month,year){var today=new Date,currentMonth=today.getMonth()+1,currentYear=""+today.getFullYear();return 2==(""+year).length&&(year=currentYear.substring(0,2)+""+year),currentMonth=parseInt(currentMonth),currentYear=parseInt(currentYear),month=parseInt(month),year=parseInt(year),CardJs.isValidMonth(month)&&(year>currentYear||year==currentYear&&month>=currentMonth)},CardJs.prototype.refreshExpiryMonthValidation=function(){CardJs.isExpiryValid(this.getExpiryMonth(),this.getExpiryYear())?this.setExpiryMonthAsValid():this.setExpiryMonthAsInvalid()},CardJs.prototype.setExpiryMonthAsValid=function(){this.EXPIRY_USE_DROPDOWNS||this.expiryMonthYearInput.parent().removeClass("has-error")},CardJs.prototype.setExpiryMonthAsInvalid=function(){this.EXPIRY_USE_DROPDOWNS||this.expiryMonthYearInput.parent().addClass("has-error")};
-
-/***/ }),
-
-/***/ 13:
-/*!***************************************************!*\
-  !*** multi ./node_modules/card-js/card-js.min.js ***!
-  \***************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/node_modules/card-js/card-js.min.js */"./node_modules/card-js/card-js.min.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+!function(t){var e={};function r(n){if(e[n])return e[n].exports;var i=e[n]={i:n,l:!1,exports:{}};return t[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}r.m=t,r.c=e,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)r.d(n,i,function(e){return t[e]}.bind(null,i));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="/",r(r.s=13)}({13:function(t,e,r){t.exports=r("tci0")},tci0:function(t,e){function r(t){this.elem=jQuery(t),this.captureName=!!this.elem.data("capture-name")&&this.elem.data("capture-name"),this.iconColour=!!this.elem.data("icon-colour")&&this.elem.data("icon-colour"),this.stripe=!!this.elem.data("stripe")&&this.elem.data("stripe"),this.stripe&&(this.captureName=!1),this.initCardNumberInput(),this.initNameInput(),this.initExpiryMonthInput(),this.initExpiryYearInput(),this.initCvcInput(),this.elem.empty(),this.setupCardNumberInput(),this.setupNameInput(),this.setupExpiryInput(),this.setupCvcInput(),this.iconColour&&this.setIconColour(this.iconColour),this.refreshCreditCardTypeIcon()}!function(t){var e={init:function(){return this.data("cardjs",new r(this)),this},cardNumber:function(){return this.data("cardjs").getCardNumber()},cardType:function(){return this.data("cardjs").getCardType()},name:function(){return this.data("cardjs").getName()},expiryMonth:function(){return this.data("cardjs").getExpiryMonth()},expiryYear:function(){return this.data("cardjs").getExpiryYear()},cvc:function(){return this.data("cardjs").getCvc()}};t.fn.CardJs=function(r){return e[r]?e[r].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof r&&r?void t.error("Method "+r+" does not exist on jQuery.CardJs"):e.init.apply(this,arguments)}}(jQuery),$((function(){$(".card-js").each((function(t,e){$(e).CardJs()}))})),r.prototype.constructor=r,r.KEYS={0:48,9:57,NUMPAD_0:96,NUMPAD_9:105,DELETE:46,BACKSPACE:8,ARROW_LEFT:37,ARROW_RIGHT:39,ARROW_UP:38,ARROW_DOWN:40,HOME:36,END:35,TAB:9,A:65,X:88,C:67,V:86},r.CREDIT_CARD_NUMBER_DEFAULT_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_VISA_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_MASTERCARD_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_DISCOVER_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_JCB_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_AMEX_MASK="XXXX XXXXXX XXXXX",r.CREDIT_CARD_NUMBER_DINERS_MASK="XXXX XXXX XXXX XX",r.prototype.creditCardNumberMask=r.CREDIT_CARD_NUMBER_DEFAULT_MASK,r.CREDIT_CARD_NUMBER_PLACEHOLDER="Card number",r.NAME_PLACEHOLDER="Name on card",r.EXPIRY_MASK="XX / XX",r.EXPIRY_PLACEHOLDER="MM / YY",r.EXPIRY_USE_DROPDOWNS=!1,r.EXPIRY_NUMBER_OF_YEARS=10,r.CVC_MASK_3="XXX",r.CVC_MASK_4="XXXX",r.CVC_PLACEHOLDER="CVC",r.CREDIT_CARD_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="3px" width="24px" height="17px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M182.385,14.258c-2.553-2.553-5.621-3.829-9.205-3.829H42.821c-3.585,0-6.653,1.276-9.207,3.829c-2.553,2.553-3.829,5.621-3.829,9.206v99.071c0,3.585,1.276,6.654,3.829,9.207c2.554,2.553,5.622,3.829,9.207,3.829H173.18c3.584,0,6.652-1.276,9.205-3.829s3.83-5.622,3.83-9.207V23.464C186.215,19.879,184.938,16.811,182.385,14.258z M175.785,122.536c0,0.707-0.258,1.317-0.773,1.834c-0.516,0.515-1.127,0.772-1.832,0.772H42.821c-0.706,0-1.317-0.258-1.833-0.773c-0.516-0.518-0.774-1.127-0.774-1.834V73h135.571V122.536z M175.785,41.713H40.214v-18.25c0-0.706,0.257-1.316,0.774-1.833c0.516-0.515,1.127-0.773,1.833-0.773H173.18c0.705,0,1.316,0.257,1.832,0.773c0.516,0.517,0.773,1.127,0.773,1.833V41.713z"/><rect class="svg" x="50.643" y="104.285" width="20.857" height="10.429"/><rect class="svg" x="81.929" y="104.285" width="31.286" height="10.429"/></g></svg>',r.LOCK_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="3px" width="24px" height="17px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M152.646,70.067c-1.521-1.521-3.367-2.281-5.541-2.281H144.5V52.142c0-9.994-3.585-18.575-10.754-25.745c-7.17-7.17-15.751-10.755-25.746-10.755s-18.577,3.585-25.746,10.755C75.084,33.567,71.5,42.148,71.5,52.142v15.644h-2.607c-2.172,0-4.019,0.76-5.54,2.281c-1.521,1.52-2.281,3.367-2.281,5.541v46.929c0,2.172,0.76,4.019,2.281,5.54c1.521,1.52,3.368,2.281,5.54,2.281h78.214c2.174,0,4.02-0.76,5.541-2.281c1.52-1.521,2.281-3.368,2.281-5.54V75.607C154.93,73.435,154.168,71.588,152.646,70.067z M128.857,67.786H87.143V52.142c0-5.757,2.037-10.673,6.111-14.746c4.074-4.074,8.989-6.11,14.747-6.11s10.673,2.036,14.746,6.11c4.073,4.073,6.11,8.989,6.11,14.746V67.786z"/></svg>',r.CALENDAR_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M172.691,23.953c-2.062-2.064-4.508-3.096-7.332-3.096h-10.428v-7.822c0-3.584-1.277-6.653-3.83-9.206c-2.554-2.553-5.621-3.83-9.207-3.83h-5.213c-3.586,0-6.654,1.277-9.207,3.83c-2.554,2.553-3.83,5.622-3.83,9.206v7.822H92.359v-7.822c0-3.584-1.277-6.653-3.83-9.206c-2.553-2.553-5.622-3.83-9.207-3.83h-5.214c-3.585,0-6.654,1.277-9.207,3.83c-2.553,2.553-3.83,5.622-3.83,9.206v7.822H50.643c-2.825,0-5.269,1.032-7.333,3.096s-3.096,4.509-3.096,7.333v104.287c0,2.823,1.032,5.267,3.096,7.332c2.064,2.064,4.508,3.096,7.333,3.096h114.714c2.824,0,5.27-1.032,7.332-3.096c2.064-2.064,3.096-4.509,3.096-7.332V31.286C175.785,28.461,174.754,26.017,172.691,23.953z M134.073,13.036c0-0.761,0.243-1.386,0.731-1.874c0.488-0.488,1.113-0.733,1.875-0.733h5.213c0.762,0,1.385,0.244,1.875,0.733c0.488,0.489,0.732,1.114,0.732,1.874V36.5c0,0.761-0.244,1.385-0.732,1.874c-0.49,0.488-1.113,0.733-1.875,0.733h-5.213c-0.762,0-1.387-0.244-1.875-0.733s-0.731-1.113-0.731-1.874V13.036z M71.501,13.036c0-0.761,0.244-1.386,0.733-1.874c0.489-0.488,1.113-0.733,1.874-0.733h5.214c0.761,0,1.386,0.244,1.874,0.733c0.488,0.489,0.733,1.114,0.733,1.874V36.5c0,0.761-0.244,1.386-0.733,1.874c-0.489,0.488-1.113,0.733-1.874,0.733h-5.214c-0.761,0-1.386-0.244-1.874-0.733c-0.488-0.489-0.733-1.113-0.733-1.874V13.036z M165.357,135.572H50.643V52.143h114.714V135.572z"/></svg>',r.USER_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M107.999,73c8.638,0,16.011-3.056,22.12-9.166c6.111-6.11,9.166-13.483,9.166-22.12c0-8.636-3.055-16.009-9.166-22.12c-6.11-6.11-13.484-9.165-22.12-9.165c-8.636,0-16.01,3.055-22.12,9.165c-6.111,6.111-9.166,13.484-9.166,22.12c0,8.637,3.055,16.01,9.166,22.12C91.99,69.944,99.363,73,107.999,73z"/><path class="svg" d="M165.07,106.037c-0.191-2.743-0.571-5.703-1.141-8.881c-0.57-3.178-1.291-6.124-2.16-8.84c-0.869-2.715-2.037-5.363-3.504-7.943c-1.466-2.58-3.15-4.78-5.052-6.6s-4.223-3.272-6.965-4.358c-2.744-1.086-5.772-1.63-9.085-1.63c-0.489,0-1.63,0.584-3.422,1.752s-3.815,2.472-6.069,3.911c-2.254,1.438-5.188,2.743-8.799,3.909c-3.612,1.168-7.237,1.752-10.877,1.752c-3.639,0-7.264-0.584-10.876-1.752c-3.611-1.166-6.545-2.471-8.799-3.909c-2.254-1.439-4.277-2.743-6.069-3.911c-1.793-1.168-2.933-1.752-3.422-1.752c-3.313,0-6.341,0.544-9.084,1.63s-5.065,2.539-6.966,4.358c-1.901,1.82-3.585,4.02-5.051,6.6s-2.634,5.229-3.503,7.943c-0.869,2.716-1.589,5.662-2.159,8.84c-0.571,3.178-0.951,6.137-1.141,8.881c-0.19,2.744-0.285,5.554-0.285,8.433c0,6.517,1.983,11.664,5.948,15.439c3.965,3.774,9.234,5.661,15.806,5.661h71.208c6.572,0,11.84-1.887,15.806-5.661c3.966-3.775,5.948-8.921,5.948-15.439C165.357,111.591,165.262,108.78,165.07,106.037z"/></g></svg>',r.MAIL_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M177.171,19.472c-2.553-2.553-5.622-3.829-9.206-3.829H48.036c-3.585,0-6.654,1.276-9.207,3.829C36.276,22.025,35,25.094,35,28.679v88.644c0,3.585,1.276,6.652,3.829,9.205c2.553,2.555,5.622,3.83,9.207,3.83h119.929c3.584,0,6.653-1.275,9.206-3.83c2.554-2.553,3.829-5.621,3.829-9.205V28.679C181,25.094,179.725,22.025,177.171,19.472zM170.57,117.321c0,0.706-0.258,1.317-0.774,1.833s-1.127,0.773-1.832,0.773H48.035c-0.706,0-1.317-0.257-1.833-0.773c-0.516-0.516-0.774-1.127-0.774-1.833V54.75c1.738,1.955,3.612,3.748,5.622,5.377c14.557,11.189,26.126,20.368,34.708,27.538c2.77,2.336,5.024,4.155,6.762,5.459s4.087,2.62,7.047,3.951s5.744,1.995,8.351,1.995H108h0.081c2.606,0,5.392-0.664,8.351-1.995c2.961-1.331,5.311-2.647,7.049-3.951c1.737-1.304,3.992-3.123,6.762-5.459c8.582-7.17,20.15-16.349,34.707-27.538c2.01-1.629,3.885-3.422,5.621-5.377V117.321z M170.57,30.797v0.896c0,3.204-1.262,6.776-3.787,10.713c-2.525,3.938-5.256,7.075-8.188,9.41c-10.484,8.257-21.373,16.865-32.672,25.827c-0.326,0.271-1.277,1.073-2.852,2.403c-1.574,1.331-2.824,2.351-3.748,3.056c-0.924,0.707-2.131,1.562-3.625,2.566s-2.865,1.752-4.114,2.24s-2.417,0.732-3.503,0.732H108h-0.082c-1.086,0-2.253-0.244-3.503-0.732c-1.249-0.488-2.621-1.236-4.114-2.24c-1.493-1.004-2.702-1.859-3.625-2.566c-0.923-0.705-2.173-1.725-3.748-3.056c-1.575-1.33-2.526-2.132-2.852-2.403c-11.297-8.962-22.187-17.57-32.67-25.827c-7.985-6.3-11.977-14.013-11.977-23.138c0-0.706,0.258-1.317,0.774-1.833c0.516-0.516,1.127-0.774,1.833-0.774h119.929c0.434,0.244,0.814,0.312,1.141,0.204c0.326-0.11,0.57,0.094,0.732,0.61c0.163,0.516,0.312,0.76,0.448,0.733c0.136-0.027,0.218,0.312,0.245,1.019c0.025,0.706,0.039,1.061,0.039,1.061V30.797z"/></svg>',r.INFORMATION_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M97.571,41.714h20.859c1.411,0,2.633-0.516,3.666-1.548c1.031-1.031,1.547-2.254,1.547-3.666V20.857c0-1.412-0.516-2.634-1.549-3.667c-1.031-1.031-2.254-1.548-3.666-1.548H97.571c-1.412,0-2.634,0.517-3.666,1.548c-1.032,1.032-1.548,2.255-1.548,3.667V36.5c0,1.412,0.516,2.635,1.548,3.666C94.937,41.198,96.159,41.714,97.571,41.714z"/><path class="svg" d="M132.523,111.048c-1.031-1.032-2.254-1.548-3.666-1.548h-5.215V62.571c0-1.412-0.516-2.634-1.547-3.666c-1.033-1.032-2.255-1.548-3.666-1.548H87.143c-1.412,0-2.634,0.516-3.666,1.548c-1.032,1.032-1.548,2.254-1.548,3.666V73c0,1.412,0.516,2.635,1.548,3.666c1.032,1.032,2.254,1.548,3.666,1.548h5.215V109.5h-5.215c-1.412,0-2.634,0.516-3.666,1.548c-1.032,1.032-1.548,2.254-1.548,3.666v10.429c0,1.412,0.516,2.635,1.548,3.668c1.032,1.03,2.254,1.547,3.666,1.547h41.714c1.412,0,2.634-0.517,3.666-1.547c1.031-1.033,1.547-2.256,1.547-3.668v-10.429C134.07,113.302,133.557,112.08,132.523,111.048z"/></g></svg>',r.keyCodeFromEvent=function(t){return t.which||t.keyCode},r.keyIsCommandFromEvent=function(t){return t.ctrlKey||t.metaKey},r.keyIsNumber=function(t){return r.keyIsTopNumber(t)||r.keyIsKeypadNumber(t)},r.keyIsTopNumber=function(t){var e=r.keyCodeFromEvent(t);return e>=r.KEYS[0]&&e<=r.KEYS[9]},r.keyIsKeypadNumber=function(t){var e=r.keyCodeFromEvent(t);return e>=r.KEYS.NUMPAD_0&&e<=r.KEYS.NUMPAD_9},r.keyIsDelete=function(t){return r.keyCodeFromEvent(t)==r.KEYS.DELETE},r.keyIsBackspace=function(t){return r.keyCodeFromEvent(t)==r.KEYS.BACKSPACE},r.keyIsDeletion=function(t){return r.keyIsDelete(t)||r.keyIsBackspace(t)},r.keyIsArrow=function(t){var e=r.keyCodeFromEvent(t);return e>=r.KEYS.ARROW_LEFT&&e<=r.KEYS.ARROW_DOWN},r.keyIsNavigation=function(t){var e=r.keyCodeFromEvent(t);return e==r.KEYS.HOME||e==r.KEYS.END},r.keyIsKeyboardCommand=function(t){var e=r.keyCodeFromEvent(t);return r.keyIsCommandFromEvent(t)&&(e==r.KEYS.A||e==r.KEYS.X||e==r.KEYS.C||e==r.KEYS.V)},r.keyIsTab=function(t){return r.keyCodeFromEvent(t)==r.KEYS.TAB},r.copyAllElementAttributes=function(t,e){$.each(t[0].attributes,(function(t,r){e.attr(r.nodeName,r.nodeValue)}))},r.numbersOnlyString=function(t){for(var e="",r=0;r<t.length;r++){var n=t.charAt(r);!isNaN(parseInt(n))&&(e+=n)}return e},r.applyFormatMask=function(t,e){for(var r="",n=0,i=0;i<e.length;i++){var a=e[i];if("X"==a){if(!t.charAt(n))break;r+=t.charAt(n),n++}else r+=a}return r},r.cardTypeFromNumber=function(t){if(e=new RegExp("^30[0-5]"),null!=t.match(e))return"Diners - Carte Blanche";if(e=new RegExp("^(30[6-9]|36|38)"),null!=t.match(e))return"Diners";if(e=new RegExp("^35(2[89]|[3-8][0-9])"),null!=t.match(e))return"JCB";if(e=new RegExp("^3[47]"),null!=t.match(e))return"AMEX";if(e=new RegExp("^(4026|417500|4508|4844|491(3|7))"),null!=t.match(e))return"Visa Electron";var e=new RegExp("^4");return null!=t.match(e)?"Visa":(e=new RegExp("^5[1-5]"),null!=t.match(e)?"Mastercard":(e=new RegExp("^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)"),null!=t.match(e)?"Discover":""))},r.caretStartPosition=function(t){return"number"==typeof t.selectionStart&&t.selectionStart},r.caretEndPosition=function(t){return"number"==typeof t.selectionEnd&&t.selectionEnd},r.setCaretPosition=function(t,e){if(null!=t)if(t.createTextRange){var r=t.createTextRange();r.move("character",e),r.select()}else t.selectionStart?(t.focus(),t.setSelectionRange(e,e)):t.focus()},r.normaliseCaretPosition=function(t,e){var r=0;if(0>e||e>t.length)return 0;for(var n=0;n<t.length;n++){if(n==e)return r;"X"==t[n]&&r++}return r},r.denormaliseCaretPosition=function(t,e){var r=0;if(0>e||e>t.length)return 0;for(var n=0;n<t.length;n++){if(r==e)return n;"X"==t[n]&&r++}return t.length},r.filterNumberOnlyKey=function(t){var e=r.keyIsNumber(t),n=r.keyIsDeletion(t),i=r.keyIsArrow(t),a=r.keyIsNavigation(t),s=r.keyIsKeyboardCommand(t),c=r.keyIsTab(t);e||n||i||a||s||c||t.preventDefault()},r.digitFromKeyCode=function(t){return t>=r.KEYS[0]&&t<=r.KEYS[9]?t-r.KEYS[0]:t>=r.KEYS.NUMPAD_0&&t<=r.KEYS.NUMPAD_9?t-r.KEYS.NUMPAD_0:null},r.handleMaskedNumberInputKey=function(t,e){r.filterNumberOnlyKey(t);var n=t.which||t.keyCode,i=t.target,a=r.caretStartPosition(i),s=r.caretEndPosition(i),c=r.normaliseCaretPosition(e,a),p=r.normaliseCaretPosition(e,s),o=a,u=r.keyIsNumber(t),h=r.keyIsDelete(t),d=r.keyIsBackspace(t);if(u||h||d){t.preventDefault();var l=$(i).val(),y=r.numbersOnlyString(l),m=r.digitFromKeyCode(n),v=p>c;v&&(y=y.slice(0,c)+y.slice(p)),a!=e.length&&(u&&l.length<=e.length&&(y=y.slice(0,c)+m+y.slice(c),o=Math.max(r.denormaliseCaretPosition(e,c+1),r.denormaliseCaretPosition(e,c+2)-1)),h&&(y=y.slice(0,c)+y.slice(c+1))),0!=a&&d&&!v&&(y=y.slice(0,c-1)+y.slice(c),o=r.denormaliseCaretPosition(e,c-1)),$(i).val(r.applyFormatMask(y,e)),r.setCaretPosition(i,o)}},r.handleCreditCardNumberKey=function(t,e){r.handleMaskedNumberInputKey(t,e)},r.handleCreditCardNumberChange=function(t){},r.handleExpiryKey=function(t){r.handleMaskedNumberInputKey(t,r.EXPIRY_MASK)},r.prototype.getCardNumber=function(){return this.cardNumberInput.val()},r.prototype.getCardType=function(){return r.cardTypeFromNumber(this.getCardNumber())},r.prototype.getName=function(){return this.nameInput.val()},r.prototype.getExpiryMonth=function(){return this.expiryMonthInput.val()},r.prototype.getExpiryYear=function(){return this.expiryYearInput.val()},r.prototype.getCvc=function(){return this.cvcInput.val()},r.prototype.setIconColour=function(t){this.elem.find(".icon .svg").css({fill:t})},r.prototype.setIconColour=function(t){this.elem.find(".icon .svg").css({fill:t})},r.prototype.refreshCreditCardTypeIcon=function(){this.setCardTypeIconFromNumber(r.numbersOnlyString(this.cardNumberInput.val()))},r.prototype.clearCardTypeIcon=function(){this.elem.find(".card-number-wrapper .card-type-icon").removeClass("show")},r.prototype.setCardTypeIconAsVisa=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show visa")},r.prototype.setCardTypeIconAsMasterCard=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show master-card")},r.prototype.setCardTypeIconAsAmericanExpress=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show american-express")},r.prototype.setCardTypeIconAsDiscover=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show discover")},r.prototype.setCardTypeIconAsDiners=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show diners")},r.prototype.setCardTypeIconAsJcb=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show jcb")},r.prototype.setCardTypeIconFromNumber=function(t){switch(r.cardTypeFromNumber(t)){case"Visa Electron":case"Visa":this.setCardTypeAsVisa();break;case"Mastercard":this.setCardTypeAsMasterCard();break;case"AMEX":this.setCardTypeAsAmericanExpress();break;case"Discover":this.setCardTypeAsDiscover();break;case"Diners - Carte Blanche":case"Diners":this.setCardTypeAsDiners();break;case"JCB":this.setCardTypeAsJcb();break;default:this.clearCardType()}},r.prototype.setCardMask=function(t){this.creditCardNumberMask=t,this.cardNumberInput.attr("maxlength",t.length)},r.prototype.setCvc3=function(){this.cvcInput.attr("maxlength",r.CVC_MASK_3.length)},r.prototype.setCvc4=function(){this.cvcInput.attr("maxlength",r.CVC_MASK_4.length)},r.prototype.clearCardType=function(){this.clearCardTypeIcon(),this.setCardMask(r.CREDIT_CARD_NUMBER_DEFAULT_MASK),this.setCvc3()},r.prototype.setCardTypeAsVisa=function(){this.setCardTypeIconAsVisa(),this.setCardMask(r.CREDIT_CARD_NUMBER_VISA_MASK),this.setCvc3()},r.prototype.setCardTypeAsMasterCard=function(){this.setCardTypeIconAsMasterCard(),this.setCardMask(r.CREDIT_CARD_NUMBER_MASTERCARD_MASK),this.setCvc3()},r.prototype.setCardTypeAsAmericanExpress=function(){this.setCardTypeIconAsAmericanExpress(),this.setCardMask(r.CREDIT_CARD_NUMBER_AMEX_MASK),this.setCvc4()},r.prototype.setCardTypeAsDiscover=function(){this.setCardTypeIconAsDiscover(),this.setCardMask(r.CREDIT_CARD_NUMBER_DISCOVER_MASK),this.setCvc3()},r.prototype.setCardTypeAsDiners=function(){this.setCardTypeIconAsDiners(),this.setCardMask(r.CREDIT_CARD_NUMBER_DINERS_MASK),this.setCvc3()},r.prototype.setCardTypeAsJcb=function(){this.setCardTypeIconAsJcb(),this.setCardMask(r.CREDIT_CARD_NUMBER_JCB_MASK),this.setCvc3()},r.prototype.initCardNumberInput=function(){var t=this;this.cardNumberInput=this.elem.find(".card-number"),this.cardNumberInput[0]?this.cardNumberInput.detach():this.cardNumberInput=$("<input class='card-number' />"),this.cardNumberInput.attr("type","tel"),this.cardNumberInput.attr("placeholder")||this.cardNumberInput.attr("placeholder",r.CREDIT_CARD_NUMBER_PLACEHOLDER),this.cardNumberInput.attr("maxlength",this.creditCardNumberMask.length),this.cardNumberInput.attr("x-autocompletetype","cc-number"),this.cardNumberInput.attr("autocompletetype","cc-number"),this.cardNumberInput.attr("autocorrect","off"),this.cardNumberInput.attr("spellcheck","off"),this.cardNumberInput.attr("autocapitalize","off"),this.cardNumberInput.keydown((function(e){r.handleCreditCardNumberKey(e,t.creditCardNumberMask)})),this.cardNumberInput.keyup((function(e){t.refreshCreditCardTypeIcon()})),this.cardNumberInput.change(r.handleCreditCardNumberChange)},r.prototype.initNameInput=function(){this.nameInput=this.elem.find(".name"),this.nameInput[0]?(this.captureName=!0,this.nameInput.detach()):this.nameInput=$("<input class='name' />"),this.nameInput.attr("placeholder")||this.nameInput.attr("placeholder",r.NAME_PLACEHOLDER)},r.prototype.initExpiryMonthInput=function(){this.expiryMonthInput=this.elem.find(".expiry-month"),this.expiryMonthInput[0]?this.expiryMonthInput.detach():this.expiryMonthInput=$("<input class='expiry-month' />")},r.prototype.initExpiryYearInput=function(){this.expiryYearInput=this.elem.find(".expiry-year"),this.expiryYearInput[0]?this.expiryYearInput.detach():this.expiryYearInput=$("<input class='expiry-year' />")},r.prototype.initCvcInput=function(){this.cvcInput=this.elem.find(".cvc"),this.cvcInput[0]?this.cvcInput.detach():this.cvcInput=$("<input class='cvc' />"),this.cvcInput.attr("type","tel"),this.cvcInput.attr("placeholder")||this.cvcInput.attr("placeholder",r.CVC_PLACEHOLDER),this.cvcInput.attr("maxlength",r.CVC_MASK_3.length),this.cvcInput.attr("x-autocompletetype","cc-csc"),this.cvcInput.attr("autocompletetype","cc-csc"),this.cvcInput.attr("autocorrect","off"),this.cvcInput.attr("spellcheck","off"),this.cvcInput.attr("autocapitalize","off"),this.cvcInput.keydown(r.filterNumberOnlyKey)},r.prototype.setupCardNumberInput=function(){this.stripe&&this.cardNumberInput.attr("data-stripe","number"),this.elem.append("<div class='card-number-wrapper'></div>");var t=this.elem.find(".card-number-wrapper");t.append(this.cardNumberInput),t.append("<div class='card-type-icon'></div>"),t.append("<div class='icon'></div>"),t.find(".icon").append(r.CREDIT_CARD_SVG)},r.prototype.setupNameInput=function(){if(this.captureName){this.elem.append("<div class='name-wrapper'></div>");var t=this.elem.find(".name-wrapper");t.append(this.nameInput),t.append("<div class='icon'></div>"),t.find(".icon").append(r.USER_SVG)}},r.prototype.setupExpiryInput=function(){this.elem.append("<div class='expiry-container'><div class='expiry-wrapper'></div></div>");var t,e=this.elem.find(".expiry-wrapper");if(this.EXPIRY_USE_DROPDOWNS){t=$("<div></div>");var n=$("<select><option value='any' selected='' hidden=''>MM</option><option value='1'>01</option><option value='2'>02</option><option value='3'>03</option><option value='4'>04</option><option value='5'>05</option><option value='6'>06</option><option value='7'>07</option><option value='8'>08</option><option value='9'>09</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option></select>"),i=this.expiryMonthInput;r.copyAllElementAttributes(i,n),this.expiryMonthInput.remove(),this.expiryMonthInput=n;for(var a=$("<select><option value='any' selected='' hidden=''>YY</option></select>"),s=parseInt((new Date).getFullYear().toString().substring(2,4)),c=0;c<r.EXPIRY_NUMBER_OF_YEARS;c++)a.append("<option value='"+s+"'>"+s+"</option>"),s=(s+1)%100;var p=this.expiryYearInput;r.copyAllElementAttributes(p,a),this.expiryYearInput.remove(),this.expiryYearInput=a,t.append(this.expiryMonthInput),t.append(this.expiryYearInput)}else{t=$("<div></div>"),this.expiryMonthInput=$("<input type='hidden' name='expiry-month' />"),this.expiryYearInput=$("<input type='hidden' name='expiry-year' />"),this.stripe&&(this.expiryMonthInput.attr("data-stripe","exp-month"),this.expiryYearInput.attr("data-stripe","exp-year")),this.expiryMonthYearInput=$("<input class='expiry' />"),this.expiryMonthYearInput.attr("type","tel"),this.expiryMonthYearInput.attr("placeholder")||this.expiryMonthYearInput.attr("placeholder",r.EXPIRY_PLACEHOLDER),this.expiryMonthYearInput.attr("maxlength",r.EXPIRY_MASK.length),this.expiryMonthYearInput.attr("x-autocompletetype","cc-exp"),this.expiryMonthYearInput.attr("autocompletetype","cc-exp"),this.expiryMonthYearInput.attr("autocorrect","off"),this.expiryMonthYearInput.attr("spellcheck","off"),this.expiryMonthYearInput.attr("autocapitalize","off");var o=this;this.expiryMonthYearInput.keydown((function(t){r.handleExpiryKey(t);var e=o.expiryMonthYearInput.val();1==e.length&&parseInt(e)>1&&r.keyIsNumber(t)&&o.expiryMonthYearInput.val(r.applyFormatMask("0"+e,r.EXPIRY_MASK)),o.EXPIRY_USE_DROPDOWNS||null==o.expiryMonthYearInput||(o.expiryMonthInput.val(o.expiryMonth()),o.expiryYearInput.val(7==e.length?e.substr(5,2):null))})),this.expiryMonthYearInput.blur((function(t){o.refreshExpiryMonthValidation()})),t.append(this.expiryMonthYearInput),t.append(this.expiryMonthInput),t.append(this.expiryYearInput)}e.append(t),e.append("<div class='icon'></div>"),e.find(".icon").append(r.CALENDAR_SVG)},r.prototype.setupCvcInput=function(){this.stripe&&this.cvcInput.attr("data-stripe","cvc"),this.elem.append("<div class='cvc-container'><div class='cvc-wrapper'></div></div>");var t=this.elem.find(".cvc-wrapper");t.append(this.cvcInput),t.append("<div class='icon'></div>"),t.find(".icon").append(r.LOCK_SVG)},r.prototype.expiryMonth=function(){if(!this.EXPIRY_USE_DROPDOWNS&&null!=this.expiryMonthYearInput){var t=this.expiryMonthYearInput.val();return t.length>=2?parseInt(t.substr(0,2)):null}return null},r.isValidMonth=function(t){return t>=1&&12>=t},r.isExpiryValid=function(t,e){var n=new Date,i=n.getMonth()+1,a=""+n.getFullYear();return 2==(""+e).length&&(e=a.substring(0,2)+""+e),i=parseInt(i),a=parseInt(a),t=parseInt(t),e=parseInt(e),r.isValidMonth(t)&&(e>a||e==a&&t>=i)},r.prototype.refreshExpiryMonthValidation=function(){r.isExpiryValid(this.getExpiryMonth(),this.getExpiryYear())?this.setExpiryMonthAsValid():this.setExpiryMonthAsInvalid()},r.prototype.setExpiryMonthAsValid=function(){this.EXPIRY_USE_DROPDOWNS||this.expiryMonthYearInput.parent().removeClass("has-error")},r.prototype.setExpiryMonthAsInvalid=function(){this.EXPIRY_USE_DROPDOWNS||this.expiryMonthYearInput.parent().addClass("has-error")}}});
\ No newline at end of file
diff --git a/public/js/clients/payments/checkout-credit-card.js b/public/js/clients/payments/checkout-credit-card.js
index e6bc6dd202..58463b0225 100644
--- a/public/js/clients/payments/checkout-credit-card.js
+++ b/public/js/clients/payments/checkout-credit-card.js
@@ -1,203 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 8);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/checkout-credit-card.js":
-/*!***************************************************************!*\
-  !*** ./resources/js/clients/payments/checkout-credit-card.js ***!
-  \***************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var CheckoutCreditCard = /*#__PURE__*/function () {
-  function CheckoutCreditCard() {
-    _classCallCheck(this, CheckoutCreditCard);
-
-    this.tokens = [];
-  }
-
-  _createClass(CheckoutCreditCard, [{
-    key: "mountFrames",
-    value: function mountFrames() {
-      console.log('Mount checkout frames..');
-    }
-  }, {
-    key: "handlePaymentUsingToken",
-    value: function handlePaymentUsingToken(e) {
-      document.getElementById('checkout--container').classList.add('hidden');
-      document.getElementById('pay-now-with-token--container').classList.remove('hidden');
-      document.getElementById('save-card--container').style.display = 'none';
-      document.querySelector('input[name=token]').value = e.target.dataset.token;
-    }
-  }, {
-    key: "handlePaymentUsingCreditCard",
-    value: function handlePaymentUsingCreditCard(e) {
-      var _document$querySelect;
-
-      document.getElementById('checkout--container').classList.remove('hidden');
-      document.getElementById('pay-now-with-token--container').classList.add('hidden');
-      document.getElementById('save-card--container').style.display = 'grid';
-      document.querySelector('input[name=token]').value = '';
-      var payButton = document.getElementById('pay-button');
-      var publicKey = (_document$querySelect = document.querySelector('meta[name="public-key"]').content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
-      var form = document.getElementById('payment-form');
-      Frames.init(publicKey);
-      Frames.addEventHandler(Frames.Events.CARD_VALIDATION_CHANGED, function (event) {
-        payButton.disabled = !Frames.isCardValid();
-      });
-      Frames.addEventHandler(Frames.Events.CARD_TOKENIZATION_FAILED, function (event) {
-        pay.button.disabled = false;
-      });
-      Frames.addEventHandler(Frames.Events.CARD_TOKENIZED, function (event) {
-        payButton.disabled = true;
-        document.querySelector('input[name="gateway_response"]').value = JSON.stringify(event);
-        document.querySelector('input[name="store_card"]').value = document.querySelector('input[name=token-billing-checkbox]:checked').value;
-        document.getElementById('server-response').submit();
-      });
-      form.addEventListener('submit', function (event) {
-        event.preventDefault();
-        Frames.submitCard();
-      });
-    }
-  }, {
-    key: "completePaymentUsingToken",
-    value: function completePaymentUsingToken(e) {
-      var btn = document.getElementById('pay-now-with-token');
-      btn.disabled = true;
-      btn.querySelector('svg').classList.remove('hidden');
-      btn.querySelector('span').classList.add('hidden');
-      document.getElementById('server-response').submit();
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this = this;
-
-      this.handlePaymentUsingCreditCard();
-      Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
-        return element.addEventListener('click', _this.handlePaymentUsingToken);
-      });
-      document.getElementById('toggle-payment-with-credit-card').addEventListener('click', this.handlePaymentUsingCreditCard);
-      document.getElementById('pay-now-with-token').addEventListener('click', this.completePaymentUsingToken);
-    }
-  }]);
-
-  return CheckoutCreditCard;
-}();
-
-new CheckoutCreditCard().handle();
-
-/***/ }),
-
-/***/ 8:
-/*!*********************************************************************!*\
-  !*** multi ./resources/js/clients/payments/checkout-credit-card.js ***!
-  \*********************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/checkout-credit-card.js */"./resources/js/clients/payments/checkout-credit-card.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see checkout-credit-card.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=8)}({8:function(e,t,n){e.exports=n("fQHp")},fQHp:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.tokens=[]}var t,r,o;return t=e,(r=[{key:"mountFrames",value:function(){console.log("Mount checkout frames..")}},{key:"handlePaymentUsingToken",value:function(e){document.getElementById("checkout--container").classList.add("hidden"),document.getElementById("pay-now-with-token--container").classList.remove("hidden"),document.getElementById("save-card--container").style.display="none",document.querySelector("input[name=token]").value=e.target.dataset.token}},{key:"handlePaymentUsingCreditCard",value:function(e){var t;document.getElementById("checkout--container").classList.remove("hidden"),document.getElementById("pay-now-with-token--container").classList.add("hidden"),document.getElementById("save-card--container").style.display="grid",document.querySelector("input[name=token]").value="";var n=document.getElementById("pay-button"),r=null!==(t=document.querySelector('meta[name="public-key"]').content)&&void 0!==t?t:"",o=document.getElementById("payment-form");Frames.init(r),Frames.addEventHandler(Frames.Events.CARD_VALIDATION_CHANGED,(function(e){n.disabled=!Frames.isCardValid()})),Frames.addEventHandler(Frames.Events.CARD_TOKENIZATION_FAILED,(function(e){pay.button.disabled=!1})),Frames.addEventHandler(Frames.Events.CARD_TOKENIZED,(function(e){n.disabled=!0,document.querySelector('input[name="gateway_response"]').value=JSON.stringify(e),document.querySelector('input[name="store_card"]').value=document.querySelector("input[name=token-billing-checkbox]:checked").value,document.getElementById("server-response").submit()})),o.addEventListener("submit",(function(e){e.preventDefault(),Frames.submitCard()}))}},{key:"completePaymentUsingToken",value:function(e){var t=document.getElementById("pay-now-with-token");t.disabled=!0,t.querySelector("svg").classList.remove("hidden"),t.querySelector("span").classList.add("hidden"),document.getElementById("server-response").submit()}},{key:"handle",value:function(){var e=this;this.handlePaymentUsingCreditCard(),Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(t){return t.addEventListener("click",e.handlePaymentUsingToken)})),document.getElementById("toggle-payment-with-credit-card").addEventListener("click",this.handlePaymentUsingCreditCard),document.getElementById("pay-now-with-token").addEventListener("click",this.completePaymentUsingToken)}}])&&n(t.prototype,r),o&&n(t,o),e}())).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payments/eway-credit-card.js b/public/js/clients/payments/eway-credit-card.js
index fc89757b77..2edf1ead47 100644
--- a/public/js/clients/payments/eway-credit-card.js
+++ b/public/js/clients/payments/eway-credit-card.js
@@ -1,482 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 23);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/eway-credit-card.js":
-/*!***********************************************************!*\
-  !*** ./resources/js/clients/payments/eway-credit-card.js ***!
-  \***********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com).
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://www.elastic.co/licensing/elastic-license
- */
-var EwayRapid = /*#__PURE__*/function () {
-  function EwayRapid() {
-    _classCallCheck(this, EwayRapid);
-
-    this.cardStyles = 'padding: 2px; border: 1px solid #AAA; border-radius: 3px; height: 34px; width: 100%;';
-    this.errorCodes = new Map();
-    this.errorCodes.set('V6000', 'Validation error');
-    this.errorCodes.set('V6001', 'Invalid CustomerIP');
-    this.errorCodes.set('V6002', 'Invalid DeviceID');
-    this.errorCodes.set('V6003', 'Invalid Request PartnerID');
-    this.errorCodes.set('V6004', 'Invalid Request Method');
-    this.errorCodes.set('V6010', 'Invalid TransactionType, account not certified for eCome only MOTO or Recurring available');
-    this.errorCodes.set('V6011', 'Invalid Payment TotalAmount');
-    this.errorCodes.set('V6012', 'Invalid Payment InvoiceDescription');
-    this.errorCodes.set('V6013', 'Invalid Payment InvoiceNumber');
-    this.errorCodes.set('V6014', 'Invalid Payment InvoiceReference');
-    this.errorCodes.set('V6015', 'Invalid Payment CurrencyCode');
-    this.errorCodes.set('V6016', 'Payment Required');
-    this.errorCodes.set('V6017', 'Payment CurrencyCode Required');
-    this.errorCodes.set('V6018', 'Unknown Payment CurrencyCode');
-    this.errorCodes.set('V6019', 'Cardholder identity authentication required');
-    this.errorCodes.set('V6020', 'Cardholder Input Required');
-    this.errorCodes.set('V6021', 'EWAY_CARDHOLDERNAME Required');
-    this.errorCodes.set('V6022', 'EWAY_CARDNUMBER Required');
-    this.errorCodes.set('V6023', 'EWAY_CARDCVN Required');
-    this.errorCodes.set('V6024', 'Cardholder Identity Authentication One Time Password Not Active Yet');
-    this.errorCodes.set('V6025', 'PIN Required');
-    this.errorCodes.set('V6033', 'Invalid Expiry Date');
-    this.errorCodes.set('V6034', 'Invalid Issue Number');
-    this.errorCodes.set('V6035', 'Invalid Valid From Date');
-    this.errorCodes.set('V6039', 'Invalid Network Token Status');
-    this.errorCodes.set('V6040', 'Invalid TokenCustomerID');
-    this.errorCodes.set('V6041', 'Customer Required');
-    this.errorCodes.set('V6042', 'Customer FirstName Required');
-    this.errorCodes.set('V6043', 'Customer LastName Required');
-    this.errorCodes.set('V6044', 'Customer CountryCode Required');
-    this.errorCodes.set('V6045', 'Customer Title Required');
-    this.errorCodes.set('V6046', 'TokenCustomerID Required');
-    this.errorCodes.set('V6047', 'RedirectURL Required');
-    this.errorCodes.set('V6048', 'CheckoutURL Required when CheckoutPayment specified');
-    this.errorCodes.set('V6049', 'nvalid Checkout URL');
-    this.errorCodes.set('V6051', 'Invalid Customer FirstName');
-    this.errorCodes.set('V6052', 'Invalid Customer LastName');
-    this.errorCodes.set('V6053', 'Invalid Customer CountryCode');
-    this.errorCodes.set('V6058', 'Invalid Customer Title');
-    this.errorCodes.set('V6059', 'Invalid RedirectURL');
-    this.errorCodes.set('V6060', 'Invalid TokenCustomerID');
-    this.errorCodes.set('V6061', 'Invalid Customer Reference');
-    this.errorCodes.set('V6062', 'Invalid Customer CompanyName');
-    this.errorCodes.set('V6063', 'Invalid Customer JobDescription');
-    this.errorCodes.set('V6064', 'Invalid Customer Street1');
-    this.errorCodes.set('V6065', 'Invalid Customer Street2');
-    this.errorCodes.set('V6066', 'Invalid Customer City');
-    this.errorCodes.set('V6067', 'Invalid Customer State');
-    this.errorCodes.set('V6068', 'Invalid Customer PostalCode');
-    this.errorCodes.set('V6069', 'Invalid Customer Email');
-    this.errorCodes.set('V6070', 'Invalid Customer Phone');
-    this.errorCodes.set('V6071', 'Invalid Customer Mobile');
-    this.errorCodes.set('V6072', 'Invalid Customer Comments');
-    this.errorCodes.set('V6073', 'Invalid Customer Fax');
-    this.errorCodes.set('V6074', 'Invalid Customer URL');
-    this.errorCodes.set('V6075', 'Invalid ShippingAddress FirstName');
-    this.errorCodes.set('V6076', 'Invalid ShippingAddress LastName');
-    this.errorCodes.set('V6077', 'Invalid ShippingAddress Street1');
-    this.errorCodes.set('V6078', 'Invalid ShippingAddress Street2');
-    this.errorCodes.set('V6079', 'Invalid ShippingAddress City');
-    this.errorCodes.set('V6080', 'Invalid ShippingAddress State');
-    this.errorCodes.set('V6081', 'Invalid ShippingAddress PostalCode');
-    this.errorCodes.set('V6082', 'Invalid ShippingAddress Email');
-    this.errorCodes.set('V6083', 'Invalid ShippingAddress Phone');
-    this.errorCodes.set('V6084', 'Invalid ShippingAddress Country');
-    this.errorCodes.set('V6085', 'Invalid ShippingAddress ShippingMethod');
-    this.errorCodes.set('V6086', 'Invalid ShippingAddress Fax');
-    this.errorCodes.set('V6091', 'Unknown Customer CountryCode');
-    this.errorCodes.set('V6092', 'Unknown ShippingAddress CountryCode');
-    this.errorCodes.set('V6093', 'Insufficient Address Information');
-    this.errorCodes.set('V6100', 'Invalid EWAY_CARDNAME');
-    this.errorCodes.set('V6101', 'Invalid EWAY_CARDEXPIRYMONTH');
-    this.errorCodes.set('V6102', 'Invalid EWAY_CARDEXPIRYYEAR');
-    this.errorCodes.set('V6103', 'Invalid EWAY_CARDSTARTMONTH');
-    this.errorCodes.set('V6104', 'Invalid EWAY_CARDSTARTYEAR');
-    this.errorCodes.set('V6105', 'Invalid EWAY_CARDISSUENUMBER');
-    this.errorCodes.set('V6106', 'Invalid EWAY_CARDCVN');
-    this.errorCodes.set('V6107', 'Invalid EWAY_ACCESSCODE');
-    this.errorCodes.set('V6108', 'Invalid CustomerHostAddress');
-    this.errorCodes.set('V6109', 'Invalid UserAgent');
-    this.errorCodes.set('V6110', 'Invalid EWAY_CARDNUMBER');
-    this.errorCodes.set('V6111', 'Unauthorised API Access, Account Not PCI Certified');
-    this.errorCodes.set('V6112', 'Redundant card details other than expiry year and month');
-    this.errorCodes.set('V6113', 'Invalid transaction for refund');
-    this.errorCodes.set('V6114', 'Gateway validation error');
-    this.errorCodes.set('V6115', 'Invalid DirectRefundRequest, Transaction ID');
-    this.errorCodes.set('V6116', 'Invalid card data on original TransactionID');
-    this.errorCodes.set('V6117', 'Invalid CreateAccessCodeSharedRequest, FooterText');
-    this.errorCodes.set('V6118', 'Invalid CreateAccessCodeSharedRequest, HeaderText');
-    this.errorCodes.set('V6119', 'Invalid CreateAccessCodeSharedRequest, Language');
-    this.errorCodes.set('V6120', 'Invalid CreateAccessCodeSharedRequest, LogoUrl');
-    this.errorCodes.set('V6121', 'Invalid TransactionSearch, Filter Match Type');
-    this.errorCodes.set('V6122', 'Invalid TransactionSearch, Non numeric Transaction ID');
-    this.errorCodes.set('V6123', 'Invalid TransactionSearch,no TransactionID or AccessCode specified');
-    this.errorCodes.set('V6124', 'Invalid Line Items. The line items have been provided however the totals do not match the TotalAmount field');
-    this.errorCodes.set('V6125', 'Selected Payment Type not enabled');
-    this.errorCodes.set('V6126', 'Invalid encrypted card number, decryption failed');
-    this.errorCodes.set('V6127', 'Invalid encrypted cvn, decryption failed');
-    this.errorCodes.set('V6128', 'Invalid Method for Payment Type');
-    this.errorCodes.set('V6129', 'Transaction has not been authorised for Capture/Cancellation');
-    this.errorCodes.set('V6130', 'Generic customer information error');
-    this.errorCodes.set('V6131', 'Generic shipping information error');
-    this.errorCodes.set('V6132', 'Transaction has already been completed or voided, operation not permitted');
-    this.errorCodes.set('V6133', 'Checkout not available for Payment Type');
-    this.errorCodes.set('V6134', 'Invalid Auth Transaction ID for Capture/Void');
-    this.errorCodes.set('V6135', 'PayPal Error Processing Refund');
-    this.errorCodes.set('V6136', 'Original transaction does not exist or state is incorrect');
-    this.errorCodes.set('V6140', 'Merchant account is suspended');
-    this.errorCodes.set('V6141', 'Invalid PayPal account details or API signature');
-    this.errorCodes.set('V6142', 'Authorise not available for Bank/Branch');
-    this.errorCodes.set('V6143', 'Invalid Public Key');
-    this.errorCodes.set('V6144', 'Method not available with Public API Key Authentication');
-    this.errorCodes.set('V6145', 'Credit Card not allow if Token Customer ID is provided with Public API Key Authentication');
-    this.errorCodes.set('V6146', 'Client Side Encryption Key Missing or Invalid');
-    this.errorCodes.set('V6147', 'Unable to Create One Time Code for Secure Field');
-    this.errorCodes.set('V6148', 'Secure Field has Expired');
-    this.errorCodes.set('V6149', 'Invalid Secure Field One Time Code');
-    this.errorCodes.set('V6150', 'Invalid Refund Amount');
-    this.errorCodes.set('V6151', 'Refund amount greater than original transaction');
-    this.errorCodes.set('V6152', 'Original transaction already refunded for total amount');
-    this.errorCodes.set('V6153', 'Card type not support by merchant');
-    this.errorCodes.set('V6154', 'Insufficent Funds Available For Refund');
-    this.errorCodes.set('V6155', 'Missing one or more fields in request');
-    this.errorCodes.set('V6160', 'Encryption Method Not Supported');
-    this.errorCodes.set('V6161', 'Encryption failed, missing or invalid key');
-    this.errorCodes.set('V6165', 'Invalid Click-to-Pay (Visa Checkout) data or decryption failed');
-    this.errorCodes.set('V6170', 'Invalid TransactionSearch, Invoice Number is not unique');
-    this.errorCodes.set('V6171', 'Invalid TransactionSearch, Invoice Number not found');
-    this.errorCodes.set('V6220', 'Three domain secure XID invalid');
-    this.errorCodes.set('V6221', 'Three domain secure ECI invalid');
-    this.errorCodes.set('V6222', 'Three domain secure AVV invalid');
-    this.errorCodes.set('V6223', 'Three domain secure XID is required');
-    this.errorCodes.set('V6224', 'Three Domain Secure ECI is required');
-    this.errorCodes.set('V6225', 'Three Domain Secure AVV is required');
-    this.errorCodes.set('V6226', 'Three Domain Secure AuthStatus is required');
-    this.errorCodes.set('V6227', 'Three Domain Secure AuthStatus invalid');
-    this.errorCodes.set('V6228', 'Three domain secure Version is required');
-    this.errorCodes.set('V6230', 'Three domain secure Directory Server Txn ID invalid');
-    this.errorCodes.set('V6231', 'Three domain secure Directory Server Txn ID is required');
-    this.errorCodes.set('V6232', 'Three domain secure Version is invalid');
-    this.errorCodes.set('V6501', 'Invalid Amex InstallementPlan');
-    this.errorCodes.set('V6502', 'Invalid Number Of Installements for Amex. Valid values are from 0 to 99 inclusive');
-    this.errorCodes.set('V6503', 'Merchant Amex ID required');
-    this.errorCodes.set('V6504', 'Invalid Merchant Amex ID');
-    this.errorCodes.set('V6505', 'Merchant Terminal ID required');
-    this.errorCodes.set('V6506', 'Merchant category code required');
-    this.errorCodes.set('V6507', 'Invalid merchant category code');
-    this.errorCodes.set('V6508', 'Amex 3D ECI required');
-    this.errorCodes.set('V6509', 'Invalid Amex 3D ECI');
-    this.errorCodes.set('V6510', 'Invalid Amex 3D verification value');
-    this.errorCodes.set('V6511', 'Invalid merchant location data');
-    this.errorCodes.set('V6512', 'Invalid merchant street address');
-    this.errorCodes.set('V6513', 'Invalid merchant city');
-    this.errorCodes.set('V6514', 'Invalid merchant country');
-    this.errorCodes.set('V6515', 'Invalid merchant phone');
-    this.errorCodes.set('V6516', 'Invalid merchant postcode');
-    this.errorCodes.set('V6517', 'Amex connection error');
-    this.errorCodes.set('V6518', 'Amex EC Card Details API returned invalid data');
-    this.errorCodes.set('V6520', 'Invalid or missing Amex Point Of Sale Data');
-    this.errorCodes.set('V6521', 'Invalid or missing Amex transaction date time');
-    this.errorCodes.set('V6522', 'Invalid or missing Amex Original transaction date time');
-    this.errorCodes.set('V6530', 'Credit Card Number in non Credit Card Field');
-  }
-
-  _createClass(EwayRapid, [{
-    key: "groupFieldConfig",
-    get: function get() {
-      var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4, _document$querySelect5;
-
-      return {
-        publicApiKey: (_document$querySelect = document.querySelector('meta[name=public-api-key]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.content,
-        fieldDivId: 'eway-secure-panel',
-        fieldType: 'group',
-        styles: '',
-        layout: {
-          fonts: ['Lobster'],
-          rows: [{
-            styles: '',
-            cells: [{
-              colSpan: 12,
-              styles: 'margin-top: 15px;',
-              label: {
-                fieldColSpan: 4,
-                text: (_document$querySelect2 = document.querySelector('meta[name=translation-card-name]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content,
-                styles: ''
-              },
-              field: {
-                fieldColSpan: 8,
-                fieldType: 'name',
-                styles: this.cardStyles,
-                divStyles: 'padding-left: 10px;'
-              }
-            }, {
-              colSpan: 12,
-              styles: 'margin-top: 15px;',
-              label: {
-                fieldColSpan: 4,
-                text: (_document$querySelect3 = document.querySelector('meta[name=translation-expiry_date]')) === null || _document$querySelect3 === void 0 ? void 0 : _document$querySelect3.content,
-                styles: ''
-              },
-              field: {
-                fieldColSpan: 8,
-                fieldType: 'expirytext',
-                styles: this.cardStyles,
-                divStyles: 'padding-left: 10px;'
-              }
-            }]
-          }, {
-            styles: '',
-            cells: [{
-              colSpan: 12,
-              styles: 'margin-top: 15px;',
-              label: {
-                fieldColSpan: 4,
-                text: (_document$querySelect4 = document.querySelector('meta[name=translation-card_number]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content,
-                styles: ''
-              },
-              field: {
-                fieldColSpan: 8,
-                fieldType: 'card',
-                styles: this.cardStyles
-              }
-            }, {
-              colSpan: 12,
-              styles: 'margin-top: 15px;',
-              label: {
-                fieldColSpan: 4,
-                text: (_document$querySelect5 = document.querySelector('meta[name=translation-cvv]')) === null || _document$querySelect5 === void 0 ? void 0 : _document$querySelect5.content,
-                styles: ''
-              },
-              field: {
-                fieldColSpan: 8,
-                fieldType: 'cvn',
-                styles: this.cardStyles
-              }
-            }]
-          }]
-        }
-      };
-    }
-  }, {
-    key: "securePanelCallback",
-    value: function securePanelCallback(event) {
-      document.getElementById('errors').hidden = true;
-
-      if (event.errors) {
-        return this.handleErrors(event.errors);
-      }
-
-      if (document.getElementById('authorize-card')) {
-        document.getElementById('authorize-card').disabled = false;
-      }
-
-      if (document.getElementById('pay-now')) {
-        document.getElementById('pay-now').disabled = false;
-      }
-
-      document.querySelector('input[name=securefieldcode]').value = event.secureFieldCode;
-    }
-  }, {
-    key: "handleErrors",
-    value: function handleErrors(errors) {
-      var _this = this;
-
-      var _errors = errors.split(' ');
-
-      var shouldShowGenericError = false;
-      var message = '';
-
-      _errors.forEach(function (error) {
-        message = message.concat(_this.errorCodes.get(error) + '<br>');
-      });
-
-      document.getElementById('errors').innerHTML = message;
-      document.getElementById('errors').hidden = false;
-    }
-  }, {
-    key: "completeAuthorization",
-    value: function completeAuthorization(event) {
-      event.target.parentElement.disabled = true;
-      document.getElementById('server-response').submit();
-    }
-  }, {
-    key: "completePaymentUsingToken",
-    value: function completePaymentUsingToken(event) {
-      event.target.parentElement.disabled = true;
-      document.getElementById('server-response').submit();
-    }
-  }, {
-    key: "completePaymentWithoutToken",
-    value: function completePaymentWithoutToken(event) {
-      event.target.parentElement.disabled = true;
-      var tokenBillingCheckbox = document.querySelector('input[name="token-billing-checkbox"]:checked');
-
-      if (tokenBillingCheckbox) {
-        document.querySelector('input[name="store_card"]').value = tokenBillingCheckbox.value;
-      }
-
-      document.getElementById('server-response').submit();
-    }
-  }, {
-    key: "initialize",
-    value: function initialize() {
-      var _this2 = this;
-
-      this.eWAY = eWAY.setupSecureField(this.groupFieldConfig, function (event) {
-        return _this2.securePanelCallback(event);
-      });
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _document$getElementB,
-          _this3 = this,
-          _document$getElementB2;
-
-      this.initialize();
-      (_document$getElementB = document.getElementById('authorize-card')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.addEventListener('click', function (e) {
-        return _this3.completeAuthorization(e);
-      });
-      Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
-        return element.addEventListener('click', function (element) {
-          document.getElementById('eway-secure-panel').classList.add('hidden');
-          document.getElementById('save-card--container').style.display = 'none';
-          document.querySelector('input[name=token]').value = element.target.dataset.token;
-          document.getElementById('pay-now').disabled = false;
-        });
-      });
-      document.getElementById('toggle-payment-with-credit-card').addEventListener('click', function (element) {
-        document.getElementById('eway-secure-panel').classList.remove('hidden');
-        document.getElementById('save-card--container').style.display = 'grid';
-        document.querySelector('input[name=token]').value = '';
-        document.getElementById('pay-now').disabled = true;
-      });
-      (_document$getElementB2 = document.getElementById('pay-now')) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.addEventListener('click', function (e) {
-        var tokenInput = document.querySelector('input[name=token]');
-
-        if (tokenInput.value) {
-          return _this3.completePaymentUsingToken(e);
-        }
-
-        return _this3.completePaymentWithoutToken(e);
-      });
-    }
-  }]);
-
-  return EwayRapid;
-}();
-
-new EwayRapid().handle();
-
-/***/ }),
-
-/***/ 23:
-/*!*****************************************************************!*\
-  !*** multi ./resources/js/clients/payments/eway-credit-card.js ***!
-  \*****************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/eway-credit-card.js */"./resources/js/clients/payments/eway-credit-card.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see eway-credit-card.js.LICENSE.txt */
+!function(e){var r={};function t(s){if(r[s])return r[s].exports;var o=r[s]={i:s,l:!1,exports:{}};return e[s].call(o.exports,o,o.exports,t),o.l=!0,o.exports}t.m=e,t.c=r,t.d=function(e,r,s){t.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:s})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,r){if(1&r&&(e=t(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(t.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var o in e)t.d(s,o,function(r){return e[r]}.bind(null,o));return s},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},t.p="/",t(t.s=23)}({23:function(e,r,t){e.exports=t("7VQy")},"7VQy":function(e,r){function t(e,r){for(var t=0;t<r.length;t++){var s=r[t];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,s.key,s)}}(new(function(){function e(){!function(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}(this,e),this.cardStyles="padding: 2px; border: 1px solid #AAA; border-radius: 3px; height: 34px; width: 100%;",this.errorCodes=new Map,this.errorCodes.set("V6000","Validation error"),this.errorCodes.set("V6001","Invalid CustomerIP"),this.errorCodes.set("V6002","Invalid DeviceID"),this.errorCodes.set("V6003","Invalid Request PartnerID"),this.errorCodes.set("V6004","Invalid Request Method"),this.errorCodes.set("V6010","Invalid TransactionType, account not certified for eCome only MOTO or Recurring available"),this.errorCodes.set("V6011","Invalid Payment TotalAmount"),this.errorCodes.set("V6012","Invalid Payment InvoiceDescription"),this.errorCodes.set("V6013","Invalid Payment InvoiceNumber"),this.errorCodes.set("V6014","Invalid Payment InvoiceReference"),this.errorCodes.set("V6015","Invalid Payment CurrencyCode"),this.errorCodes.set("V6016","Payment Required"),this.errorCodes.set("V6017","Payment CurrencyCode Required"),this.errorCodes.set("V6018","Unknown Payment CurrencyCode"),this.errorCodes.set("V6019","Cardholder identity authentication required"),this.errorCodes.set("V6020","Cardholder Input Required"),this.errorCodes.set("V6021","EWAY_CARDHOLDERNAME Required"),this.errorCodes.set("V6022","EWAY_CARDNUMBER Required"),this.errorCodes.set("V6023","EWAY_CARDCVN Required"),this.errorCodes.set("V6024","Cardholder Identity Authentication One Time Password Not Active Yet"),this.errorCodes.set("V6025","PIN Required"),this.errorCodes.set("V6033","Invalid Expiry Date"),this.errorCodes.set("V6034","Invalid Issue Number"),this.errorCodes.set("V6035","Invalid Valid From Date"),this.errorCodes.set("V6039","Invalid Network Token Status"),this.errorCodes.set("V6040","Invalid TokenCustomerID"),this.errorCodes.set("V6041","Customer Required"),this.errorCodes.set("V6042","Customer FirstName Required"),this.errorCodes.set("V6043","Customer LastName Required"),this.errorCodes.set("V6044","Customer CountryCode Required"),this.errorCodes.set("V6045","Customer Title Required"),this.errorCodes.set("V6046","TokenCustomerID Required"),this.errorCodes.set("V6047","RedirectURL Required"),this.errorCodes.set("V6048","CheckoutURL Required when CheckoutPayment specified"),this.errorCodes.set("V6049","nvalid Checkout URL"),this.errorCodes.set("V6051","Invalid Customer FirstName"),this.errorCodes.set("V6052","Invalid Customer LastName"),this.errorCodes.set("V6053","Invalid Customer CountryCode"),this.errorCodes.set("V6058","Invalid Customer Title"),this.errorCodes.set("V6059","Invalid RedirectURL"),this.errorCodes.set("V6060","Invalid TokenCustomerID"),this.errorCodes.set("V6061","Invalid Customer Reference"),this.errorCodes.set("V6062","Invalid Customer CompanyName"),this.errorCodes.set("V6063","Invalid Customer JobDescription"),this.errorCodes.set("V6064","Invalid Customer Street1"),this.errorCodes.set("V6065","Invalid Customer Street2"),this.errorCodes.set("V6066","Invalid Customer City"),this.errorCodes.set("V6067","Invalid Customer State"),this.errorCodes.set("V6068","Invalid Customer PostalCode"),this.errorCodes.set("V6069","Invalid Customer Email"),this.errorCodes.set("V6070","Invalid Customer Phone"),this.errorCodes.set("V6071","Invalid Customer Mobile"),this.errorCodes.set("V6072","Invalid Customer Comments"),this.errorCodes.set("V6073","Invalid Customer Fax"),this.errorCodes.set("V6074","Invalid Customer URL"),this.errorCodes.set("V6075","Invalid ShippingAddress FirstName"),this.errorCodes.set("V6076","Invalid ShippingAddress LastName"),this.errorCodes.set("V6077","Invalid ShippingAddress Street1"),this.errorCodes.set("V6078","Invalid ShippingAddress Street2"),this.errorCodes.set("V6079","Invalid ShippingAddress City"),this.errorCodes.set("V6080","Invalid ShippingAddress State"),this.errorCodes.set("V6081","Invalid ShippingAddress PostalCode"),this.errorCodes.set("V6082","Invalid ShippingAddress Email"),this.errorCodes.set("V6083","Invalid ShippingAddress Phone"),this.errorCodes.set("V6084","Invalid ShippingAddress Country"),this.errorCodes.set("V6085","Invalid ShippingAddress ShippingMethod"),this.errorCodes.set("V6086","Invalid ShippingAddress Fax"),this.errorCodes.set("V6091","Unknown Customer CountryCode"),this.errorCodes.set("V6092","Unknown ShippingAddress CountryCode"),this.errorCodes.set("V6093","Insufficient Address Information"),this.errorCodes.set("V6100","Invalid EWAY_CARDNAME"),this.errorCodes.set("V6101","Invalid EWAY_CARDEXPIRYMONTH"),this.errorCodes.set("V6102","Invalid EWAY_CARDEXPIRYYEAR"),this.errorCodes.set("V6103","Invalid EWAY_CARDSTARTMONTH"),this.errorCodes.set("V6104","Invalid EWAY_CARDSTARTYEAR"),this.errorCodes.set("V6105","Invalid EWAY_CARDISSUENUMBER"),this.errorCodes.set("V6106","Invalid EWAY_CARDCVN"),this.errorCodes.set("V6107","Invalid EWAY_ACCESSCODE"),this.errorCodes.set("V6108","Invalid CustomerHostAddress"),this.errorCodes.set("V6109","Invalid UserAgent"),this.errorCodes.set("V6110","Invalid EWAY_CARDNUMBER"),this.errorCodes.set("V6111","Unauthorised API Access, Account Not PCI Certified"),this.errorCodes.set("V6112","Redundant card details other than expiry year and month"),this.errorCodes.set("V6113","Invalid transaction for refund"),this.errorCodes.set("V6114","Gateway validation error"),this.errorCodes.set("V6115","Invalid DirectRefundRequest, Transaction ID"),this.errorCodes.set("V6116","Invalid card data on original TransactionID"),this.errorCodes.set("V6117","Invalid CreateAccessCodeSharedRequest, FooterText"),this.errorCodes.set("V6118","Invalid CreateAccessCodeSharedRequest, HeaderText"),this.errorCodes.set("V6119","Invalid CreateAccessCodeSharedRequest, Language"),this.errorCodes.set("V6120","Invalid CreateAccessCodeSharedRequest, LogoUrl"),this.errorCodes.set("V6121","Invalid TransactionSearch, Filter Match Type"),this.errorCodes.set("V6122","Invalid TransactionSearch, Non numeric Transaction ID"),this.errorCodes.set("V6123","Invalid TransactionSearch,no TransactionID or AccessCode specified"),this.errorCodes.set("V6124","Invalid Line Items. The line items have been provided however the totals do not match the TotalAmount field"),this.errorCodes.set("V6125","Selected Payment Type not enabled"),this.errorCodes.set("V6126","Invalid encrypted card number, decryption failed"),this.errorCodes.set("V6127","Invalid encrypted cvn, decryption failed"),this.errorCodes.set("V6128","Invalid Method for Payment Type"),this.errorCodes.set("V6129","Transaction has not been authorised for Capture/Cancellation"),this.errorCodes.set("V6130","Generic customer information error"),this.errorCodes.set("V6131","Generic shipping information error"),this.errorCodes.set("V6132","Transaction has already been completed or voided, operation not permitted"),this.errorCodes.set("V6133","Checkout not available for Payment Type"),this.errorCodes.set("V6134","Invalid Auth Transaction ID for Capture/Void"),this.errorCodes.set("V6135","PayPal Error Processing Refund"),this.errorCodes.set("V6136","Original transaction does not exist or state is incorrect"),this.errorCodes.set("V6140","Merchant account is suspended"),this.errorCodes.set("V6141","Invalid PayPal account details or API signature"),this.errorCodes.set("V6142","Authorise not available for Bank/Branch"),this.errorCodes.set("V6143","Invalid Public Key"),this.errorCodes.set("V6144","Method not available with Public API Key Authentication"),this.errorCodes.set("V6145","Credit Card not allow if Token Customer ID is provided with Public API Key Authentication"),this.errorCodes.set("V6146","Client Side Encryption Key Missing or Invalid"),this.errorCodes.set("V6147","Unable to Create One Time Code for Secure Field"),this.errorCodes.set("V6148","Secure Field has Expired"),this.errorCodes.set("V6149","Invalid Secure Field One Time Code"),this.errorCodes.set("V6150","Invalid Refund Amount"),this.errorCodes.set("V6151","Refund amount greater than original transaction"),this.errorCodes.set("V6152","Original transaction already refunded for total amount"),this.errorCodes.set("V6153","Card type not support by merchant"),this.errorCodes.set("V6154","Insufficent Funds Available For Refund"),this.errorCodes.set("V6155","Missing one or more fields in request"),this.errorCodes.set("V6160","Encryption Method Not Supported"),this.errorCodes.set("V6161","Encryption failed, missing or invalid key"),this.errorCodes.set("V6165","Invalid Click-to-Pay (Visa Checkout) data or decryption failed"),this.errorCodes.set("V6170","Invalid TransactionSearch, Invoice Number is not unique"),this.errorCodes.set("V6171","Invalid TransactionSearch, Invoice Number not found"),this.errorCodes.set("V6220","Three domain secure XID invalid"),this.errorCodes.set("V6221","Three domain secure ECI invalid"),this.errorCodes.set("V6222","Three domain secure AVV invalid"),this.errorCodes.set("V6223","Three domain secure XID is required"),this.errorCodes.set("V6224","Three Domain Secure ECI is required"),this.errorCodes.set("V6225","Three Domain Secure AVV is required"),this.errorCodes.set("V6226","Three Domain Secure AuthStatus is required"),this.errorCodes.set("V6227","Three Domain Secure AuthStatus invalid"),this.errorCodes.set("V6228","Three domain secure Version is required"),this.errorCodes.set("V6230","Three domain secure Directory Server Txn ID invalid"),this.errorCodes.set("V6231","Three domain secure Directory Server Txn ID is required"),this.errorCodes.set("V6232","Three domain secure Version is invalid"),this.errorCodes.set("V6501","Invalid Amex InstallementPlan"),this.errorCodes.set("V6502","Invalid Number Of Installements for Amex. Valid values are from 0 to 99 inclusive"),this.errorCodes.set("V6503","Merchant Amex ID required"),this.errorCodes.set("V6504","Invalid Merchant Amex ID"),this.errorCodes.set("V6505","Merchant Terminal ID required"),this.errorCodes.set("V6506","Merchant category code required"),this.errorCodes.set("V6507","Invalid merchant category code"),this.errorCodes.set("V6508","Amex 3D ECI required"),this.errorCodes.set("V6509","Invalid Amex 3D ECI"),this.errorCodes.set("V6510","Invalid Amex 3D verification value"),this.errorCodes.set("V6511","Invalid merchant location data"),this.errorCodes.set("V6512","Invalid merchant street address"),this.errorCodes.set("V6513","Invalid merchant city"),this.errorCodes.set("V6514","Invalid merchant country"),this.errorCodes.set("V6515","Invalid merchant phone"),this.errorCodes.set("V6516","Invalid merchant postcode"),this.errorCodes.set("V6517","Amex connection error"),this.errorCodes.set("V6518","Amex EC Card Details API returned invalid data"),this.errorCodes.set("V6520","Invalid or missing Amex Point Of Sale Data"),this.errorCodes.set("V6521","Invalid or missing Amex transaction date time"),this.errorCodes.set("V6522","Invalid or missing Amex Original transaction date time"),this.errorCodes.set("V6530","Credit Card Number in non Credit Card Field")}var r,s,o;return r=e,(s=[{key:"groupFieldConfig",get:function(){var e,r,t,s,o;return{publicApiKey:null===(e=document.querySelector("meta[name=public-api-key]"))||void 0===e?void 0:e.content,fieldDivId:"eway-secure-panel",fieldType:"group",styles:"",layout:{fonts:["Lobster"],rows:[{styles:"",cells:[{colSpan:12,styles:"margin-top: 15px;",label:{fieldColSpan:4,text:null===(r=document.querySelector("meta[name=translation-card-name]"))||void 0===r?void 0:r.content,styles:""},field:{fieldColSpan:8,fieldType:"name",styles:this.cardStyles,divStyles:"padding-left: 10px;"}},{colSpan:12,styles:"margin-top: 15px;",label:{fieldColSpan:4,text:null===(t=document.querySelector("meta[name=translation-expiry_date]"))||void 0===t?void 0:t.content,styles:""},field:{fieldColSpan:8,fieldType:"expirytext",styles:this.cardStyles,divStyles:"padding-left: 10px;"}}]},{styles:"",cells:[{colSpan:12,styles:"margin-top: 15px;",label:{fieldColSpan:4,text:null===(s=document.querySelector("meta[name=translation-card_number]"))||void 0===s?void 0:s.content,styles:""},field:{fieldColSpan:8,fieldType:"card",styles:this.cardStyles}},{colSpan:12,styles:"margin-top: 15px;",label:{fieldColSpan:4,text:null===(o=document.querySelector("meta[name=translation-cvv]"))||void 0===o?void 0:o.content,styles:""},field:{fieldColSpan:8,fieldType:"cvn",styles:this.cardStyles}}]}]}}}},{key:"securePanelCallback",value:function(e){if(document.getElementById("errors").hidden=!0,e.errors)return this.handleErrors(e.errors);document.getElementById("authorize-card")&&(document.getElementById("authorize-card").disabled=!1),document.getElementById("pay-now")&&(document.getElementById("pay-now").disabled=!1),document.querySelector("input[name=securefieldcode]").value=e.secureFieldCode}},{key:"handleErrors",value:function(e){var r=this,t=e.split(" "),s="";t.forEach((function(e){s=s.concat(r.errorCodes.get(e)+"<br>")})),document.getElementById("errors").innerHTML=s,document.getElementById("errors").hidden=!1}},{key:"completeAuthorization",value:function(e){e.target.parentElement.disabled=!0,document.getElementById("server-response").submit()}},{key:"completePaymentUsingToken",value:function(e){e.target.parentElement.disabled=!0,document.getElementById("server-response").submit()}},{key:"completePaymentWithoutToken",value:function(e){e.target.parentElement.disabled=!0;var r=document.querySelector('input[name="token-billing-checkbox"]:checked');r&&(document.querySelector('input[name="store_card"]').value=r.value),document.getElementById("server-response").submit()}},{key:"initialize",value:function(){var e=this;this.eWAY=eWAY.setupSecureField(this.groupFieldConfig,(function(r){return e.securePanelCallback(r)}))}},{key:"handle",value:function(){var e,r,t=this;this.initialize(),null===(e=document.getElementById("authorize-card"))||void 0===e||e.addEventListener("click",(function(e){return t.completeAuthorization(e)})),Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(e){return e.addEventListener("click",(function(e){document.getElementById("eway-secure-panel").classList.add("hidden"),document.getElementById("save-card--container").style.display="none",document.querySelector("input[name=token]").value=e.target.dataset.token,document.getElementById("pay-now").disabled=!1}))})),document.getElementById("toggle-payment-with-credit-card").addEventListener("click",(function(e){document.getElementById("eway-secure-panel").classList.remove("hidden"),document.getElementById("save-card--container").style.display="grid",document.querySelector("input[name=token]").value="",document.getElementById("pay-now").disabled=!0})),null===(r=document.getElementById("pay-now"))||void 0===r||r.addEventListener("click",(function(e){return document.querySelector("input[name=token]").value?t.completePaymentUsingToken(e):t.completePaymentWithoutToken(e)}))}}])&&t(r.prototype,s),o&&t(r,o),e}())).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payments/mollie-credit-card.js b/public/js/clients/payments/mollie-credit-card.js
index e74e101cef..e1d239e9cb 100644
--- a/public/js/clients/payments/mollie-credit-card.js
+++ b/public/js/clients/payments/mollie-credit-card.js
@@ -1,259 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 22);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/mollie-credit-card.js":
-/*!*************************************************************!*\
-  !*** ./resources/js/clients/payments/mollie-credit-card.js ***!
-  \*************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com).
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://www.elastic.co/licensing/elastic-license
- */
-var _Mollie = /*#__PURE__*/function () {
-  function _Mollie() {
-    var _document$querySelect, _document$querySelect2;
-
-    _classCallCheck(this, _Mollie);
-
-    this.mollie = Mollie((_document$querySelect = document.querySelector('meta[name=mollie-profileId]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.content, {
-      testmode: (_document$querySelect2 = document.querySelector('meta[name=mollie-testmode]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content,
-      locale: 'en_US'
-    });
-  }
-
-  _createClass(_Mollie, [{
-    key: "createCardHolderInput",
-    value: function createCardHolderInput() {
-      var cardHolder = this.mollie.createComponent('cardHolder');
-      cardHolder.mount('#card-holder');
-      var cardHolderError = document.getElementById('card-holder-error');
-      cardHolder.addEventListener('change', function (event) {
-        if (event.error && event.touched) {
-          cardHolderError.textContent = event.error;
-        } else {
-          cardHolderError.textContent = '';
-        }
-      });
-      return this;
-    }
-  }, {
-    key: "createCardNumberInput",
-    value: function createCardNumberInput() {
-      var cardNumber = this.mollie.createComponent('cardNumber');
-      cardNumber.mount('#card-number');
-      var cardNumberError = document.getElementById('card-number-error');
-      cardNumber.addEventListener('change', function (event) {
-        if (event.error && event.touched) {
-          cardNumberError.textContent = event.error;
-        } else {
-          cardNumberError.textContent = '';
-        }
-      });
-      return this;
-    }
-  }, {
-    key: "createExpiryDateInput",
-    value: function createExpiryDateInput() {
-      var expiryDate = this.mollie.createComponent('expiryDate');
-      expiryDate.mount('#expiry-date');
-      var expiryDateError = document.getElementById('expiry-date-error');
-      expiryDate.addEventListener('change', function (event) {
-        if (event.error && event.touched) {
-          expiryDateError.textContent = event.error;
-        } else {
-          expiryDateError.textContent = '';
-        }
-      });
-      return this;
-    }
-  }, {
-    key: "createCvvInput",
-    value: function createCvvInput() {
-      var verificationCode = this.mollie.createComponent('verificationCode');
-      verificationCode.mount('#cvv');
-      var verificationCodeError = document.getElementById('cvv-error');
-      verificationCode.addEventListener('change', function (event) {
-        if (event.error && event.touched) {
-          verificationCodeError.textContent = event.error;
-        } else {
-          verificationCodeError.textContent = '';
-        }
-      });
-      return this;
-    }
-  }, {
-    key: "handlePayNowButton",
-    value: function handlePayNowButton() {
-      document.getElementById('pay-now').disabled = true;
-
-      if (document.querySelector('input[name=token]').value !== '') {
-        document.querySelector('input[name=gateway_response]').value = '';
-        return document.getElementById('server-response').submit();
-      }
-
-      this.mollie.createToken().then(function (result) {
-        var token = result.token;
-        var error = result.error;
-
-        if (error) {
-          document.getElementById('pay-now').disabled = false;
-          var errorsContainer = document.getElementById('errors');
-          errorsContainer.innerText = error.message;
-          errorsContainer.hidden = false;
-          return;
-        }
-
-        var tokenBillingCheckbox = document.querySelector('input[name="token-billing-checkbox"]:checked');
-
-        if (tokenBillingCheckbox) {
-          document.querySelector('input[name="store_card"]').value = tokenBillingCheckbox.value;
-        }
-
-        document.querySelector('input[name=gateway_response]').value = token;
-        document.querySelector('input[name=token]').value = '';
-        document.getElementById('server-response').submit();
-      });
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this = this;
-
-      this.createCardHolderInput().createCardNumberInput().createExpiryDateInput().createCvvInput();
-      Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
-        return element.addEventListener('click', function (element) {
-          document.getElementById('mollie--payment-container').classList.add('hidden');
-          document.getElementById('save-card--container').style.display = 'none';
-          document.querySelector('input[name=token]').value = element.target.dataset.token;
-        });
-      });
-      document.getElementById('toggle-payment-with-credit-card').addEventListener('click', function (element) {
-        document.getElementById('mollie--payment-container').classList.remove('hidden');
-        document.getElementById('save-card--container').style.display = 'grid';
-        document.querySelector('input[name=token]').value = '';
-      });
-      document.getElementById('pay-now').addEventListener('click', function () {
-        return _this.handlePayNowButton();
-      });
-    }
-  }]);
-
-  return _Mollie;
-}();
-
-new _Mollie().handle();
-
-/***/ }),
-
-/***/ 22:
-/*!*******************************************************************!*\
-  !*** multi ./resources/js/clients/payments/mollie-credit-card.js ***!
-  \*******************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/mollie-credit-card.js */"./resources/js/clients/payments/mollie-credit-card.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see mollie-credit-card.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=22)}({22:function(e,t,n){e.exports=n("i12I")},i12I:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){var t,n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.mollie=Mollie(null===(t=document.querySelector("meta[name=mollie-profileId]"))||void 0===t?void 0:t.content,{testmode:null===(n=document.querySelector("meta[name=mollie-testmode]"))||void 0===n?void 0:n.content,locale:"en_US"})}var t,r,o;return t=e,(r=[{key:"createCardHolderInput",value:function(){var e=this.mollie.createComponent("cardHolder");e.mount("#card-holder");var t=document.getElementById("card-holder-error");return e.addEventListener("change",(function(e){e.error&&e.touched?t.textContent=e.error:t.textContent=""})),this}},{key:"createCardNumberInput",value:function(){var e=this.mollie.createComponent("cardNumber");e.mount("#card-number");var t=document.getElementById("card-number-error");return e.addEventListener("change",(function(e){e.error&&e.touched?t.textContent=e.error:t.textContent=""})),this}},{key:"createExpiryDateInput",value:function(){var e=this.mollie.createComponent("expiryDate");e.mount("#expiry-date");var t=document.getElementById("expiry-date-error");return e.addEventListener("change",(function(e){e.error&&e.touched?t.textContent=e.error:t.textContent=""})),this}},{key:"createCvvInput",value:function(){var e=this.mollie.createComponent("verificationCode");e.mount("#cvv");var t=document.getElementById("cvv-error");return e.addEventListener("change",(function(e){e.error&&e.touched?t.textContent=e.error:t.textContent=""})),this}},{key:"handlePayNowButton",value:function(){if(document.getElementById("pay-now").disabled=!0,""!==document.querySelector("input[name=token]").value)return document.querySelector("input[name=gateway_response]").value="",document.getElementById("server-response").submit();this.mollie.createToken().then((function(e){var t=e.token,n=e.error;if(n){document.getElementById("pay-now").disabled=!1;var r=document.getElementById("errors");return r.innerText=n.message,void(r.hidden=!1)}var o=document.querySelector('input[name="token-billing-checkbox"]:checked');o&&(document.querySelector('input[name="store_card"]').value=o.value),document.querySelector("input[name=gateway_response]").value=t,document.querySelector("input[name=token]").value="",document.getElementById("server-response").submit()}))}},{key:"handle",value:function(){var e=this;this.createCardHolderInput().createCardNumberInput().createExpiryDateInput().createCvvInput(),Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(e){return e.addEventListener("click",(function(e){document.getElementById("mollie--payment-container").classList.add("hidden"),document.getElementById("save-card--container").style.display="none",document.querySelector("input[name=token]").value=e.target.dataset.token}))})),document.getElementById("toggle-payment-with-credit-card").addEventListener("click",(function(e){document.getElementById("mollie--payment-container").classList.remove("hidden"),document.getElementById("save-card--container").style.display="grid",document.querySelector("input[name=token]").value=""})),document.getElementById("pay-now").addEventListener("click",(function(){return e.handlePayNowButton()}))}}])&&n(t.prototype,r),o&&n(t,o),e}())).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payments/paytrace-credit-card.js b/public/js/clients/payments/paytrace-credit-card.js
index 562ff7dd4e..e2f9f0f53e 100644
--- a/public/js/clients/payments/paytrace-credit-card.js
+++ b/public/js/clients/payments/paytrace-credit-card.js
@@ -1,278 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 21);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/paytrace-credit-card.js":
-/*!***************************************************************!*\
-  !*** ./resources/js/clients/payments/paytrace-credit-card.js ***!
-  \***************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com).
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://www.elastic.co/licensing/elastic-license
- */
-var PayTraceCreditCard = /*#__PURE__*/function () {
-  function PayTraceCreditCard() {
-    var _document$querySelect;
-
-    _classCallCheck(this, PayTraceCreditCard);
-
-    this.clientKey = (_document$querySelect = document.querySelector('meta[name=paytrace-client-key]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.content;
-  }
-
-  _createClass(PayTraceCreditCard, [{
-    key: "creditCardStyles",
-    get: function get() {
-      return {
-        font_color: '#111827',
-        border_color: 'rgba(210,214,220,1)',
-        label_color: '#111827',
-        label_size: '12pt',
-        background_color: 'white',
-        border_style: 'solid',
-        font_size: '15pt',
-        height: '30px',
-        width: '100%'
-      };
-    }
-  }, {
-    key: "codeStyles",
-    get: function get() {
-      return {
-        font_color: '#111827',
-        border_color: 'rgba(210,214,220,1)',
-        label_color: '#111827',
-        label_size: '12pt',
-        background_color: 'white',
-        border_style: 'solid',
-        font_size: '15pt',
-        height: '30px',
-        width: '300px'
-      };
-    }
-  }, {
-    key: "expStyles",
-    get: function get() {
-      return {
-        font_color: '#111827',
-        border_color: 'rgba(210,214,220,1)',
-        label_color: '#111827',
-        label_size: '12pt',
-        background_color: 'white',
-        border_style: 'solid',
-        font_size: '15pt',
-        height: '30px',
-        width: '85px',
-        type: 'dropdown'
-      };
-    }
-  }, {
-    key: "updatePayTraceLabels",
-    value: function updatePayTraceLabels() {
-      window.PTPayment.getControl('securityCode').label.text(document.querySelector('meta[name=ctrans-cvv]').content);
-      window.PTPayment.getControl('creditCard').label.text(document.querySelector('meta[name=ctrans-card_number]').content);
-      window.PTPayment.getControl('expiration').label.text(document.querySelector('meta[name=ctrans-expires]').content);
-    }
-  }, {
-    key: "setupPayTrace",
-    value: function setupPayTrace() {
-      return window.PTPayment.setup({
-        styles: {
-          code: this.codeStyles,
-          cc: this.creditCardStyles,
-          exp: this.expStyles
-        },
-        authorization: {
-          clientKey: this.clientKey
-        }
-      });
-    }
-  }, {
-    key: "handlePaymentWithCreditCard",
-    value: function handlePaymentWithCreditCard(event) {
-      var _this = this;
-
-      event.target.parentElement.disabled = true;
-      document.getElementById('errors').hidden = true;
-      window.PTPayment.validate(function (errors) {
-        if (errors.length >= 1) {
-          var errorsContainer = document.getElementById('errors');
-          errorsContainer.textContent = errors[0].description;
-          errorsContainer.hidden = false;
-          return event.target.parentElement.disabled = false;
-        }
-
-        _this.ptInstance.process().then(function (response) {
-          document.getElementById('HPF_Token').value = response.message.hpf_token;
-          document.getElementById('enc_key').value = response.message.enc_key;
-          var tokenBillingCheckbox = document.querySelector('input[name="token-billing-checkbox"]:checked');
-
-          if (tokenBillingCheckbox) {
-            document.querySelector('input[name="store_card"]').value = tokenBillingCheckbox.value;
-          }
-
-          document.getElementById('server_response').submit();
-        })["catch"](function (error) {
-          document.getElementById('errors').textContent = JSON.stringify(error);
-          document.getElementById('errors').hidden = false;
-          console.log(error);
-        });
-      });
-    }
-  }, {
-    key: "handlePaymentWithToken",
-    value: function handlePaymentWithToken(event) {
-      event.target.parentElement.disabled = true;
-      document.getElementById('server_response').submit();
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _document$getElementB,
-          _this2 = this;
-
-      Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
-        return element.addEventListener('click', function (element) {
-          document.getElementById('paytrace--credit-card-container').classList.add('hidden');
-          document.getElementById('save-card--container').style.display = 'none';
-          document.querySelector('input[name=token]').value = element.target.dataset.token;
-        });
-      });
-      (_document$getElementB = document.getElementById('toggle-payment-with-credit-card')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.addEventListener('click', function (element) {
-        document.getElementById('paytrace--credit-card-container').classList.remove('hidden');
-        document.getElementById('save-card--container').style.display = 'grid';
-        document.querySelector('input[name=token]').value = '';
-
-        _this2.setupPayTrace().then(function (instance) {
-          _this2.ptInstance = instance;
-
-          _this2.updatePayTraceLabels();
-        });
-      });
-      document.getElementById('pay-now').addEventListener('click', function (e) {
-        if (document.querySelector('input[name=token]').value === '') {
-          return _this2.handlePaymentWithCreditCard(e);
-        }
-
-        return _this2.handlePaymentWithToken(e);
-      });
-    }
-  }]);
-
-  return PayTraceCreditCard;
-}();
-
-new PayTraceCreditCard().handle();
-
-/***/ }),
-
-/***/ 21:
-/*!*********************************************************************!*\
-  !*** multi ./resources/js/clients/payments/paytrace-credit-card.js ***!
-  \*********************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/paytrace-credit-card.js */"./resources/js/clients/payments/paytrace-credit-card.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see paytrace-credit-card.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=21)}({"0Swb":function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){var t;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.clientKey=null===(t=document.querySelector("meta[name=paytrace-client-key]"))||void 0===t?void 0:t.content}var t,r,o;return t=e,(r=[{key:"creditCardStyles",get:function(){return{font_color:"#111827",border_color:"rgba(210,214,220,1)",label_color:"#111827",label_size:"12pt",background_color:"white",border_style:"solid",font_size:"15pt",height:"30px",width:"100%"}}},{key:"codeStyles",get:function(){return{font_color:"#111827",border_color:"rgba(210,214,220,1)",label_color:"#111827",label_size:"12pt",background_color:"white",border_style:"solid",font_size:"15pt",height:"30px",width:"300px"}}},{key:"expStyles",get:function(){return{font_color:"#111827",border_color:"rgba(210,214,220,1)",label_color:"#111827",label_size:"12pt",background_color:"white",border_style:"solid",font_size:"15pt",height:"30px",width:"85px",type:"dropdown"}}},{key:"updatePayTraceLabels",value:function(){window.PTPayment.getControl("securityCode").label.text(document.querySelector("meta[name=ctrans-cvv]").content),window.PTPayment.getControl("creditCard").label.text(document.querySelector("meta[name=ctrans-card_number]").content),window.PTPayment.getControl("expiration").label.text(document.querySelector("meta[name=ctrans-expires]").content)}},{key:"setupPayTrace",value:function(){return window.PTPayment.setup({styles:{code:this.codeStyles,cc:this.creditCardStyles,exp:this.expStyles},authorization:{clientKey:this.clientKey}})}},{key:"handlePaymentWithCreditCard",value:function(e){var t=this;e.target.parentElement.disabled=!0,document.getElementById("errors").hidden=!0,window.PTPayment.validate((function(n){if(n.length>=1){var r=document.getElementById("errors");return r.textContent=n[0].description,r.hidden=!1,e.target.parentElement.disabled=!1}t.ptInstance.process().then((function(e){document.getElementById("HPF_Token").value=e.message.hpf_token,document.getElementById("enc_key").value=e.message.enc_key;var t=document.querySelector('input[name="token-billing-checkbox"]:checked');t&&(document.querySelector('input[name="store_card"]').value=t.value),document.getElementById("server_response").submit()})).catch((function(e){document.getElementById("errors").textContent=JSON.stringify(e),document.getElementById("errors").hidden=!1,console.log(e)}))}))}},{key:"handlePaymentWithToken",value:function(e){e.target.parentElement.disabled=!0,document.getElementById("server_response").submit()}},{key:"handle",value:function(){var e,t=this;Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(e){return e.addEventListener("click",(function(e){document.getElementById("paytrace--credit-card-container").classList.add("hidden"),document.getElementById("save-card--container").style.display="none",document.querySelector("input[name=token]").value=e.target.dataset.token}))})),null===(e=document.getElementById("toggle-payment-with-credit-card"))||void 0===e||e.addEventListener("click",(function(e){document.getElementById("paytrace--credit-card-container").classList.remove("hidden"),document.getElementById("save-card--container").style.display="grid",document.querySelector("input[name=token]").value="",t.setupPayTrace().then((function(e){t.ptInstance=e,t.updatePayTraceLabels()}))})),document.getElementById("pay-now").addEventListener("click",(function(e){return""===document.querySelector("input[name=token]").value?t.handlePaymentWithCreditCard(e):t.handlePaymentWithToken(e)}))}}])&&n(t.prototype,r),o&&n(t,o),e}())).handle()},21:function(e,t,n){e.exports=n("0Swb")}});
\ No newline at end of file
diff --git a/public/js/clients/payments/razorpay-aio.js b/public/js/clients/payments/razorpay-aio.js
index ccf78ec863..dbf83802dd 100644
--- a/public/js/clients/payments/razorpay-aio.js
+++ b/public/js/clients/payments/razorpay-aio.js
@@ -1,136 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 27);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/razorpay-aio.js":
-/*!*******************************************************!*\
-  !*** ./resources/js/clients/payments/razorpay-aio.js ***!
-  \*******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-var _document$querySelect;
-
-/**
- * Invoice Ninja (https://invoiceninja.com).
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var options = JSON.parse((_document$querySelect = document.querySelector('meta[name=razorpay-options]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.content);
-
-options.handler = function (response) {
-  document.getElementById('razorpay_payment_id').value = response.razorpay_payment_id;
-  document.getElementById('razorpay_signature').value = response.razorpay_signature;
-  document.getElementById('server-response').submit();
-};
-
-var razorpay = new Razorpay(options);
-
-document.getElementById('pay-now').onclick = function (event) {
-  event.target.parentElement.disabled = true;
-  razorpay.open();
-};
-
-/***/ }),
-
-/***/ 27:
-/*!*************************************************************!*\
-  !*** multi ./resources/js/clients/payments/razorpay-aio.js ***!
-  \*************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/razorpay-aio.js */"./resources/js/clients/payments/razorpay-aio.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see razorpay-aio.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=27)}({27:function(e,t,n){e.exports=n("tIvh")},tIvh:function(e,t){var n,r=JSON.parse(null===(n=document.querySelector("meta[name=razorpay-options]"))||void 0===n?void 0:n.content);r.handler=function(e){document.getElementById("razorpay_payment_id").value=e.razorpay_payment_id,document.getElementById("razorpay_signature").value=e.razorpay_signature,document.getElementById("server-response").submit()};var o=new Razorpay(r);document.getElementById("pay-now").onclick=function(e){e.target.parentElement.disabled=!0,o.open()}}});
\ No newline at end of file
diff --git a/public/js/clients/payments/square-credit-card.js b/public/js/clients/payments/square-credit-card.js
index da1b63072e..b6753383cd 100644
--- a/public/js/clients/payments/square-credit-card.js
+++ b/public/js/clients/payments/square-credit-card.js
@@ -1,1184 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 25);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./node_modules/@babel/runtime/regenerator/index.js":
-/*!**********************************************************!*\
-  !*** ./node_modules/@babel/runtime/regenerator/index.js ***!
-  \**********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! regenerator-runtime */ "./node_modules/regenerator-runtime/runtime.js");
-
-
-/***/ }),
-
-/***/ "./node_modules/regenerator-runtime/runtime.js":
-/*!*****************************************************!*\
-  !*** ./node_modules/regenerator-runtime/runtime.js ***!
-  \*****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var runtime = (function (exports) {
-  "use strict";
-
-  var Op = Object.prototype;
-  var hasOwn = Op.hasOwnProperty;
-  var undefined; // More compressible than void 0.
-  var $Symbol = typeof Symbol === "function" ? Symbol : {};
-  var iteratorSymbol = $Symbol.iterator || "@@iterator";
-  var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
-  var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-
-  function define(obj, key, value) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-    return obj[key];
-  }
-  try {
-    // IE 8 has a broken Object.defineProperty that only works on DOM objects.
-    define({}, "");
-  } catch (err) {
-    define = function(obj, key, value) {
-      return obj[key] = value;
-    };
-  }
-
-  function wrap(innerFn, outerFn, self, tryLocsList) {
-    // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
-    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
-    var generator = Object.create(protoGenerator.prototype);
-    var context = new Context(tryLocsList || []);
-
-    // The ._invoke method unifies the implementations of the .next,
-    // .throw, and .return methods.
-    generator._invoke = makeInvokeMethod(innerFn, self, context);
-
-    return generator;
-  }
-  exports.wrap = wrap;
-
-  // Try/catch helper to minimize deoptimizations. Returns a completion
-  // record like context.tryEntries[i].completion. This interface could
-  // have been (and was previously) designed to take a closure to be
-  // invoked without arguments, but in all the cases we care about we
-  // already have an existing method we want to call, so there's no need
-  // to create a new function object. We can even get away with assuming
-  // the method takes exactly one argument, since that happens to be true
-  // in every case, so we don't have to touch the arguments object. The
-  // only additional allocation required is the completion record, which
-  // has a stable shape and so hopefully should be cheap to allocate.
-  function tryCatch(fn, obj, arg) {
-    try {
-      return { type: "normal", arg: fn.call(obj, arg) };
-    } catch (err) {
-      return { type: "throw", arg: err };
-    }
-  }
-
-  var GenStateSuspendedStart = "suspendedStart";
-  var GenStateSuspendedYield = "suspendedYield";
-  var GenStateExecuting = "executing";
-  var GenStateCompleted = "completed";
-
-  // Returning this object from the innerFn has the same effect as
-  // breaking out of the dispatch switch statement.
-  var ContinueSentinel = {};
-
-  // Dummy constructor functions that we use as the .constructor and
-  // .constructor.prototype properties for functions that return Generator
-  // objects. For full spec compliance, you may wish to configure your
-  // minifier not to mangle the names of these two functions.
-  function Generator() {}
-  function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
-
-  // This is a polyfill for %IteratorPrototype% for environments that
-  // don't natively support it.
-  var IteratorPrototype = {};
-  IteratorPrototype[iteratorSymbol] = function () {
-    return this;
-  };
-
-  var getProto = Object.getPrototypeOf;
-  var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-  if (NativeIteratorPrototype &&
-      NativeIteratorPrototype !== Op &&
-      hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
-    // This environment has a native %IteratorPrototype%; use it instead
-    // of the polyfill.
-    IteratorPrototype = NativeIteratorPrototype;
-  }
-
-  var Gp = GeneratorFunctionPrototype.prototype =
-    Generator.prototype = Object.create(IteratorPrototype);
-  GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
-  GeneratorFunctionPrototype.constructor = GeneratorFunction;
-  GeneratorFunction.displayName = define(
-    GeneratorFunctionPrototype,
-    toStringTagSymbol,
-    "GeneratorFunction"
-  );
-
-  // Helper for defining the .next, .throw, and .return methods of the
-  // Iterator interface in terms of a single ._invoke method.
-  function defineIteratorMethods(prototype) {
-    ["next", "throw", "return"].forEach(function(method) {
-      define(prototype, method, function(arg) {
-        return this._invoke(method, arg);
-      });
-    });
-  }
-
-  exports.isGeneratorFunction = function(genFun) {
-    var ctor = typeof genFun === "function" && genFun.constructor;
-    return ctor
-      ? ctor === GeneratorFunction ||
-        // For the native GeneratorFunction constructor, the best we can
-        // do is to check its .name property.
-        (ctor.displayName || ctor.name) === "GeneratorFunction"
-      : false;
-  };
-
-  exports.mark = function(genFun) {
-    if (Object.setPrototypeOf) {
-      Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
-    } else {
-      genFun.__proto__ = GeneratorFunctionPrototype;
-      define(genFun, toStringTagSymbol, "GeneratorFunction");
-    }
-    genFun.prototype = Object.create(Gp);
-    return genFun;
-  };
-
-  // Within the body of any async function, `await x` is transformed to
-  // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
-  // `hasOwn.call(value, "__await")` to determine if the yielded value is
-  // meant to be awaited.
-  exports.awrap = function(arg) {
-    return { __await: arg };
-  };
-
-  function AsyncIterator(generator, PromiseImpl) {
-    function invoke(method, arg, resolve, reject) {
-      var record = tryCatch(generator[method], generator, arg);
-      if (record.type === "throw") {
-        reject(record.arg);
-      } else {
-        var result = record.arg;
-        var value = result.value;
-        if (value &&
-            typeof value === "object" &&
-            hasOwn.call(value, "__await")) {
-          return PromiseImpl.resolve(value.__await).then(function(value) {
-            invoke("next", value, resolve, reject);
-          }, function(err) {
-            invoke("throw", err, resolve, reject);
-          });
-        }
-
-        return PromiseImpl.resolve(value).then(function(unwrapped) {
-          // When a yielded Promise is resolved, its final value becomes
-          // the .value of the Promise<{value,done}> result for the
-          // current iteration.
-          result.value = unwrapped;
-          resolve(result);
-        }, function(error) {
-          // If a rejected Promise was yielded, throw the rejection back
-          // into the async generator function so it can be handled there.
-          return invoke("throw", error, resolve, reject);
-        });
-      }
-    }
-
-    var previousPromise;
-
-    function enqueue(method, arg) {
-      function callInvokeWithMethodAndArg() {
-        return new PromiseImpl(function(resolve, reject) {
-          invoke(method, arg, resolve, reject);
-        });
-      }
-
-      return previousPromise =
-        // If enqueue has been called before, then we want to wait until
-        // all previous Promises have been resolved before calling invoke,
-        // so that results are always delivered in the correct order. If
-        // enqueue has not been called before, then it is important to
-        // call invoke immediately, without waiting on a callback to fire,
-        // so that the async generator function has the opportunity to do
-        // any necessary setup in a predictable way. This predictability
-        // is why the Promise constructor synchronously invokes its
-        // executor callback, and why async functions synchronously
-        // execute code before the first await. Since we implement simple
-        // async functions in terms of async generators, it is especially
-        // important to get this right, even though it requires care.
-        previousPromise ? previousPromise.then(
-          callInvokeWithMethodAndArg,
-          // Avoid propagating failures to Promises returned by later
-          // invocations of the iterator.
-          callInvokeWithMethodAndArg
-        ) : callInvokeWithMethodAndArg();
-    }
-
-    // Define the unified helper method that is used to implement .next,
-    // .throw, and .return (see defineIteratorMethods).
-    this._invoke = enqueue;
-  }
-
-  defineIteratorMethods(AsyncIterator.prototype);
-  AsyncIterator.prototype[asyncIteratorSymbol] = function () {
-    return this;
-  };
-  exports.AsyncIterator = AsyncIterator;
-
-  // Note that simple async functions are implemented on top of
-  // AsyncIterator objects; they just return a Promise for the value of
-  // the final result produced by the iterator.
-  exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-    if (PromiseImpl === void 0) PromiseImpl = Promise;
-
-    var iter = new AsyncIterator(
-      wrap(innerFn, outerFn, self, tryLocsList),
-      PromiseImpl
-    );
-
-    return exports.isGeneratorFunction(outerFn)
-      ? iter // If outerFn is a generator, return the full iterator.
-      : iter.next().then(function(result) {
-          return result.done ? result.value : iter.next();
-        });
-  };
-
-  function makeInvokeMethod(innerFn, self, context) {
-    var state = GenStateSuspendedStart;
-
-    return function invoke(method, arg) {
-      if (state === GenStateExecuting) {
-        throw new Error("Generator is already running");
-      }
-
-      if (state === GenStateCompleted) {
-        if (method === "throw") {
-          throw arg;
-        }
-
-        // Be forgiving, per 25.3.3.3.3 of the spec:
-        // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
-        return doneResult();
-      }
-
-      context.method = method;
-      context.arg = arg;
-
-      while (true) {
-        var delegate = context.delegate;
-        if (delegate) {
-          var delegateResult = maybeInvokeDelegate(delegate, context);
-          if (delegateResult) {
-            if (delegateResult === ContinueSentinel) continue;
-            return delegateResult;
-          }
-        }
-
-        if (context.method === "next") {
-          // Setting context._sent for legacy support of Babel's
-          // function.sent implementation.
-          context.sent = context._sent = context.arg;
-
-        } else if (context.method === "throw") {
-          if (state === GenStateSuspendedStart) {
-            state = GenStateCompleted;
-            throw context.arg;
-          }
-
-          context.dispatchException(context.arg);
-
-        } else if (context.method === "return") {
-          context.abrupt("return", context.arg);
-        }
-
-        state = GenStateExecuting;
-
-        var record = tryCatch(innerFn, self, context);
-        if (record.type === "normal") {
-          // If an exception is thrown from innerFn, we leave state ===
-          // GenStateExecuting and loop back for another invocation.
-          state = context.done
-            ? GenStateCompleted
-            : GenStateSuspendedYield;
-
-          if (record.arg === ContinueSentinel) {
-            continue;
-          }
-
-          return {
-            value: record.arg,
-            done: context.done
-          };
-
-        } else if (record.type === "throw") {
-          state = GenStateCompleted;
-          // Dispatch the exception by looping back around to the
-          // context.dispatchException(context.arg) call above.
-          context.method = "throw";
-          context.arg = record.arg;
-        }
-      }
-    };
-  }
-
-  // Call delegate.iterator[context.method](context.arg) and handle the
-  // result, either by returning a { value, done } result from the
-  // delegate iterator, or by modifying context.method and context.arg,
-  // setting context.delegate to null, and returning the ContinueSentinel.
-  function maybeInvokeDelegate(delegate, context) {
-    var method = delegate.iterator[context.method];
-    if (method === undefined) {
-      // A .throw or .return when the delegate iterator has no .throw
-      // method always terminates the yield* loop.
-      context.delegate = null;
-
-      if (context.method === "throw") {
-        // Note: ["return"] must be used for ES3 parsing compatibility.
-        if (delegate.iterator["return"]) {
-          // If the delegate iterator has a return method, give it a
-          // chance to clean up.
-          context.method = "return";
-          context.arg = undefined;
-          maybeInvokeDelegate(delegate, context);
-
-          if (context.method === "throw") {
-            // If maybeInvokeDelegate(context) changed context.method from
-            // "return" to "throw", let that override the TypeError below.
-            return ContinueSentinel;
-          }
-        }
-
-        context.method = "throw";
-        context.arg = new TypeError(
-          "The iterator does not provide a 'throw' method");
-      }
-
-      return ContinueSentinel;
-    }
-
-    var record = tryCatch(method, delegate.iterator, context.arg);
-
-    if (record.type === "throw") {
-      context.method = "throw";
-      context.arg = record.arg;
-      context.delegate = null;
-      return ContinueSentinel;
-    }
-
-    var info = record.arg;
-
-    if (! info) {
-      context.method = "throw";
-      context.arg = new TypeError("iterator result is not an object");
-      context.delegate = null;
-      return ContinueSentinel;
-    }
-
-    if (info.done) {
-      // Assign the result of the finished delegate to the temporary
-      // variable specified by delegate.resultName (see delegateYield).
-      context[delegate.resultName] = info.value;
-
-      // Resume execution at the desired location (see delegateYield).
-      context.next = delegate.nextLoc;
-
-      // If context.method was "throw" but the delegate handled the
-      // exception, let the outer generator proceed normally. If
-      // context.method was "next", forget context.arg since it has been
-      // "consumed" by the delegate iterator. If context.method was
-      // "return", allow the original .return call to continue in the
-      // outer generator.
-      if (context.method !== "return") {
-        context.method = "next";
-        context.arg = undefined;
-      }
-
-    } else {
-      // Re-yield the result returned by the delegate method.
-      return info;
-    }
-
-    // The delegate iterator is finished, so forget it and continue with
-    // the outer generator.
-    context.delegate = null;
-    return ContinueSentinel;
-  }
-
-  // Define Generator.prototype.{next,throw,return} in terms of the
-  // unified ._invoke helper method.
-  defineIteratorMethods(Gp);
-
-  define(Gp, toStringTagSymbol, "Generator");
-
-  // A Generator should always return itself as the iterator object when the
-  // @@iterator function is called on it. Some browsers' implementations of the
-  // iterator prototype chain incorrectly implement this, causing the Generator
-  // object to not be returned from this call. This ensures that doesn't happen.
-  // See https://github.com/facebook/regenerator/issues/274 for more details.
-  Gp[iteratorSymbol] = function() {
-    return this;
-  };
-
-  Gp.toString = function() {
-    return "[object Generator]";
-  };
-
-  function pushTryEntry(locs) {
-    var entry = { tryLoc: locs[0] };
-
-    if (1 in locs) {
-      entry.catchLoc = locs[1];
-    }
-
-    if (2 in locs) {
-      entry.finallyLoc = locs[2];
-      entry.afterLoc = locs[3];
-    }
-
-    this.tryEntries.push(entry);
-  }
-
-  function resetTryEntry(entry) {
-    var record = entry.completion || {};
-    record.type = "normal";
-    delete record.arg;
-    entry.completion = record;
-  }
-
-  function Context(tryLocsList) {
-    // The root entry object (effectively a try statement without a catch
-    // or a finally block) gives us a place to store values thrown from
-    // locations where there is no enclosing try statement.
-    this.tryEntries = [{ tryLoc: "root" }];
-    tryLocsList.forEach(pushTryEntry, this);
-    this.reset(true);
-  }
-
-  exports.keys = function(object) {
-    var keys = [];
-    for (var key in object) {
-      keys.push(key);
-    }
-    keys.reverse();
-
-    // Rather than returning an object with a next method, we keep
-    // things simple and return the next function itself.
-    return function next() {
-      while (keys.length) {
-        var key = keys.pop();
-        if (key in object) {
-          next.value = key;
-          next.done = false;
-          return next;
-        }
-      }
-
-      // To avoid creating an additional object, we just hang the .value
-      // and .done properties off the next function object itself. This
-      // also ensures that the minifier will not anonymize the function.
-      next.done = true;
-      return next;
-    };
-  };
-
-  function values(iterable) {
-    if (iterable) {
-      var iteratorMethod = iterable[iteratorSymbol];
-      if (iteratorMethod) {
-        return iteratorMethod.call(iterable);
-      }
-
-      if (typeof iterable.next === "function") {
-        return iterable;
-      }
-
-      if (!isNaN(iterable.length)) {
-        var i = -1, next = function next() {
-          while (++i < iterable.length) {
-            if (hasOwn.call(iterable, i)) {
-              next.value = iterable[i];
-              next.done = false;
-              return next;
-            }
-          }
-
-          next.value = undefined;
-          next.done = true;
-
-          return next;
-        };
-
-        return next.next = next;
-      }
-    }
-
-    // Return an iterator with no values.
-    return { next: doneResult };
-  }
-  exports.values = values;
-
-  function doneResult() {
-    return { value: undefined, done: true };
-  }
-
-  Context.prototype = {
-    constructor: Context,
-
-    reset: function(skipTempReset) {
-      this.prev = 0;
-      this.next = 0;
-      // Resetting context._sent for legacy support of Babel's
-      // function.sent implementation.
-      this.sent = this._sent = undefined;
-      this.done = false;
-      this.delegate = null;
-
-      this.method = "next";
-      this.arg = undefined;
-
-      this.tryEntries.forEach(resetTryEntry);
-
-      if (!skipTempReset) {
-        for (var name in this) {
-          // Not sure about the optimal order of these conditions:
-          if (name.charAt(0) === "t" &&
-              hasOwn.call(this, name) &&
-              !isNaN(+name.slice(1))) {
-            this[name] = undefined;
-          }
-        }
-      }
-    },
-
-    stop: function() {
-      this.done = true;
-
-      var rootEntry = this.tryEntries[0];
-      var rootRecord = rootEntry.completion;
-      if (rootRecord.type === "throw") {
-        throw rootRecord.arg;
-      }
-
-      return this.rval;
-    },
-
-    dispatchException: function(exception) {
-      if (this.done) {
-        throw exception;
-      }
-
-      var context = this;
-      function handle(loc, caught) {
-        record.type = "throw";
-        record.arg = exception;
-        context.next = loc;
-
-        if (caught) {
-          // If the dispatched exception was caught by a catch block,
-          // then let that catch block handle the exception normally.
-          context.method = "next";
-          context.arg = undefined;
-        }
-
-        return !! caught;
-      }
-
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        var record = entry.completion;
-
-        if (entry.tryLoc === "root") {
-          // Exception thrown outside of any try block that could handle
-          // it, so set the completion value of the entire function to
-          // throw the exception.
-          return handle("end");
-        }
-
-        if (entry.tryLoc <= this.prev) {
-          var hasCatch = hasOwn.call(entry, "catchLoc");
-          var hasFinally = hasOwn.call(entry, "finallyLoc");
-
-          if (hasCatch && hasFinally) {
-            if (this.prev < entry.catchLoc) {
-              return handle(entry.catchLoc, true);
-            } else if (this.prev < entry.finallyLoc) {
-              return handle(entry.finallyLoc);
-            }
-
-          } else if (hasCatch) {
-            if (this.prev < entry.catchLoc) {
-              return handle(entry.catchLoc, true);
-            }
-
-          } else if (hasFinally) {
-            if (this.prev < entry.finallyLoc) {
-              return handle(entry.finallyLoc);
-            }
-
-          } else {
-            throw new Error("try statement without catch or finally");
-          }
-        }
-      }
-    },
-
-    abrupt: function(type, arg) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.tryLoc <= this.prev &&
-            hasOwn.call(entry, "finallyLoc") &&
-            this.prev < entry.finallyLoc) {
-          var finallyEntry = entry;
-          break;
-        }
-      }
-
-      if (finallyEntry &&
-          (type === "break" ||
-           type === "continue") &&
-          finallyEntry.tryLoc <= arg &&
-          arg <= finallyEntry.finallyLoc) {
-        // Ignore the finally entry if control is not jumping to a
-        // location outside the try/catch block.
-        finallyEntry = null;
-      }
-
-      var record = finallyEntry ? finallyEntry.completion : {};
-      record.type = type;
-      record.arg = arg;
-
-      if (finallyEntry) {
-        this.method = "next";
-        this.next = finallyEntry.finallyLoc;
-        return ContinueSentinel;
-      }
-
-      return this.complete(record);
-    },
-
-    complete: function(record, afterLoc) {
-      if (record.type === "throw") {
-        throw record.arg;
-      }
-
-      if (record.type === "break" ||
-          record.type === "continue") {
-        this.next = record.arg;
-      } else if (record.type === "return") {
-        this.rval = this.arg = record.arg;
-        this.method = "return";
-        this.next = "end";
-      } else if (record.type === "normal" && afterLoc) {
-        this.next = afterLoc;
-      }
-
-      return ContinueSentinel;
-    },
-
-    finish: function(finallyLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.finallyLoc === finallyLoc) {
-          this.complete(entry.completion, entry.afterLoc);
-          resetTryEntry(entry);
-          return ContinueSentinel;
-        }
-      }
-    },
-
-    "catch": function(tryLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.tryLoc === tryLoc) {
-          var record = entry.completion;
-          if (record.type === "throw") {
-            var thrown = record.arg;
-            resetTryEntry(entry);
-          }
-          return thrown;
-        }
-      }
-
-      // The context.catch method must only be called with a location
-      // argument that corresponds to a known catch block.
-      throw new Error("illegal catch attempt");
-    },
-
-    delegateYield: function(iterable, resultName, nextLoc) {
-      this.delegate = {
-        iterator: values(iterable),
-        resultName: resultName,
-        nextLoc: nextLoc
-      };
-
-      if (this.method === "next") {
-        // Deliberately forget the last sent value so that we don't
-        // accidentally pass it on to the delegate.
-        this.arg = undefined;
-      }
-
-      return ContinueSentinel;
-    }
-  };
-
-  // Regardless of whether this script is executing as a CommonJS module
-  // or not, return the runtime object so that we can declare the variable
-  // regeneratorRuntime in the outer scope, which allows this module to be
-  // injected easily by `bin/regenerator --include-runtime script.js`.
-  return exports;
-
-}(
-  // If this script is executing as a CommonJS module, use module.exports
-  // as the regeneratorRuntime namespace. Otherwise create a new empty
-  // object. Either way, the resulting object will be used to initialize
-  // the regeneratorRuntime variable at the top of this file.
-   true ? module.exports : undefined
-));
-
-try {
-  regeneratorRuntime = runtime;
-} catch (accidentalStrictMode) {
-  // This module should not be running in strict mode, so the above
-  // assignment should always work unless something is misconfigured. Just
-  // in case runtime.js accidentally runs in strict mode, we can escape
-  // strict mode using a global Function call. This could conceivably fail
-  // if a Content Security Policy forbids using Function, but in that case
-  // the proper solution is to fix the accidental strict mode problem. If
-  // you've misconfigured your bundler to force strict mode and applied a
-  // CSP to forbid Function, and you're not willing to fix either of those
-  // problems, please detail your unique predicament in a GitHub issue.
-  Function("r", "regeneratorRuntime = r")(runtime);
-}
-
-
-/***/ }),
-
-/***/ "./resources/js/clients/payments/square-credit-card.js":
-/*!*************************************************************!*\
-  !*** ./resources/js/clients/payments/square-credit-card.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) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://www.elastic.co/licensing/elastic-license
- */
-var SquareCreditCard = /*#__PURE__*/function () {
-  function SquareCreditCard() {
-    _classCallCheck(this, SquareCreditCard);
-
-    this.appId = document.querySelector('meta[name=square-appId]').content;
-    this.locationId = document.querySelector('meta[name=square-locationId]').content;
-    this.isLoaded = false;
-  }
-
-  _createClass(SquareCreditCard, [{
-    key: "init",
-    value: function () {
-      var _init = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
-        var iframeContainer, toggleWithToken;
-        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                this.payments = Square.payments(this.appId, this.locationId);
-                _context.next = 3;
-                return this.payments.card();
-
-              case 3:
-                this.card = _context.sent;
-                _context.next = 6;
-                return this.card.attach('#card-container');
-
-              case 6:
-                this.isLoaded = true;
-                iframeContainer = document.querySelector('.sq-card-iframe-container');
-
-                if (iframeContainer) {
-                  iframeContainer.setAttribute('style', '150px !important');
-                }
-
-                toggleWithToken = document.querySelector('.toggle-payment-with-token');
-
-                if (toggleWithToken) {
-                  document.getElementById('card-container').classList.add('hidden');
-                }
-
-              case 11:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function init() {
-        return _init.apply(this, arguments);
-      }
-
-      return init;
-    }()
-  }, {
-    key: "completePaymentWithoutToken",
-    value: function () {
-      var _completePaymentWithoutToken = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2(e) {
-        var result, verificationToken, verificationDetails, verificationResults, tokenBillingCheckbox;
-        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                document.getElementById('errors').hidden = true;
-                e.target.parentElement.disabled = true;
-                _context2.next = 4;
-                return this.card.tokenize();
-
-              case 4:
-                result = _context2.sent;
-                _context2.prev = 5;
-                verificationDetails = {
-                  amount: document.querySelector('meta[name=amount]').content,
-                  billingContact: JSON.parse(document.querySelector('meta[name=square_contact]').content),
-                  currencyCode: document.querySelector('meta[name=currencyCode]').content,
-                  intent: 'CHARGE'
-                };
-                _context2.next = 9;
-                return this.payments.verifyBuyer(result.token, verificationDetails);
-
-              case 9:
-                verificationResults = _context2.sent;
-                verificationToken = verificationResults.token;
-                _context2.next = 16;
-                break;
-
-              case 13:
-                _context2.prev = 13;
-                _context2.t0 = _context2["catch"](5);
-                e.target.parentElement.disabled = true;
-
-              case 16:
-                document.querySelector('input[name="verificationToken"]').value = verificationToken;
-
-                if (!(result.status === 'OK')) {
-                  _context2.next = 22;
-                  break;
-                }
-
-                document.getElementById('sourceId').value = result.token;
-                tokenBillingCheckbox = document.querySelector('input[name="token-billing-checkbox"]:checked');
-
-                if (tokenBillingCheckbox) {
-                  document.querySelector('input[name="store_card"]').value = tokenBillingCheckbox.value;
-                }
-
-                return _context2.abrupt("return", document.getElementById('server_response').submit());
-
-              case 22:
-                document.getElementById('errors').textContent = result.errors[0].message;
-                document.getElementById('errors').hidden = false;
-                e.target.parentElement.disabled = false;
-
-              case 25:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2, this, [[5, 13]]);
-      }));
-
-      function completePaymentWithoutToken(_x) {
-        return _completePaymentWithoutToken.apply(this, arguments);
-      }
-
-      return completePaymentWithoutToken;
-    }()
-  }, {
-    key: "completePaymentUsingToken",
-    value: function () {
-      var _completePaymentUsingToken = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee3(e) {
-        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                e.target.parentElement.disabled = true;
-                return _context3.abrupt("return", document.getElementById('server_response').submit());
-
-              case 2:
-              case "end":
-                return _context3.stop();
-            }
-          }
-        }, _callee3);
-      }));
-
-      function completePaymentUsingToken(_x2) {
-        return _completePaymentUsingToken.apply(this, arguments);
-      }
-
-      return completePaymentUsingToken;
-    }()
-    /* SCA */
-
-  }, {
-    key: "verifyBuyer",
-    value: function () {
-      var _verifyBuyer = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee4(token) {
-        var verificationDetails, verificationResults;
-        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                verificationDetails = {
-                  amount: document.querySelector('meta[name=amount]').content,
-                  billingContact: document.querySelector('meta[name=square_contact]').content,
-                  currencyCode: document.querySelector('meta[name=currencyCode]').content,
-                  intent: 'CHARGE'
-                };
-                _context4.next = 3;
-                return this.payments.verifyBuyer(token, verificationDetails);
-
-              case 3:
-                verificationResults = _context4.sent;
-                return _context4.abrupt("return", verificationResults.token);
-
-              case 5:
-              case "end":
-                return _context4.stop();
-            }
-          }
-        }, _callee4, this);
-      }));
-
-      function verifyBuyer(_x3) {
-        return _verifyBuyer.apply(this, arguments);
-      }
-
-      return verifyBuyer;
-    }()
-  }, {
-    key: "handle",
-    value: function () {
-      var _handle = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee6() {
-        var _document$getElementB,
-            _this = this,
-            _document$getElementB2,
-            _document$getElementB3;
-
-        var toggleWithToken, _document$getElementB4;
-
-        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee6$(_context6) {
-          while (1) {
-            switch (_context6.prev = _context6.next) {
-              case 0:
-                _context6.next = 2;
-                return this.init();
-
-              case 2:
-                (_document$getElementB = document.getElementById('authorize-card')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.addEventListener('click', function (e) {
-                  return _this.completePaymentWithoutToken(e);
-                });
-                (_document$getElementB2 = document.getElementById('pay-now')) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.addEventListener('click', function (e) {
-                  var tokenInput = document.querySelector('input[name=token]');
-
-                  if (tokenInput.value) {
-                    return _this.completePaymentUsingToken(e);
-                  }
-
-                  return _this.completePaymentWithoutToken(e);
-                });
-                Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
-                  return element.addEventListener('click', function (element) {
-                    document.getElementById('card-container').classList.add('hidden');
-                    document.getElementById('save-card--container').style.display = 'none';
-                    document.querySelector('input[name=token]').value = element.target.dataset.token;
-                  });
-                });
-                (_document$getElementB3 = document.getElementById('toggle-payment-with-credit-card')) === null || _document$getElementB3 === void 0 ? void 0 : _document$getElementB3.addEventListener('click', /*#__PURE__*/function () {
-                  var _ref = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee5(element) {
-                    return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee5$(_context5) {
-                      while (1) {
-                        switch (_context5.prev = _context5.next) {
-                          case 0:
-                            document.getElementById('card-container').classList.remove('hidden');
-                            document.getElementById('save-card--container').style.display = 'grid';
-                            document.querySelector('input[name=token]').value = '';
-
-                          case 3:
-                          case "end":
-                            return _context5.stop();
-                        }
-                      }
-                    }, _callee5);
-                  }));
-
-                  return function (_x4) {
-                    return _ref.apply(this, arguments);
-                  };
-                }());
-                toggleWithToken = document.querySelector('.toggle-payment-with-token');
-
-                if (!toggleWithToken) {
-                  (_document$getElementB4 = document.getElementById('toggle-payment-with-credit-card')) === null || _document$getElementB4 === void 0 ? void 0 : _document$getElementB4.click();
-                }
-
-              case 8:
-              case "end":
-                return _context6.stop();
-            }
-          }
-        }, _callee6, this);
-      }));
-
-      function handle() {
-        return _handle.apply(this, arguments);
-      }
-
-      return handle;
-    }()
-  }]);
-
-  return SquareCreditCard;
-}();
-
-new SquareCreditCard().handle();
-
-/***/ }),
-
-/***/ 25:
-/*!*******************************************************************!*\
-  !*** multi ./resources/js/clients/payments/square-credit-card.js ***!
-  \*******************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/square-credit-card.js */"./resources/js/clients/payments/square-credit-card.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see square-credit-card.js.LICENSE.txt */
+!function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="/",n(n.s=25)}({25:function(t,e,n){t.exports=n("flnV")},flnV:function(t,e,n){"use strict";n.r(e);var r=n("o0o1"),o=n.n(r);function a(t,e,n,r,o,a,i){try{var c=t[a](i),u=c.value}catch(t){return void n(t)}c.done?e(u):Promise.resolve(u).then(r,o)}function i(t){return function(){var e=this,n=arguments;return new Promise((function(r,o){var i=t.apply(e,n);function c(t){a(i,r,o,c,u,"next",t)}function u(t){a(i,r,o,c,u,"throw",t)}c(void 0)}))}}function c(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}(new(function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.appId=document.querySelector("meta[name=square-appId]").content,this.locationId=document.querySelector("meta[name=square-locationId]").content,this.isLoaded=!1}var e,n,r,a,u,s,l,d;return e=t,(n=[{key:"init",value:(d=i(o.a.mark((function t(){var e;return o.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return this.payments=Square.payments(this.appId,this.locationId),t.next=3,this.payments.card();case 3:return this.card=t.sent,t.next=6,this.card.attach("#card-container");case 6:this.isLoaded=!0,(e=document.querySelector(".sq-card-iframe-container"))&&e.setAttribute("style","150px !important"),document.querySelector(".toggle-payment-with-token")&&document.getElementById("card-container").classList.add("hidden");case 11:case"end":return t.stop()}}),t,this)}))),function(){return d.apply(this,arguments)})},{key:"completePaymentWithoutToken",value:(l=i(o.a.mark((function t(e){var n,r,a,i,c;return o.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return document.getElementById("errors").hidden=!0,e.target.parentElement.disabled=!0,t.next=4,this.card.tokenize();case 4:return n=t.sent,t.prev=5,a={amount:document.querySelector("meta[name=amount]").content,billingContact:JSON.parse(document.querySelector("meta[name=square_contact]").content),currencyCode:document.querySelector("meta[name=currencyCode]").content,intent:"CHARGE"},t.next=9,this.payments.verifyBuyer(n.token,a);case 9:i=t.sent,r=i.token,t.next=16;break;case 13:t.prev=13,t.t0=t.catch(5),e.target.parentElement.disabled=!0;case 16:if(document.querySelector('input[name="verificationToken"]').value=r,"OK"!==n.status){t.next=22;break}return document.getElementById("sourceId").value=n.token,(c=document.querySelector('input[name="token-billing-checkbox"]:checked'))&&(document.querySelector('input[name="store_card"]').value=c.value),t.abrupt("return",document.getElementById("server_response").submit());case 22:document.getElementById("errors").textContent=n.errors[0].message,document.getElementById("errors").hidden=!1,e.target.parentElement.disabled=!1;case 25:case"end":return t.stop()}}),t,this,[[5,13]])}))),function(t){return l.apply(this,arguments)})},{key:"completePaymentUsingToken",value:(s=i(o.a.mark((function t(e){return o.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return e.target.parentElement.disabled=!0,t.abrupt("return",document.getElementById("server_response").submit());case 2:case"end":return t.stop()}}),t)}))),function(t){return s.apply(this,arguments)})},{key:"verifyBuyer",value:(u=i(o.a.mark((function t(e){var n,r;return o.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n={amount:document.querySelector("meta[name=amount]").content,billingContact:document.querySelector("meta[name=square_contact]").content,currencyCode:document.querySelector("meta[name=currencyCode]").content,intent:"CHARGE"},t.next=3,this.payments.verifyBuyer(e,n);case 3:return r=t.sent,t.abrupt("return",r.token);case 5:case"end":return t.stop()}}),t,this)}))),function(t){return u.apply(this,arguments)})},{key:"handle",value:(a=i(o.a.mark((function t(){var e,n,r,a,c=this;return o.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.init();case 2:null===(e=document.getElementById("authorize-card"))||void 0===e||e.addEventListener("click",(function(t){return c.completePaymentWithoutToken(t)})),null===(n=document.getElementById("pay-now"))||void 0===n||n.addEventListener("click",(function(t){return document.querySelector("input[name=token]").value?c.completePaymentUsingToken(t):c.completePaymentWithoutToken(t)})),Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(t){return t.addEventListener("click",(function(t){document.getElementById("card-container").classList.add("hidden"),document.getElementById("save-card--container").style.display="none",document.querySelector("input[name=token]").value=t.target.dataset.token}))})),null===(r=document.getElementById("toggle-payment-with-credit-card"))||void 0===r||r.addEventListener("click",function(){var t=i(o.a.mark((function t(e){return o.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:document.getElementById("card-container").classList.remove("hidden"),document.getElementById("save-card--container").style.display="grid",document.querySelector("input[name=token]").value="";case 3:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}()),document.querySelector(".toggle-payment-with-token")||null===(a=document.getElementById("toggle-payment-with-credit-card"))||void 0===a||a.click();case 8:case"end":return t.stop()}}),t,this)}))),function(){return a.apply(this,arguments)})}])&&c(e.prototype,n),r&&c(e,r),t}())).handle()},ls82:function(t,e,n){var r=function(t){"use strict";var e=Object.prototype,n=e.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},o=r.iterator||"@@iterator",a=r.asyncIterator||"@@asyncIterator",i=r.toStringTag||"@@toStringTag";function c(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{c({},"")}catch(t){c=function(t,e,n){return t[e]=n}}function u(t,e,n,r){var o=e&&e.prototype instanceof d?e:d,a=Object.create(o.prototype),i=new k(r||[]);return a._invoke=function(t,e,n){var r="suspendedStart";return function(o,a){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw a;return S()}for(n.method=o,n.arg=a;;){var i=n.delegate;if(i){var c=b(i,n);if(c){if(c===l)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var u=s(t,e,n);if("normal"===u.type){if(r=n.done?"completed":"suspendedYield",u.arg===l)continue;return{value:u.arg,done:n.done}}"throw"===u.type&&(r="completed",n.method="throw",n.arg=u.arg)}}}(t,n,i),a}function s(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}t.wrap=u;var l={};function d(){}function f(){}function h(){}var p={};p[o]=function(){return this};var y=Object.getPrototypeOf,m=y&&y(y(L([])));m&&m!==e&&n.call(m,o)&&(p=m);var v=h.prototype=d.prototype=Object.create(p);function g(t){["next","throw","return"].forEach((function(e){c(t,e,(function(t){return this._invoke(e,t)}))}))}function w(t,e){var r;this._invoke=function(o,a){function i(){return new e((function(r,i){!function r(o,a,i,c){var u=s(t[o],t,a);if("throw"!==u.type){var l=u.arg,d=l.value;return d&&"object"==typeof d&&n.call(d,"__await")?e.resolve(d.__await).then((function(t){r("next",t,i,c)}),(function(t){r("throw",t,i,c)})):e.resolve(d).then((function(t){l.value=t,i(l)}),(function(t){return r("throw",t,i,c)}))}c(u.arg)}(o,a,r,i)}))}return r=r?r.then(i,i):i()}}function b(t,e){var n=t.iterator[e.method];if(void 0===n){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,b(t,e),"throw"===e.method))return l;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return l}var r=s(n,t.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,l;var o=r.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,l):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,l)}function x(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function E(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function k(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(x,this),this.reset(!0)}function L(t){if(t){var e=t[o];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,a=function e(){for(;++r<t.length;)if(n.call(t,r))return e.value=t[r],e.done=!1,e;return e.value=void 0,e.done=!0,e};return a.next=a}}return{next:S}}function S(){return{value:void 0,done:!0}}return f.prototype=v.constructor=h,h.constructor=f,f.displayName=c(h,i,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,h):(t.__proto__=h,c(t,i,"GeneratorFunction")),t.prototype=Object.create(v),t},t.awrap=function(t){return{__await:t}},g(w.prototype),w.prototype[a]=function(){return this},t.AsyncIterator=w,t.async=function(e,n,r,o,a){void 0===a&&(a=Promise);var i=new w(u(e,n,r,o),a);return t.isGeneratorFunction(n)?i:i.next().then((function(t){return t.done?t.value:i.next()}))},g(v),c(v,i,"Generator"),v[o]=function(){return this},v.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var n in t)e.push(n);return e.reverse(),function n(){for(;e.length;){var r=e.pop();if(r in t)return n.value=r,n.done=!1,n}return n.done=!0,n}},t.values=L,k.prototype={constructor:k,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!t)for(var e in this)"t"===e.charAt(0)&&n.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 r(n,r){return i.type="throw",i.arg=t,e.next=n,r&&(e.method="next",e.arg=void 0),!!r}for(var o=this.tryEntries.length-1;o>=0;--o){var a=this.tryEntries[o],i=a.completion;if("root"===a.tryLoc)return r("end");if(a.tryLoc<=this.prev){var c=n.call(a,"catchLoc"),u=n.call(a,"finallyLoc");if(c&&u){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(c){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return r(a.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var a=o;break}}a&&("break"===t||"continue"===t)&&a.tryLoc<=e&&e<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=t,i.arg=e,a?(this.method="next",this.next=a.finallyLoc,l):this.complete(i)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),l},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),E(n),l}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var o=r.arg;E(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:L(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),l}},t}(t.exports);try{regeneratorRuntime=r}catch(t){Function("r","regeneratorRuntime = r")(r)}},o0o1:function(t,e,n){t.exports=n("ls82")}});
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-ach.js b/public/js/clients/payments/stripe-ach.js
index 93ffb09e88..5f2428e3bc 100755
--- a/public/js/clients/payments/stripe-ach.js
+++ b/public/js/clients/payments/stripe-ach.js
@@ -1,203 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 3);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/stripe-ach.js":
-/*!*****************************************************!*\
-  !*** ./resources/js/clients/payments/stripe-ach.js ***!
-  \*****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var AuthorizeACH = /*#__PURE__*/function () {
-  function AuthorizeACH() {
-    var _this = this,
-        _document$querySelect;
-
-    _classCallCheck(this, AuthorizeACH);
-
-    _defineProperty(this, "setupStripe", function () {
-      _this.stripe = Stripe(_this.key);
-      if (_this.stripe_connect) _this.stripe.stripeAccount = _this.stripe_connect;
-      return _this;
-    });
-
-    _defineProperty(this, "getFormData", function () {
-      return {
-        country: document.getElementById('country').value,
-        currency: document.getElementById('currency').value,
-        routing_number: document.getElementById('routing-number').value,
-        account_number: document.getElementById('account-number').value,
-        account_holder_name: document.getElementById('account-holder-name').value,
-        account_holder_type: document.querySelector('input[name="account-holder-type"]:checked').value
-      };
-    });
-
-    _defineProperty(this, "handleError", function (message) {
-      document.getElementById('save-button').disabled = false;
-      document.querySelector('#save-button > svg').classList.add('hidden');
-      document.querySelector('#save-button > span').classList.remove('hidden');
-      _this.errors.textContent = '';
-      _this.errors.textContent = message;
-      _this.errors.hidden = false;
-    });
-
-    _defineProperty(this, "handleSuccess", function (response) {
-      document.getElementById('gateway_response').value = JSON.stringify(response);
-      document.getElementById('server_response').submit();
-    });
-
-    _defineProperty(this, "handleSubmit", function (e) {
-      document.getElementById('save-button').disabled = true;
-      document.querySelector('#save-button > svg').classList.remove('hidden');
-      document.querySelector('#save-button > span').classList.add('hidden');
-      e.preventDefault();
-      _this.errors.textContent = '';
-      _this.errors.hidden = true;
-
-      _this.stripe.createToken('bank_account', _this.getFormData()).then(function (result) {
-        if (result.hasOwnProperty('error')) {
-          return _this.handleError(result.error.message);
-        }
-
-        return _this.handleSuccess(result);
-      });
-    });
-
-    this.errors = document.getElementById('errors');
-    this.key = document.querySelector('meta[name="stripe-publishable-key"]').content;
-    this.stripe_connect = (_document$querySelect = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.content;
-  }
-
-  _createClass(AuthorizeACH, [{
-    key: "handle",
-    value: function handle() {
-      var _this2 = this;
-
-      document.getElementById('save-button').addEventListener('click', function (e) {
-        return _this2.handleSubmit(e);
-      });
-    }
-  }]);
-
-  return AuthorizeACH;
-}();
-
-new AuthorizeACH().setupStripe().handle();
-
-/***/ }),
-
-/***/ 3:
-/*!***********************************************************!*\
-  !*** multi ./resources/js/clients/payments/stripe-ach.js ***!
-  \***********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-ach.js */"./resources/js/clients/payments/stripe-ach.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see stripe-ach.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=3)}({3:function(e,t,n){e.exports=n("M5il")},M5il:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}(new(function(){function e(){var t,n=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),r(this,"setupStripe",(function(){return n.stripe=Stripe(n.key),n.stripe_connect&&(n.stripe.stripeAccount=n.stripe_connect),n})),r(this,"getFormData",(function(){return{country:document.getElementById("country").value,currency:document.getElementById("currency").value,routing_number:document.getElementById("routing-number").value,account_number:document.getElementById("account-number").value,account_holder_name:document.getElementById("account-holder-name").value,account_holder_type:document.querySelector('input[name="account-holder-type"]:checked').value}})),r(this,"handleError",(function(e){document.getElementById("save-button").disabled=!1,document.querySelector("#save-button > svg").classList.add("hidden"),document.querySelector("#save-button > span").classList.remove("hidden"),n.errors.textContent="",n.errors.textContent=e,n.errors.hidden=!1})),r(this,"handleSuccess",(function(e){document.getElementById("gateway_response").value=JSON.stringify(e),document.getElementById("server_response").submit()})),r(this,"handleSubmit",(function(e){document.getElementById("save-button").disabled=!0,document.querySelector("#save-button > svg").classList.remove("hidden"),document.querySelector("#save-button > span").classList.add("hidden"),e.preventDefault(),n.errors.textContent="",n.errors.hidden=!0,n.stripe.createToken("bank_account",n.getFormData()).then((function(e){return e.hasOwnProperty("error")?n.handleError(e.error.message):n.handleSuccess(e)}))})),this.errors=document.getElementById("errors"),this.key=document.querySelector('meta[name="stripe-publishable-key"]').content,this.stripe_connect=null===(t=document.querySelector('meta[name="stripe-account-id"]'))||void 0===t?void 0:t.content}var t,o,u;return t=e,(o=[{key:"handle",value:function(){var e=this;document.getElementById("save-button").addEventListener("click",(function(t){return e.handleSubmit(t)}))}}])&&n(t.prototype,o),u&&n(t,u),e}())).setupStripe().handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-acss.js b/public/js/clients/payments/stripe-acss.js
index 907da640f1..f6309e9574 100644
--- a/public/js/clients/payments/stripe-acss.js
+++ b/public/js/clients/payments/stripe-acss.js
@@ -1,211 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 31);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/stripe-acss.js":
-/*!******************************************************!*\
-  !*** ./resources/js/clients/payments/stripe-acss.js ***!
-  \******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
-
-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) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var ProcessACSS = /*#__PURE__*/function () {
-  function ProcessACSS(key, _stripeConnect) {
-    var _this = this;
-
-    _classCallCheck(this, ProcessACSS);
-
-    _defineProperty(this, "setupStripe", function () {
-      _this.stripe = Stripe(_this.key);
-      if (_this.stripeConnect) _this.stripe.stripeAccount = stripeConnect;
-      return _this;
-    });
-
-    _defineProperty(this, "handle", function () {
-      document.getElementById('pay-now').addEventListener('click', function (e) {
-        var errors = document.getElementById('errors');
-
-        if (document.getElementById('acss-name').value === "") {
-          document.getElementById('acss-name').focus();
-          errors.textContent = document.querySelector('meta[name=translation-name-required]').content;
-          errors.hidden = false;
-          return;
-        }
-
-        if (document.getElementById('acss-email-address').value === "") {
-          document.getElementById('acss-email-address').focus();
-          errors.textContent = document.querySelector('meta[name=translation-email-required]').content;
-          errors.hidden = false;
-          return;
-        }
-
-        document.getElementById('pay-now').disabled = true;
-        document.querySelector('#pay-now > svg').classList.remove('hidden');
-        document.querySelector('#pay-now > span').classList.add('hidden');
-
-        _this.stripe.confirmAcssDebitPayment(document.querySelector('meta[name=pi-client-secret').content, {
-          payment_method: {
-            billing_details: {
-              name: document.getElementById("acss-name").value,
-              email: document.getElementById("acss-email-address").value
-            }
-          }
-        }).then(function (result) {
-          if (result.error) {
-            return _this.handleFailure(result.error.message);
-          }
-
-          return _this.handleSuccess(result);
-        });
-      });
-    });
-
-    this.key = key;
-    this.errors = document.getElementById('errors');
-    this.stripeConnect = _stripeConnect;
-  }
-
-  _createClass(ProcessACSS, [{
-    key: "handleSuccess",
-    value: function handleSuccess(result) {
-      document.querySelector('input[name="gateway_response"]').value = JSON.stringify(result.paymentIntent);
-      document.getElementById('server-response').submit();
-    }
-  }, {
-    key: "handleFailure",
-    value: function handleFailure(message) {
-      var errors = document.getElementById('errors');
-      errors.textContent = '';
-      errors.textContent = message;
-      errors.hidden = false;
-      document.getElementById('pay-now').disabled = false;
-      document.querySelector('#pay-now > svg').classList.add('hidden');
-      document.querySelector('#pay-now > span').classList.remove('hidden');
-    }
-  }]);
-
-  return ProcessACSS;
-}();
-
-var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
-var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
-new ProcessACSS(publishableKey, stripeConnect).setupStripe().handle();
-
-/***/ }),
-
-/***/ 31:
-/*!************************************************************!*\
-  !*** multi ./resources/js/clients/payments/stripe-acss.js ***!
-  \************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-acss.js */"./resources/js/clients/payments/stripe-acss.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see stripe-acss.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=31)}({31:function(e,t,n){e.exports=n("RyUd")},RyUd:function(e,t){var n,r,o,a;function u(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 i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c=function(){function e(t,n){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),i(this,"setupStripe",(function(){return r.stripe=Stripe(r.key),r.stripeConnect&&(r.stripe.stripeAccount=l),r})),i(this,"handle",(function(){document.getElementById("pay-now").addEventListener("click",(function(e){var t=document.getElementById("errors");return""===document.getElementById("acss-name").value?(document.getElementById("acss-name").focus(),t.textContent=document.querySelector("meta[name=translation-name-required]").content,void(t.hidden=!1)):""===document.getElementById("acss-email-address").value?(document.getElementById("acss-email-address").focus(),t.textContent=document.querySelector("meta[name=translation-email-required]").content,void(t.hidden=!1)):(document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),void r.stripe.confirmAcssDebitPayment(document.querySelector("meta[name=pi-client-secret").content,{payment_method:{billing_details:{name:document.getElementById("acss-name").value,email:document.getElementById("acss-email-address").value}}}).then((function(e){return e.error?r.handleFailure(e.error.message):r.handleSuccess(e)})))}))})),this.key=t,this.errors=document.getElementById("errors"),this.stripeConnect=n}var t,n,r;return t=e,(n=[{key:"handleSuccess",value:function(e){document.querySelector('input[name="gateway_response"]').value=JSON.stringify(e.paymentIntent),document.getElementById("server-response").submit()}},{key:"handleFailure",value:function(e){var t=document.getElementById("errors");t.textContent="",t.textContent=e,t.hidden=!1,document.getElementById("pay-now").disabled=!1,document.querySelector("#pay-now > svg").classList.add("hidden"),document.querySelector("#pay-now > span").classList.remove("hidden")}}])&&u(t.prototype,n),r&&u(t,r),e}(),d=null!==(n=null===(r=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===r?void 0:r.content)&&void 0!==n?n:"",l=null!==(o=null===(a=document.querySelector('meta[name="stripe-account-id"]'))||void 0===a?void 0:a.content)&&void 0!==o?o:"";new c(d,l).setupStripe().handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-alipay.js b/public/js/clients/payments/stripe-alipay.js
index 6068d7078e..59f30f7e12 100755
--- a/public/js/clients/payments/stripe-alipay.js
+++ b/public/js/clients/payments/stripe-alipay.js
@@ -1,174 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 7);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/stripe-alipay.js":
-/*!********************************************************!*\
-  !*** ./resources/js/clients/payments/stripe-alipay.js ***!
-  \********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var ProcessAlipay = function ProcessAlipay(key, stripeConnect) {
-  var _this = this;
-
-  _classCallCheck(this, ProcessAlipay);
-
-  _defineProperty(this, "setupStripe", function () {
-    _this.stripe = Stripe(_this.key);
-    if (_this.stripeConnect) _this.stripe.stripeAccount = _this.stripeConnect;
-    return _this;
-  });
-
-  _defineProperty(this, "handle", function () {
-    var data = {
-      type: 'alipay',
-      amount: document.querySelector('meta[name="amount"]').content,
-      currency: document.querySelector('meta[name="currency"]').content,
-      redirect: {
-        return_url: document.querySelector('meta[name="return-url"]').content
-      }
-    };
-    document.getElementById('pay-now').addEventListener('click', function (e) {
-      document.getElementById('pay-now').disabled = true;
-      document.querySelector('#pay-now > svg').classList.add('hidden');
-      document.querySelector('#pay-now > span').classList.remove('hidden');
-
-      _this.stripe.createSource(data).then(function (result) {
-        if (result.hasOwnProperty('source')) {
-          return window.location = result.source.redirect.url;
-        }
-
-        document.getElementById('pay-now').disabled = false;
-        document.querySelector('#pay-now > svg').classList.remove('hidden');
-        document.querySelector('#pay-now > span').classList.add('hidden');
-        this.errors.textContent = '';
-        this.errors.textContent = result.error.message;
-        this.errors.hidden = false;
-      });
-    });
-  });
-
-  this.key = key;
-  this.stripeConnect = stripeConnect;
-  this.errors = document.getElementById('errors');
-};
-
-var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
-var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
-new ProcessAlipay(publishableKey, stripeConnect).setupStripe().handle();
-
-/***/ }),
-
-/***/ 7:
-/*!**************************************************************!*\
-  !*** multi ./resources/js/clients/payments/stripe-alipay.js ***!
-  \**************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-alipay.js */"./resources/js/clients/payments/stripe-alipay.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see stripe-alipay.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=7)}({"+keB":function(e,t){var n,r,o,u;function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}new function e(t,n){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),i(this,"setupStripe",(function(){return r.stripe=Stripe(r.key),r.stripeConnect&&(r.stripe.stripeAccount=r.stripeConnect),r})),i(this,"handle",(function(){var e={type:"alipay",amount:document.querySelector('meta[name="amount"]').content,currency:document.querySelector('meta[name="currency"]').content,redirect:{return_url:document.querySelector('meta[name="return-url"]').content}};document.getElementById("pay-now").addEventListener("click",(function(t){document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.add("hidden"),document.querySelector("#pay-now > span").classList.remove("hidden"),r.stripe.createSource(e).then((function(e){if(e.hasOwnProperty("source"))return window.location=e.source.redirect.url;document.getElementById("pay-now").disabled=!1,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),this.errors.textContent="",this.errors.textContent=e.error.message,this.errors.hidden=!1}))}))})),this.key=t,this.stripeConnect=n,this.errors=document.getElementById("errors")}(null!==(n=null===(r=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===r?void 0:r.content)&&void 0!==n?n:"",null!==(o=null===(u=document.querySelector('meta[name="stripe-account-id"]'))||void 0===u?void 0:u.content)&&void 0!==o?o:"").setupStripe().handle()},7:function(e,t,n){e.exports=n("+keB")}});
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-bancontact.js b/public/js/clients/payments/stripe-bancontact.js
index 75c5a12c18..6e4fe1e60f 100644
--- a/public/js/clients/payments/stripe-bancontact.js
+++ b/public/js/clients/payments/stripe-bancontact.js
@@ -1,171 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 32);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/stripe-bancontact.js":
-/*!************************************************************!*\
-  !*** ./resources/js/clients/payments/stripe-bancontact.js ***!
-  \************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var ProcessBANCONTACTPay = function ProcessBANCONTACTPay(key, _stripeConnect) {
-  var _this = this;
-
-  _classCallCheck(this, ProcessBANCONTACTPay);
-
-  _defineProperty(this, "setupStripe", function () {
-    _this.stripe = Stripe(_this.key);
-    if (_this.stripeConnect) _this.stripe.stripeAccount = stripeConnect;
-    return _this;
-  });
-
-  _defineProperty(this, "handle", function () {
-    document.getElementById('pay-now').addEventListener('click', function (e) {
-      var errors = document.getElementById('errors');
-
-      if (!document.getElementById('bancontact-name').value) {
-        errors.textContent = document.querySelector('meta[name=translation-name-required]').content;
-        errors.hidden = false;
-        console.log("name");
-        return;
-      }
-
-      document.getElementById('pay-now').disabled = true;
-      document.querySelector('#pay-now > svg').classList.remove('hidden');
-      document.querySelector('#pay-now > span').classList.add('hidden');
-
-      _this.stripe.confirmBancontactPayment(document.querySelector('meta[name=pi-client-secret').content, {
-        payment_method: {
-          billing_details: {
-            name: document.getElementById("bancontact-name").value
-          }
-        },
-        return_url: document.querySelector('meta[name="return-url"]').content
-      });
-    });
-  });
-
-  this.key = key;
-  this.errors = document.getElementById('errors');
-  this.stripeConnect = _stripeConnect;
-};
-
-var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
-var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
-new ProcessBANCONTACTPay(publishableKey, stripeConnect).setupStripe().handle();
-
-/***/ }),
-
-/***/ 32:
-/*!******************************************************************!*\
-  !*** multi ./resources/js/clients/payments/stripe-bancontact.js ***!
-  \******************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-bancontact.js */"./resources/js/clients/payments/stripe-bancontact.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see stripe-bancontact.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=32)}({32:function(e,t,n){e.exports=n("9g3I")},"9g3I":function(e,t){var n,r,o,u;function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c=null!==(n=null===(r=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===r?void 0:r.content)&&void 0!==n?n:"",a=null!==(o=null===(u=document.querySelector('meta[name="stripe-account-id"]'))||void 0===u?void 0:u.content)&&void 0!==o?o:"";new function e(t,n){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),i(this,"setupStripe",(function(){return r.stripe=Stripe(r.key),r.stripeConnect&&(r.stripe.stripeAccount=a),r})),i(this,"handle",(function(){document.getElementById("pay-now").addEventListener("click",(function(e){var t=document.getElementById("errors");if(!document.getElementById("bancontact-name").value)return t.textContent=document.querySelector("meta[name=translation-name-required]").content,t.hidden=!1,void console.log("name");document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),r.stripe.confirmBancontactPayment(document.querySelector("meta[name=pi-client-secret").content,{payment_method:{billing_details:{name:document.getElementById("bancontact-name").value}},return_url:document.querySelector('meta[name="return-url"]').content})}))})),this.key=t,this.errors=document.getElementById("errors"),this.stripeConnect=n}(c,a).setupStripe().handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-becs.js b/public/js/clients/payments/stripe-becs.js
index 38f3f40ee2..851bd93de9 100644
--- a/public/js/clients/payments/stripe-becs.js
+++ b/public/js/clients/payments/stripe-becs.js
@@ -1,253 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 33);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/stripe-becs.js":
-/*!******************************************************!*\
-  !*** ./resources/js/clients/payments/stripe-becs.js ***!
-  \******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
-
-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) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var ProcessBECS = /*#__PURE__*/function () {
-  function ProcessBECS(key, _stripeConnect) {
-    var _this = this;
-
-    _classCallCheck(this, ProcessBECS);
-
-    _defineProperty(this, "setupStripe", function () {
-      _this.stripe = Stripe(_this.key);
-      if (_this.stripeConnect) _this.stripe.stripeAccount = stripeConnect;
-
-      var elements = _this.stripe.elements();
-
-      var style = {
-        base: {
-          color: '#32325d',
-          fontSize: '16px',
-          '::placeholder': {
-            color: '#aab7c4'
-          },
-          ':-webkit-autofill': {
-            color: '#32325d'
-          }
-        },
-        invalid: {
-          color: '#fa755a',
-          iconColor: '#fa755a',
-          ':-webkit-autofill': {
-            color: '#fa755a'
-          }
-        }
-      };
-      var options = {
-        style: style,
-        disabled: false,
-        hideIcon: false,
-        iconStyle: "default" // or "solid"
-
-      };
-      _this.auBankAccount = elements.create("auBankAccount", options);
-
-      _this.auBankAccount.mount("#becs-iban");
-
-      return _this;
-    });
-
-    _defineProperty(this, "handle", function () {
-      document.getElementById('pay-now').addEventListener('click', function (e) {
-        var errors = document.getElementById('errors');
-
-        if (document.getElementById('becs-name').value === "") {
-          document.getElementById('becs-name').focus();
-          errors.textContent = document.querySelector('meta[name=translation-name-required]').content;
-          errors.hidden = false;
-          return;
-        }
-
-        if (document.getElementById('becs-email-address').value === "") {
-          document.getElementById('becs-email-address').focus();
-          errors.textContent = document.querySelector('meta[name=translation-email-required]').content;
-          errors.hidden = false;
-          return;
-        }
-
-        if (!document.getElementById('becs-mandate-acceptance').checked) {
-          document.getElementById('becs-mandate-acceptance').focus();
-          errors.textContent = document.querySelector('meta[name=translation-terms-required]').content;
-          errors.hidden = false;
-          console.log("Terms");
-          return;
-        }
-
-        document.getElementById('pay-now').disabled = true;
-        document.querySelector('#pay-now > svg').classList.remove('hidden');
-        document.querySelector('#pay-now > span').classList.add('hidden');
-
-        _this.stripe.confirmAuBecsDebitPayment(document.querySelector('meta[name=pi-client-secret').content, {
-          payment_method: {
-            au_becs_debit: _this.auBankAccount,
-            billing_details: {
-              name: document.getElementById("becs-name").value,
-              email: document.getElementById("becs-email-address").value
-            }
-          }
-        }).then(function (result) {
-          if (result.error) {
-            return _this.handleFailure(result.error.message);
-          }
-
-          return _this.handleSuccess(result);
-        });
-      });
-    });
-
-    this.key = key;
-    this.errors = document.getElementById('errors');
-    this.stripeConnect = _stripeConnect;
-  }
-
-  _createClass(ProcessBECS, [{
-    key: "handleSuccess",
-    value: function handleSuccess(result) {
-      document.querySelector('input[name="gateway_response"]').value = JSON.stringify(result.paymentIntent);
-      document.getElementById('server-response').submit();
-    }
-  }, {
-    key: "handleFailure",
-    value: function handleFailure(message) {
-      var errors = document.getElementById('errors');
-      errors.textContent = '';
-      errors.textContent = message;
-      errors.hidden = false;
-      document.getElementById('pay-now').disabled = false;
-      document.querySelector('#pay-now > svg').classList.add('hidden');
-      document.querySelector('#pay-now > span').classList.remove('hidden');
-    }
-  }]);
-
-  return ProcessBECS;
-}();
-
-var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
-var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
-new ProcessBECS(publishableKey, stripeConnect).setupStripe().handle();
-
-/***/ }),
-
-/***/ 33:
-/*!************************************************************!*\
-  !*** multi ./resources/js/clients/payments/stripe-becs.js ***!
-  \************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-becs.js */"./resources/js/clients/payments/stripe-becs.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see stripe-becs.js.LICENSE.txt */
+!function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},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=33)}({33:function(e,t,n){e.exports=n("v79X")},v79X:function(e,t){var n,o,r,a;function c(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i=function(){function e(t,n){var o=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),u(this,"setupStripe",(function(){o.stripe=Stripe(o.key),o.stripeConnect&&(o.stripe.stripeAccount=d);var e=o.stripe.elements(),t={style:{base:{color:"#32325d",fontSize:"16px","::placeholder":{color:"#aab7c4"},":-webkit-autofill":{color:"#32325d"}},invalid:{color:"#fa755a",iconColor:"#fa755a",":-webkit-autofill":{color:"#fa755a"}}},disabled:!1,hideIcon:!1,iconStyle:"default"};return o.auBankAccount=e.create("auBankAccount",t),o.auBankAccount.mount("#becs-iban"),o})),u(this,"handle",(function(){document.getElementById("pay-now").addEventListener("click",(function(e){var t=document.getElementById("errors");return""===document.getElementById("becs-name").value?(document.getElementById("becs-name").focus(),t.textContent=document.querySelector("meta[name=translation-name-required]").content,void(t.hidden=!1)):""===document.getElementById("becs-email-address").value?(document.getElementById("becs-email-address").focus(),t.textContent=document.querySelector("meta[name=translation-email-required]").content,void(t.hidden=!1)):document.getElementById("becs-mandate-acceptance").checked?(document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),void o.stripe.confirmAuBecsDebitPayment(document.querySelector("meta[name=pi-client-secret").content,{payment_method:{au_becs_debit:o.auBankAccount,billing_details:{name:document.getElementById("becs-name").value,email:document.getElementById("becs-email-address").value}}}).then((function(e){return e.error?o.handleFailure(e.error.message):o.handleSuccess(e)}))):(document.getElementById("becs-mandate-acceptance").focus(),t.textContent=document.querySelector("meta[name=translation-terms-required]").content,t.hidden=!1,void console.log("Terms"))}))})),this.key=t,this.errors=document.getElementById("errors"),this.stripeConnect=n}var t,n,o;return t=e,(n=[{key:"handleSuccess",value:function(e){document.querySelector('input[name="gateway_response"]').value=JSON.stringify(e.paymentIntent),document.getElementById("server-response").submit()}},{key:"handleFailure",value:function(e){var t=document.getElementById("errors");t.textContent="",t.textContent=e,t.hidden=!1,document.getElementById("pay-now").disabled=!1,document.querySelector("#pay-now > svg").classList.add("hidden"),document.querySelector("#pay-now > span").classList.remove("hidden")}}])&&c(t.prototype,n),o&&c(t,o),e}(),l=null!==(n=null===(o=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===o?void 0:o.content)&&void 0!==n?n:"",d=null!==(r=null===(a=document.querySelector('meta[name="stripe-account-id"]'))||void 0===a?void 0:a.content)&&void 0!==r?r:"";new i(l,d).setupStripe().handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-credit-card.js b/public/js/clients/payments/stripe-credit-card.js
index c2a15862c8..217a47c20c 100755
--- a/public/js/clients/payments/stripe-credit-card.js
+++ b/public/js/clients/payments/stripe-credit-card.js
@@ -1,323 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 11);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/stripe-credit-card.js":
-/*!*************************************************************!*\
-  !*** ./resources/js/clients/payments/stripe-credit-card.js ***!
-  \*************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-var _document$querySelect2, _document$querySelect3, _document$querySelect4, _document$querySelect5, _document$querySelect6, _document$querySelect7, _document$querySelect8, _document$querySelect9;
-
-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) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var StripeCreditCard = /*#__PURE__*/function () {
-  function StripeCreditCard(key, secret, onlyAuthorization, stripeConnect) {
-    _classCallCheck(this, StripeCreditCard);
-
-    this.key = key;
-    this.secret = secret;
-    this.onlyAuthorization = onlyAuthorization;
-    this.stripeConnect = stripeConnect;
-  }
-
-  _createClass(StripeCreditCard, [{
-    key: "setupStripe",
-    value: function setupStripe() {
-      if (this.stripeConnect) {
-        // this.stripe.stripeAccount = this.stripeConnect;
-        this.stripe = Stripe(this.key, {
-          stripeAccount: this.stripeConnect
-        });
-      } else {
-        this.stripe = Stripe(this.key);
-      }
-
-      this.elements = this.stripe.elements();
-      return this;
-    }
-  }, {
-    key: "createElement",
-    value: function createElement() {
-      var _document$querySelect;
-
-      this.cardElement = this.elements.create('card', {
-        hidePostalCode: ((_document$querySelect = document.querySelector('meta[name=stripe-require-postal-code]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.content) === "0",
-        value: {
-          postalCode: document.querySelector('meta[name=client-postal-code]').content
-        }
-      });
-      return this;
-    }
-  }, {
-    key: "mountCardElement",
-    value: function mountCardElement() {
-      this.cardElement.mount('#card-element');
-      return this;
-    }
-  }, {
-    key: "completePaymentUsingToken",
-    value: function completePaymentUsingToken() {
-      var _this = this;
-
-      var token = document.querySelector('input[name=token]').value;
-      var payNowButton = document.getElementById('pay-now');
-      this.payNowButton = payNowButton;
-      this.payNowButton.disabled = true;
-      this.payNowButton.querySelector('svg').classList.remove('hidden');
-      this.payNowButton.querySelector('span').classList.add('hidden');
-      this.stripe.handleCardPayment(this.secret, {
-        payment_method: token
-      }).then(function (result) {
-        if (result.error) {
-          return _this.handleFailure(result.error.message);
-        }
-
-        return _this.handleSuccess(result);
-      });
-    }
-  }, {
-    key: "completePaymentWithoutToken",
-    value: function completePaymentWithoutToken() {
-      var _this2 = this;
-
-      var payNowButton = document.getElementById('pay-now');
-      this.payNowButton = payNowButton;
-      this.payNowButton.disabled = true;
-      this.payNowButton.querySelector('svg').classList.remove('hidden');
-      this.payNowButton.querySelector('span').classList.add('hidden');
-      var cardHolderName = document.getElementById('cardholder-name');
-      this.stripe.handleCardPayment(this.secret, this.cardElement, {
-        payment_method_data: {
-          billing_details: {
-            name: cardHolderName.value
-          }
-        }
-      }).then(function (result) {
-        if (result.error) {
-          return _this2.handleFailure(result.error.message);
-        }
-
-        return _this2.handleSuccess(result);
-      });
-    }
-  }, {
-    key: "handleSuccess",
-    value: function handleSuccess(result) {
-      document.querySelector('input[name="gateway_response"]').value = JSON.stringify(result.paymentIntent);
-      var tokenBillingCheckbox = document.querySelector('input[name="token-billing-checkbox"]:checked');
-
-      if (tokenBillingCheckbox) {
-        document.querySelector('input[name="store_card"]').value = tokenBillingCheckbox.value;
-      }
-
-      document.getElementById('server-response').submit();
-    }
-  }, {
-    key: "handleFailure",
-    value: function handleFailure(message) {
-      var errors = document.getElementById('errors');
-      errors.textContent = '';
-      errors.textContent = message;
-      errors.hidden = false;
-      this.payNowButton.disabled = false;
-      this.payNowButton.querySelector('svg').classList.add('hidden');
-      this.payNowButton.querySelector('span').classList.remove('hidden');
-    }
-  }, {
-    key: "handleAuthorization",
-    value: function handleAuthorization() {
-      var _this3 = this;
-
-      var cardHolderName = document.getElementById('cardholder-name');
-      var payNowButton = document.getElementById('authorize-card');
-      this.payNowButton = payNowButton;
-      this.payNowButton.disabled = true;
-      this.payNowButton.querySelector('svg').classList.remove('hidden');
-      this.payNowButton.querySelector('span').classList.add('hidden');
-      this.stripe.handleCardSetup(this.secret, this.cardElement, {
-        payment_method_data: {
-          billing_details: {
-            name: cardHolderName.value
-          }
-        }
-      }).then(function (result) {
-        if (result.error) {
-          return _this3.handleFailure(result);
-        }
-
-        return _this3.handleSuccessfulAuthorization(result);
-      });
-    }
-  }, {
-    key: "handleSuccessfulAuthorization",
-    value: function handleSuccessfulAuthorization(result) {
-      document.getElementById('gateway_response').value = JSON.stringify(result.setupIntent);
-      document.getElementById('server_response').submit();
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this4 = this;
-
-      this.setupStripe();
-
-      if (this.onlyAuthorization) {
-        this.createElement().mountCardElement();
-        document.getElementById('authorize-card').addEventListener('click', function () {
-          return _this4.handleAuthorization();
-        });
-      } else {
-        Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
-          return element.addEventListener('click', function (element) {
-            document.getElementById('stripe--payment-container').classList.add('hidden');
-            document.getElementById('save-card--container').style.display = 'none';
-            document.querySelector('input[name=token]').value = element.target.dataset.token;
-          });
-        });
-        document.getElementById('toggle-payment-with-credit-card').addEventListener('click', function (element) {
-          document.getElementById('stripe--payment-container').classList.remove('hidden');
-          document.getElementById('save-card--container').style.display = 'grid';
-          document.querySelector('input[name=token]').value = "";
-        });
-        this.createElement().mountCardElement();
-        document.getElementById('pay-now').addEventListener('click', function () {
-          var tokenInput = document.querySelector('input[name=token]');
-
-          if (tokenInput.value) {
-            return _this4.completePaymentUsingToken();
-          }
-
-          return _this4.completePaymentWithoutToken();
-        });
-      }
-    }
-  }]);
-
-  return StripeCreditCard;
-}();
-
-var publishableKey = (_document$querySelect2 = (_document$querySelect3 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect3 === void 0 ? void 0 : _document$querySelect3.content) !== null && _document$querySelect2 !== void 0 ? _document$querySelect2 : '';
-var secret = (_document$querySelect4 = (_document$querySelect5 = document.querySelector('meta[name="stripe-secret"]')) === null || _document$querySelect5 === void 0 ? void 0 : _document$querySelect5.content) !== null && _document$querySelect4 !== void 0 ? _document$querySelect4 : '';
-var onlyAuthorization = (_document$querySelect6 = (_document$querySelect7 = document.querySelector('meta[name="only-authorization"]')) === null || _document$querySelect7 === void 0 ? void 0 : _document$querySelect7.content) !== null && _document$querySelect6 !== void 0 ? _document$querySelect6 : '';
-var stripeConnect = (_document$querySelect8 = (_document$querySelect9 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect9 === void 0 ? void 0 : _document$querySelect9.content) !== null && _document$querySelect8 !== void 0 ? _document$querySelect8 : '';
-var s = new StripeCreditCard(publishableKey, secret, onlyAuthorization, stripeConnect);
-s.handle();
-Livewire.on('passed-required-fields-check', function () {
-  return s.handle();
-});
-
-/***/ }),
-
-/***/ 11:
-/*!*******************************************************************!*\
-  !*** multi ./resources/js/clients/payments/stripe-credit-card.js ***!
-  \*******************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-credit-card.js */"./resources/js/clients/payments/stripe-credit-card.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see stripe-credit-card.js.LICENSE.txt */
+!function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=11)}({11:function(e,t,n){e.exports=n("uALE")},uALE:function(e,t){var n,o,r,i,a,u,l,s;function c(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}var d=new(function(){function e(t,n,o,r){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.key=t,this.secret=n,this.onlyAuthorization=o,this.stripeConnect=r}var t,n,o;return t=e,(n=[{key:"setupStripe",value:function(){return this.stripeConnect?this.stripe=Stripe(this.key,{stripeAccount:this.stripeConnect}):this.stripe=Stripe(this.key),this.elements=this.stripe.elements(),this}},{key:"createElement",value:function(){var e;return this.cardElement=this.elements.create("card",{hidePostalCode:"0"===(null===(e=document.querySelector("meta[name=stripe-require-postal-code]"))||void 0===e?void 0:e.content),value:{postalCode:document.querySelector("meta[name=client-postal-code]").content}}),this}},{key:"mountCardElement",value:function(){return this.cardElement.mount("#card-element"),this}},{key:"completePaymentUsingToken",value:function(){var e=this,t=document.querySelector("input[name=token]").value,n=document.getElementById("pay-now");this.payNowButton=n,this.payNowButton.disabled=!0,this.payNowButton.querySelector("svg").classList.remove("hidden"),this.payNowButton.querySelector("span").classList.add("hidden"),this.stripe.handleCardPayment(this.secret,{payment_method:t}).then((function(t){return t.error?e.handleFailure(t.error.message):e.handleSuccess(t)}))}},{key:"completePaymentWithoutToken",value:function(){var e=this,t=document.getElementById("pay-now");this.payNowButton=t,this.payNowButton.disabled=!0,this.payNowButton.querySelector("svg").classList.remove("hidden"),this.payNowButton.querySelector("span").classList.add("hidden");var n=document.getElementById("cardholder-name");this.stripe.handleCardPayment(this.secret,this.cardElement,{payment_method_data:{billing_details:{name:n.value}}}).then((function(t){return t.error?e.handleFailure(t.error.message):e.handleSuccess(t)}))}},{key:"handleSuccess",value:function(e){document.querySelector('input[name="gateway_response"]').value=JSON.stringify(e.paymentIntent);var t=document.querySelector('input[name="token-billing-checkbox"]:checked');t&&(document.querySelector('input[name="store_card"]').value=t.value),document.getElementById("server-response").submit()}},{key:"handleFailure",value:function(e){var t=document.getElementById("errors");t.textContent="",t.textContent=e,t.hidden=!1,this.payNowButton.disabled=!1,this.payNowButton.querySelector("svg").classList.add("hidden"),this.payNowButton.querySelector("span").classList.remove("hidden")}},{key:"handleAuthorization",value:function(){var e=this,t=document.getElementById("cardholder-name"),n=document.getElementById("authorize-card");this.payNowButton=n,this.payNowButton.disabled=!0,this.payNowButton.querySelector("svg").classList.remove("hidden"),this.payNowButton.querySelector("span").classList.add("hidden"),this.stripe.handleCardSetup(this.secret,this.cardElement,{payment_method_data:{billing_details:{name:t.value}}}).then((function(t){return t.error?e.handleFailure(t):e.handleSuccessfulAuthorization(t)}))}},{key:"handleSuccessfulAuthorization",value:function(e){document.getElementById("gateway_response").value=JSON.stringify(e.setupIntent),document.getElementById("server_response").submit()}},{key:"handle",value:function(){var e=this;this.setupStripe(),this.onlyAuthorization?(this.createElement().mountCardElement(),document.getElementById("authorize-card").addEventListener("click",(function(){return e.handleAuthorization()}))):(Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(e){return e.addEventListener("click",(function(e){document.getElementById("stripe--payment-container").classList.add("hidden"),document.getElementById("save-card--container").style.display="none",document.querySelector("input[name=token]").value=e.target.dataset.token}))})),document.getElementById("toggle-payment-with-credit-card").addEventListener("click",(function(e){document.getElementById("stripe--payment-container").classList.remove("hidden"),document.getElementById("save-card--container").style.display="grid",document.querySelector("input[name=token]").value=""})),this.createElement().mountCardElement(),document.getElementById("pay-now").addEventListener("click",(function(){return document.querySelector("input[name=token]").value?e.completePaymentUsingToken():e.completePaymentWithoutToken()})))}}])&&c(t.prototype,n),o&&c(t,o),e}())(null!==(n=null===(o=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===o?void 0:o.content)&&void 0!==n?n:"",null!==(r=null===(i=document.querySelector('meta[name="stripe-secret"]'))||void 0===i?void 0:i.content)&&void 0!==r?r:"",null!==(a=null===(u=document.querySelector('meta[name="only-authorization"]'))||void 0===u?void 0:u.content)&&void 0!==a?a:"",null!==(l=null===(s=document.querySelector('meta[name="stripe-account-id"]'))||void 0===s?void 0:s.content)&&void 0!==l?l:"");d.handle(),Livewire.on("passed-required-fields-check",(function(){return d.handle()}))}});
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-eps.js b/public/js/clients/payments/stripe-eps.js
index 0d149c6cb6..3ee731a454 100644
--- a/public/js/clients/payments/stripe-eps.js
+++ b/public/js/clients/payments/stripe-eps.js
@@ -1,191 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 34);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/stripe-eps.js":
-/*!*****************************************************!*\
-  !*** ./resources/js/clients/payments/stripe-eps.js ***!
-  \*****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var ProcessEPSPay = function ProcessEPSPay(key, _stripeConnect) {
-  var _this = this;
-
-  _classCallCheck(this, ProcessEPSPay);
-
-  _defineProperty(this, "setupStripe", function () {
-    _this.stripe = Stripe(_this.key);
-    if (_this.stripeConnect) _this.stripe.stripeAccount = stripeConnect;
-
-    var elements = _this.stripe.elements();
-
-    var options = {
-      style: {
-        base: {
-          padding: '10px 12px',
-          color: '#32325d',
-          fontSize: '16px',
-          '::placeholder': {
-            color: '#aab7c4'
-          }
-        }
-      }
-    };
-    _this.eps = elements.create('epsBank', options);
-
-    _this.eps.mount("#eps-bank-element");
-
-    return _this;
-  });
-
-  _defineProperty(this, "handle", function () {
-    document.getElementById('pay-now').addEventListener('click', function (e) {
-      var errors = document.getElementById('errors');
-
-      if (!document.getElementById('eps-name').value) {
-        errors.textContent = document.querySelector('meta[name=translation-name-required]').content;
-        errors.hidden = false;
-        console.log("name");
-        return;
-      }
-
-      document.getElementById('pay-now').disabled = true;
-      document.querySelector('#pay-now > svg').classList.remove('hidden');
-      document.querySelector('#pay-now > span').classList.add('hidden');
-
-      _this.stripe.confirmEpsPayment(document.querySelector('meta[name=pi-client-secret').content, {
-        payment_method: {
-          eps: _this.eps,
-          billing_details: {
-            name: document.getElementById("ideal-name").value
-          }
-        },
-        return_url: document.querySelector('meta[name="return-url"]').content
-      });
-    });
-  });
-
-  this.key = key;
-  this.errors = document.getElementById('errors');
-  this.stripeConnect = _stripeConnect;
-};
-
-var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
-var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
-new ProcessEPSPay(publishableKey, stripeConnect).setupStripe().handle();
-
-/***/ }),
-
-/***/ 34:
-/*!***********************************************************!*\
-  !*** multi ./resources/js/clients/payments/stripe-eps.js ***!
-  \***********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-eps.js */"./resources/js/clients/payments/stripe-eps.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see stripe-eps.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=34)}({34:function(e,t,n){e.exports=n("Gn/6")},"Gn/6":function(e,t){var n,r,o,i;function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var a=null!==(n=null===(r=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===r?void 0:r.content)&&void 0!==n?n:"",c=null!==(o=null===(i=document.querySelector('meta[name="stripe-account-id"]'))||void 0===i?void 0:i.content)&&void 0!==o?o:"";new function e(t,n){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),u(this,"setupStripe",(function(){r.stripe=Stripe(r.key),r.stripeConnect&&(r.stripe.stripeAccount=c);var e=r.stripe.elements();return r.eps=e.create("epsBank",{style:{base:{padding:"10px 12px",color:"#32325d",fontSize:"16px","::placeholder":{color:"#aab7c4"}}}}),r.eps.mount("#eps-bank-element"),r})),u(this,"handle",(function(){document.getElementById("pay-now").addEventListener("click",(function(e){var t=document.getElementById("errors");if(!document.getElementById("eps-name").value)return t.textContent=document.querySelector("meta[name=translation-name-required]").content,t.hidden=!1,void console.log("name");document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),r.stripe.confirmEpsPayment(document.querySelector("meta[name=pi-client-secret").content,{payment_method:{eps:r.eps,billing_details:{name:document.getElementById("ideal-name").value}},return_url:document.querySelector('meta[name="return-url"]').content})}))})),this.key=t,this.errors=document.getElementById("errors"),this.stripeConnect=n}(a,c).setupStripe().handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-giropay.js b/public/js/clients/payments/stripe-giropay.js
index 790dbd6b08..d46a0137c3 100644
--- a/public/js/clients/payments/stripe-giropay.js
+++ b/public/js/clients/payments/stripe-giropay.js
@@ -1,171 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 30);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/stripe-giropay.js":
-/*!*********************************************************!*\
-  !*** ./resources/js/clients/payments/stripe-giropay.js ***!
-  \*********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var ProcessGiroPay = function ProcessGiroPay(key, _stripeConnect) {
-  var _this = this;
-
-  _classCallCheck(this, ProcessGiroPay);
-
-  _defineProperty(this, "setupStripe", function () {
-    _this.stripe = Stripe(_this.key);
-    if (_this.stripeConnect) _this.stripe.stripeAccount = stripeConnect;
-    return _this;
-  });
-
-  _defineProperty(this, "handle", function () {
-    document.getElementById('pay-now').addEventListener('click', function (e) {
-      var errors = document.getElementById('errors');
-
-      if (!document.getElementById('giropay-mandate-acceptance').checked) {
-        errors.textContent = document.querySelector('meta[name=translation-terms-required]').content;
-        errors.hidden = false;
-        console.log("Terms");
-        return;
-      }
-
-      document.getElementById('pay-now').disabled = true;
-      document.querySelector('#pay-now > svg').classList.remove('hidden');
-      document.querySelector('#pay-now > span').classList.add('hidden');
-
-      _this.stripe.confirmGiropayPayment(document.querySelector('meta[name=pi-client-secret').content, {
-        payment_method: {
-          billing_details: {
-            name: document.getElementById("giropay-name").value
-          }
-        },
-        return_url: document.querySelector('meta[name="return-url"]').content
-      });
-    });
-  });
-
-  this.key = key;
-  this.errors = document.getElementById('errors');
-  this.stripeConnect = _stripeConnect;
-};
-
-var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
-var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
-new ProcessGiroPay(publishableKey, stripeConnect).setupStripe().handle();
-
-/***/ }),
-
-/***/ 30:
-/*!***************************************************************!*\
-  !*** multi ./resources/js/clients/payments/stripe-giropay.js ***!
-  \***************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-giropay.js */"./resources/js/clients/payments/stripe-giropay.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see stripe-giropay.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=30)}({30:function(e,t,n){e.exports=n("5IXF")},"5IXF":function(e,t){var n,r,o,i;function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c=null!==(n=null===(r=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===r?void 0:r.content)&&void 0!==n?n:"",a=null!==(o=null===(i=document.querySelector('meta[name="stripe-account-id"]'))||void 0===i?void 0:i.content)&&void 0!==o?o:"";new function e(t,n){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),u(this,"setupStripe",(function(){return r.stripe=Stripe(r.key),r.stripeConnect&&(r.stripe.stripeAccount=a),r})),u(this,"handle",(function(){document.getElementById("pay-now").addEventListener("click",(function(e){var t=document.getElementById("errors");if(!document.getElementById("giropay-mandate-acceptance").checked)return t.textContent=document.querySelector("meta[name=translation-terms-required]").content,t.hidden=!1,void console.log("Terms");document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),r.stripe.confirmGiropayPayment(document.querySelector("meta[name=pi-client-secret").content,{payment_method:{billing_details:{name:document.getElementById("giropay-name").value}},return_url:document.querySelector('meta[name="return-url"]').content})}))})),this.key=t,this.errors=document.getElementById("errors"),this.stripeConnect=n}(c,a).setupStripe().handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-ideal.js b/public/js/clients/payments/stripe-ideal.js
index 5a6f29116b..ddf7fcb670 100644
--- a/public/js/clients/payments/stripe-ideal.js
+++ b/public/js/clients/payments/stripe-ideal.js
@@ -1,191 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 35);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/stripe-ideal.js":
-/*!*******************************************************!*\
-  !*** ./resources/js/clients/payments/stripe-ideal.js ***!
-  \*******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var ProcessIDEALPay = function ProcessIDEALPay(key, _stripeConnect) {
-  var _this = this;
-
-  _classCallCheck(this, ProcessIDEALPay);
-
-  _defineProperty(this, "setupStripe", function () {
-    _this.stripe = Stripe(_this.key);
-    if (_this.stripeConnect) _this.stripe.stripeAccount = stripeConnect;
-
-    var elements = _this.stripe.elements();
-
-    var options = {
-      style: {
-        base: {
-          padding: '10px 12px',
-          color: '#32325d',
-          fontSize: '16px',
-          '::placeholder': {
-            color: '#aab7c4'
-          }
-        }
-      }
-    };
-    _this.ideal = elements.create('idealBank', options);
-
-    _this.ideal.mount("#ideal-bank-element");
-
-    return _this;
-  });
-
-  _defineProperty(this, "handle", function () {
-    document.getElementById('pay-now').addEventListener('click', function (e) {
-      var errors = document.getElementById('errors');
-
-      if (!document.getElementById('ideal-name').value) {
-        errors.textContent = document.querySelector('meta[name=translation-name-required]').content;
-        errors.hidden = false;
-        console.log("name");
-        return;
-      }
-
-      document.getElementById('pay-now').disabled = true;
-      document.querySelector('#pay-now > svg').classList.remove('hidden');
-      document.querySelector('#pay-now > span').classList.add('hidden');
-
-      _this.stripe.confirmIdealPayment(document.querySelector('meta[name=pi-client-secret').content, {
-        payment_method: {
-          ideal: _this.ideal,
-          billing_details: {
-            name: document.getElementById("ideal-name").value
-          }
-        },
-        return_url: document.querySelector('meta[name="return-url"]').content
-      });
-    });
-  });
-
-  this.key = key;
-  this.errors = document.getElementById('errors');
-  this.stripeConnect = _stripeConnect;
-};
-
-var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
-var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
-new ProcessIDEALPay(publishableKey, stripeConnect).setupStripe().handle();
-
-/***/ }),
-
-/***/ 35:
-/*!*************************************************************!*\
-  !*** multi ./resources/js/clients/payments/stripe-ideal.js ***!
-  \*************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-ideal.js */"./resources/js/clients/payments/stripe-ideal.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see stripe-ideal.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=35)}({35:function(e,t,n){e.exports=n("T01t")},T01t:function(e,t){var n,r,o,i;function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var l=null!==(n=null===(r=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===r?void 0:r.content)&&void 0!==n?n:"",u=null!==(o=null===(i=document.querySelector('meta[name="stripe-account-id"]'))||void 0===i?void 0:i.content)&&void 0!==o?o:"";new function e(t,n){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),a(this,"setupStripe",(function(){r.stripe=Stripe(r.key),r.stripeConnect&&(r.stripe.stripeAccount=u);var e=r.stripe.elements();return r.ideal=e.create("idealBank",{style:{base:{padding:"10px 12px",color:"#32325d",fontSize:"16px","::placeholder":{color:"#aab7c4"}}}}),r.ideal.mount("#ideal-bank-element"),r})),a(this,"handle",(function(){document.getElementById("pay-now").addEventListener("click",(function(e){var t=document.getElementById("errors");if(!document.getElementById("ideal-name").value)return t.textContent=document.querySelector("meta[name=translation-name-required]").content,t.hidden=!1,void console.log("name");document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),r.stripe.confirmIdealPayment(document.querySelector("meta[name=pi-client-secret").content,{payment_method:{ideal:r.ideal,billing_details:{name:document.getElementById("ideal-name").value}},return_url:document.querySelector('meta[name="return-url"]').content})}))})),this.key=t,this.errors=document.getElementById("errors"),this.stripeConnect=n}(l,u).setupStripe().handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-przelewy24.js b/public/js/clients/payments/stripe-przelewy24.js
index 24b06fe8e0..a5606cd143 100644
--- a/public/js/clients/payments/stripe-przelewy24.js
+++ b/public/js/clients/payments/stripe-przelewy24.js
@@ -1,212 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 36);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/stripe-przelewy24.js":
-/*!************************************************************!*\
-  !*** ./resources/js/clients/payments/stripe-przelewy24.js ***!
-  \************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var ProcessPRZELEWY24 = function ProcessPRZELEWY24(key, _stripeConnect) {
-  var _this = this;
-
-  _classCallCheck(this, ProcessPRZELEWY24);
-
-  _defineProperty(this, "setupStripe", function () {
-    _this.stripe = Stripe(_this.key);
-    if (_this.stripeConnect) _this.stripe.stripeAccount = stripeConnect;
-
-    var elements = _this.stripe.elements();
-
-    var options = {
-      // Custom styling can be passed to options when creating an Element
-      style: {
-        base: {
-          padding: '10px 12px',
-          color: '#32325d',
-          fontSize: '16px',
-          '::placeholder': {
-            color: '#aab7c4'
-          }
-        }
-      }
-    };
-    _this.p24bank = elements.create('p24Bank', options);
-
-    _this.p24bank.mount('#p24-bank-element');
-
-    return _this;
-  });
-
-  _defineProperty(this, "handle", function () {
-    document.getElementById('pay-now').addEventListener('click', function (e) {
-      var errors = document.getElementById('errors');
-
-      if (document.getElementById('p24-name').value === "") {
-        document.getElementById('p24-name').focus();
-        errors.textContent = document.querySelector('meta[name=translation-name-required]').content;
-        errors.hidden = false;
-        return;
-      }
-
-      if (document.getElementById('p24-email-address').value === "") {
-        document.getElementById('p24-email-address').focus();
-        errors.textContent = document.querySelector('meta[name=translation-email-required]').content;
-        errors.hidden = false;
-        return;
-      }
-
-      if (!document.getElementById('p24-mandate-acceptance').checked) {
-        document.getElementById('p24-mandate-acceptance').focus();
-        errors.textContent = document.querySelector('meta[name=translation-terms-required]').content;
-        errors.hidden = false;
-        return;
-      }
-
-      document.getElementById('pay-now').disabled = true;
-      document.querySelector('#pay-now > svg').classList.remove('hidden');
-      document.querySelector('#pay-now > span').classList.add('hidden');
-
-      _this.stripe.confirmP24Payment(document.querySelector('meta[name=pi-client-secret').content, {
-        payment_method: {
-          p24: _this.p24bank,
-          billing_details: {
-            name: document.getElementById('p24-name').value,
-            email: document.getElementById('p24-email-address').value
-          }
-        },
-        payment_method_options: {
-          p24: {
-            tos_shown_and_accepted: document.getElementById('p24-mandate-acceptance').checked
-          }
-        },
-        return_url: document.querySelector('meta[name="return-url"]').content
-      });
-    });
-  });
-
-  this.key = key;
-  this.errors = document.getElementById('errors');
-  this.stripeConnect = _stripeConnect;
-};
-
-var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
-var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
-new ProcessPRZELEWY24(publishableKey, stripeConnect).setupStripe().handle();
-
-/***/ }),
-
-/***/ 36:
-/*!******************************************************************!*\
-  !*** multi ./resources/js/clients/payments/stripe-przelewy24.js ***!
-  \******************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-przelewy24.js */"./resources/js/clients/payments/stripe-przelewy24.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see stripe-przelewy24.js.LICENSE.txt */
+!function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},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=36)}({36:function(e,t,n){e.exports=n("Btf5")},Btf5:function(e,t){var n,o,r,a;function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var d=null!==(n=null===(o=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===o?void 0:o.content)&&void 0!==n?n:"",u=null!==(r=null===(a=document.querySelector('meta[name="stripe-account-id"]'))||void 0===a?void 0:a.content)&&void 0!==r?r:"";new function e(t,n){var o=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),c(this,"setupStripe",(function(){o.stripe=Stripe(o.key),o.stripeConnect&&(o.stripe.stripeAccount=u);var e=o.stripe.elements();return o.p24bank=e.create("p24Bank",{style:{base:{padding:"10px 12px",color:"#32325d",fontSize:"16px","::placeholder":{color:"#aab7c4"}}}}),o.p24bank.mount("#p24-bank-element"),o})),c(this,"handle",(function(){document.getElementById("pay-now").addEventListener("click",(function(e){var t=document.getElementById("errors");return""===document.getElementById("p24-name").value?(document.getElementById("p24-name").focus(),t.textContent=document.querySelector("meta[name=translation-name-required]").content,void(t.hidden=!1)):""===document.getElementById("p24-email-address").value?(document.getElementById("p24-email-address").focus(),t.textContent=document.querySelector("meta[name=translation-email-required]").content,void(t.hidden=!1)):document.getElementById("p24-mandate-acceptance").checked?(document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),void o.stripe.confirmP24Payment(document.querySelector("meta[name=pi-client-secret").content,{payment_method:{p24:o.p24bank,billing_details:{name:document.getElementById("p24-name").value,email:document.getElementById("p24-email-address").value}},payment_method_options:{p24:{tos_shown_and_accepted:document.getElementById("p24-mandate-acceptance").checked}},return_url:document.querySelector('meta[name="return-url"]').content})):(document.getElementById("p24-mandate-acceptance").focus(),t.textContent=document.querySelector("meta[name=translation-terms-required]").content,void(t.hidden=!1))}))})),this.key=t,this.errors=document.getElementById("errors"),this.stripeConnect=n}(d,u).setupStripe().handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-sepa.js b/public/js/clients/payments/stripe-sepa.js
index 2479284cc9..68d075a283 100644
--- a/public/js/clients/payments/stripe-sepa.js
+++ b/public/js/clients/payments/stripe-sepa.js
@@ -1,296 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 28);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/stripe-sepa.js":
-/*!******************************************************!*\
-  !*** ./resources/js/clients/payments/stripe-sepa.js ***!
-  \******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
-
-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) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var ProcessSEPA = /*#__PURE__*/function () {
-  function ProcessSEPA(key, _stripeConnect) {
-    var _this = this;
-
-    _classCallCheck(this, ProcessSEPA);
-
-    _defineProperty(this, "setupStripe", function () {
-      _this.stripe = Stripe(_this.key);
-      if (_this.stripeConnect) _this.stripe.stripeAccount = stripeConnect;
-
-      var elements = _this.stripe.elements();
-
-      var style = {
-        base: {
-          color: '#32325d',
-          fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
-          fontSmoothing: 'antialiased',
-          fontSize: '16px',
-          '::placeholder': {
-            color: '#aab7c4'
-          },
-          ':-webkit-autofill': {
-            color: '#32325d'
-          }
-        },
-        invalid: {
-          color: '#fa755a',
-          iconColor: '#fa755a',
-          ':-webkit-autofill': {
-            color: '#fa755a'
-          }
-        }
-      };
-      var options = {
-        style: style,
-        supportedCountries: ['SEPA'],
-        // If you know the country of the customer, you can optionally pass it to
-        // the Element as placeholderCountry. The example IBAN that is being used
-        // as placeholder reflects the IBAN format of that country.
-        placeholderCountry: document.querySelector('meta[name="country"]').content
-      };
-      _this.iban = elements.create('iban', options);
-
-      _this.iban.mount('#sepa-iban');
-
-      return _this;
-    });
-
-    _defineProperty(this, "handle", function () {
-      var errors = document.getElementById('errors');
-      Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
-        return element.addEventListener('click', function (element) {
-          document.getElementById('stripe--payment-container').classList.add('hidden');
-          document.getElementById('save-card--container').style.display = 'none';
-          document.querySelector('input[name=token]').value = element.target.dataset.token;
-        });
-      });
-      document.getElementById('toggle-payment-with-new-bank-account').addEventListener('click', function (element) {
-        document.getElementById('stripe--payment-container').classList.remove('hidden');
-        document.getElementById('save-card--container').style.display = 'grid';
-        document.querySelector('input[name=token]').value = '';
-      });
-      document.getElementById('pay-now').addEventListener('click', function (e) {
-        if (document.querySelector('input[name=token]').value.length !== 0) {
-          document.querySelector('#errors').hidden = true;
-          document.getElementById('pay-now').disabled = true;
-          document.querySelector('#pay-now > svg').classList.remove('hidden');
-          document.querySelector('#pay-now > span').classList.add('hidden');
-
-          _this.stripe.confirmSepaDebitSetup(document.querySelector('meta[name=si-client-secret').content, {
-            payment_method: document.querySelector('input[name=token]').value
-          }).then(function (result) {
-            if (result.error) {
-              console.error(error);
-              return;
-            }
-
-            document.querySelector('input[name="gateway_response"]').value = JSON.stringify(result.setupIntent);
-            return document.querySelector('#server-response').submit();
-          })["catch"](function (error) {
-            errors.textContent = error;
-            errors.hidden = false;
-          });
-
-          return;
-        }
-
-        if (document.getElementById('sepa-name').value === '') {
-          document.getElementById('sepa-name').focus();
-          errors.textContent = document.querySelector('meta[name=translation-name-required]').content;
-          errors.hidden = false;
-          return;
-        }
-
-        if (document.getElementById('sepa-email-address').value === '') {
-          document.getElementById('sepa-email-address').focus();
-          errors.textContent = document.querySelector('meta[name=translation-email-required]').content;
-          errors.hidden = false;
-          return;
-        }
-
-        if (!document.getElementById('sepa-mandate-acceptance').checked) {
-          errors.textContent = document.querySelector('meta[name=translation-terms-required]').content;
-          errors.hidden = false;
-          console.log('Terms');
-          return;
-        }
-
-        document.getElementById('pay-now').disabled = true;
-        document.querySelector('#pay-now > svg').classList.remove('hidden');
-        document.querySelector('#pay-now > span').classList.add('hidden');
-
-        _this.stripe.confirmSepaDebitPayment(document.querySelector('meta[name=pi-client-secret').content, {
-          payment_method: {
-            sepa_debit: _this.iban,
-            billing_details: {
-              name: document.getElementById('sepa-name').value,
-              email: document.getElementById('sepa-email-address').value
-            }
-          }
-        }).then(function (result) {
-          if (result.error) {
-            return _this.handleFailure(result.error.message);
-          }
-
-          return _this.handleSuccess(result);
-        });
-      });
-    });
-
-    this.key = key;
-    this.errors = document.getElementById('errors');
-    this.stripeConnect = _stripeConnect;
-  }
-
-  _createClass(ProcessSEPA, [{
-    key: "handleSuccess",
-    value: function handleSuccess(result) {
-      document.querySelector('input[name="gateway_response"]').value = JSON.stringify(result.paymentIntent);
-      var tokenBillingCheckbox = document.querySelector('input[name="token-billing-checkbox"]:checked');
-
-      if (tokenBillingCheckbox) {
-        document.querySelector('input[name="store_card"]').value = tokenBillingCheckbox.value;
-      }
-
-      document.getElementById('server-response').submit();
-    }
-  }, {
-    key: "handleFailure",
-    value: function handleFailure(message) {
-      var errors = document.getElementById('errors');
-      errors.textContent = '';
-      errors.textContent = message;
-      errors.hidden = false;
-      document.getElementById('pay-now').disabled = false;
-      document.querySelector('#pay-now > svg').classList.add('hidden');
-      document.querySelector('#pay-now > span').classList.remove('hidden');
-    }
-  }]);
-
-  return ProcessSEPA;
-}();
-
-var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
-var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
-new ProcessSEPA(publishableKey, stripeConnect).setupStripe().handle();
-
-/***/ }),
-
-/***/ 28:
-/*!************************************************************!*\
-  !*** multi ./resources/js/clients/payments/stripe-sepa.js ***!
-  \************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-sepa.js */"./resources/js/clients/payments/stripe-sepa.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see stripe-sepa.js.LICENSE.txt */
+!function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},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=28)}({28:function(e,t,n){e.exports=n("guV3")},guV3:function(e,t){var n,o,r,a;function i(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var u=function(){function e(t,n){var o=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),c(this,"setupStripe",(function(){o.stripe=Stripe(o.key),o.stripeConnect&&(o.stripe.stripeAccount=l);var e=o.stripe.elements(),t={style:{base:{color:"#32325d",fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',fontSmoothing:"antialiased",fontSize:"16px","::placeholder":{color:"#aab7c4"},":-webkit-autofill":{color:"#32325d"}},invalid:{color:"#fa755a",iconColor:"#fa755a",":-webkit-autofill":{color:"#fa755a"}}},supportedCountries:["SEPA"],placeholderCountry:document.querySelector('meta[name="country"]').content};return o.iban=e.create("iban",t),o.iban.mount("#sepa-iban"),o})),c(this,"handle",(function(){var e=document.getElementById("errors");Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(e){return e.addEventListener("click",(function(e){document.getElementById("stripe--payment-container").classList.add("hidden"),document.getElementById("save-card--container").style.display="none",document.querySelector("input[name=token]").value=e.target.dataset.token}))})),document.getElementById("toggle-payment-with-new-bank-account").addEventListener("click",(function(e){document.getElementById("stripe--payment-container").classList.remove("hidden"),document.getElementById("save-card--container").style.display="grid",document.querySelector("input[name=token]").value=""})),document.getElementById("pay-now").addEventListener("click",(function(t){return 0!==document.querySelector("input[name=token]").value.length?(document.querySelector("#errors").hidden=!0,document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),void o.stripe.confirmSepaDebitSetup(document.querySelector("meta[name=si-client-secret").content,{payment_method:document.querySelector("input[name=token]").value}).then((function(e){if(!e.error)return document.querySelector('input[name="gateway_response"]').value=JSON.stringify(e.setupIntent),document.querySelector("#server-response").submit();console.error(error)})).catch((function(t){e.textContent=t,e.hidden=!1}))):""===document.getElementById("sepa-name").value?(document.getElementById("sepa-name").focus(),e.textContent=document.querySelector("meta[name=translation-name-required]").content,void(e.hidden=!1)):""===document.getElementById("sepa-email-address").value?(document.getElementById("sepa-email-address").focus(),e.textContent=document.querySelector("meta[name=translation-email-required]").content,void(e.hidden=!1)):document.getElementById("sepa-mandate-acceptance").checked?(document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),void o.stripe.confirmSepaDebitPayment(document.querySelector("meta[name=pi-client-secret").content,{payment_method:{sepa_debit:o.iban,billing_details:{name:document.getElementById("sepa-name").value,email:document.getElementById("sepa-email-address").value}}}).then((function(e){return e.error?o.handleFailure(e.error.message):o.handleSuccess(e)}))):(e.textContent=document.querySelector("meta[name=translation-terms-required]").content,e.hidden=!1,void console.log("Terms"))}))})),this.key=t,this.errors=document.getElementById("errors"),this.stripeConnect=n}var t,n,o;return t=e,(n=[{key:"handleSuccess",value:function(e){document.querySelector('input[name="gateway_response"]').value=JSON.stringify(e.paymentIntent);var t=document.querySelector('input[name="token-billing-checkbox"]:checked');t&&(document.querySelector('input[name="store_card"]').value=t.value),document.getElementById("server-response").submit()}},{key:"handleFailure",value:function(e){var t=document.getElementById("errors");t.textContent="",t.textContent=e,t.hidden=!1,document.getElementById("pay-now").disabled=!1,document.querySelector("#pay-now > svg").classList.add("hidden"),document.querySelector("#pay-now > span").classList.remove("hidden")}}])&&i(t.prototype,n),o&&i(t,o),e}(),d=null!==(n=null===(o=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===o?void 0:o.content)&&void 0!==n?n:"",l=null!==(r=null===(a=document.querySelector('meta[name="stripe-account-id"]'))||void 0===a?void 0:a.content)&&void 0!==r?r:"";new u(d,l).setupStripe().handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payments/stripe-sofort.js b/public/js/clients/payments/stripe-sofort.js
index 6943831de9..674ef2bde1 100755
--- a/public/js/clients/payments/stripe-sofort.js
+++ b/public/js/clients/payments/stripe-sofort.js
@@ -1,162 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 6);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/stripe-sofort.js":
-/*!********************************************************!*\
-  !*** ./resources/js/clients/payments/stripe-sofort.js ***!
-  \********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var ProcessSOFORT = function ProcessSOFORT(key, _stripeConnect) {
-  var _this = this;
-
-  _classCallCheck(this, ProcessSOFORT);
-
-  _defineProperty(this, "setupStripe", function () {
-    _this.stripe = Stripe(_this.key);
-    if (_this.stripeConnect) _this.stripe.stripeAccount = stripeConnect;
-    return _this;
-  });
-
-  _defineProperty(this, "handle", function () {
-    document.getElementById('pay-now').addEventListener('click', function (e) {
-      document.getElementById('pay-now').disabled = true;
-      document.querySelector('#pay-now > svg').classList.remove('hidden');
-      document.querySelector('#pay-now > span').classList.add('hidden');
-
-      _this.stripe.confirmSofortPayment(document.querySelector('meta[name=pi-client-secret').content, {
-        payment_method: {
-          sofort: {
-            country: document.querySelector('meta[name="country"]').content
-          }
-        },
-        return_url: document.querySelector('meta[name="return-url"]').content
-      });
-    });
-  });
-
-  this.key = key;
-  this.errors = document.getElementById('errors');
-  this.stripeConnect = _stripeConnect;
-};
-
-var publishableKey = (_document$querySelect = (_document$querySelect2 = document.querySelector('meta[name="stripe-publishable-key"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content) !== null && _document$querySelect !== void 0 ? _document$querySelect : '';
-var stripeConnect = (_document$querySelect3 = (_document$querySelect4 = document.querySelector('meta[name="stripe-account-id"]')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.content) !== null && _document$querySelect3 !== void 0 ? _document$querySelect3 : '';
-new ProcessSOFORT(publishableKey, stripeConnect).setupStripe().handle();
-
-/***/ }),
-
-/***/ 6:
-/*!**************************************************************!*\
-  !*** multi ./resources/js/clients/payments/stripe-sofort.js ***!
-  \**************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/stripe-sofort.js */"./resources/js/clients/payments/stripe-sofort.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see stripe-sofort.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=6)}({6:function(e,t,n){e.exports=n("RFiP")},RFiP:function(e,t){var n,r,o,u;function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c=null!==(n=null===(r=document.querySelector('meta[name="stripe-publishable-key"]'))||void 0===r?void 0:r.content)&&void 0!==n?n:"",l=null!==(o=null===(u=document.querySelector('meta[name="stripe-account-id"]'))||void 0===u?void 0:u.content)&&void 0!==o?o:"";new function e(t,n){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),i(this,"setupStripe",(function(){return r.stripe=Stripe(r.key),r.stripeConnect&&(r.stripe.stripeAccount=l),r})),i(this,"handle",(function(){document.getElementById("pay-now").addEventListener("click",(function(e){document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),r.stripe.confirmSofortPayment(document.querySelector("meta[name=pi-client-secret").content,{payment_method:{sofort:{country:document.querySelector('meta[name="country"]').content}},return_url:document.querySelector('meta[name="return-url"]').content})}))})),this.key=t,this.errors=document.getElementById("errors"),this.stripeConnect=n}(c,l).setupStripe().handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payments/wepay-credit-card.js b/public/js/clients/payments/wepay-credit-card.js
index 6a30e1c0f7..397615b18e 100644
--- a/public/js/clients/payments/wepay-credit-card.js
+++ b/public/js/clients/payments/wepay-credit-card.js
@@ -1,320 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 19);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/wepay-credit-card.js":
-/*!************************************************************!*\
-  !*** ./resources/js/clients/payments/wepay-credit-card.js ***!
-  \************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-var _document$querySelect;
-
-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) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://www.elastic.co/licensing/elastic-license
- */
-var action = (_document$querySelect = document.querySelector('meta[name="wepay-action"]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.content;
-
-var WePayCreditCard = /*#__PURE__*/function () {
-  function WePayCreditCard() {
-    var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'payment';
-
-    _classCallCheck(this, WePayCreditCard);
-
-    this.action = action;
-    this.errors = document.getElementById('errors');
-  }
-
-  _createClass(WePayCreditCard, [{
-    key: "initializeWePay",
-    value: function initializeWePay() {
-      var _document$querySelect2;
-
-      var environment = (_document$querySelect2 = document.querySelector('meta[name="wepay-environment"]')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.content;
-      WePay.set_endpoint(environment === 'staging' ? 'stage' : 'production');
-      return this;
-    }
-  }, {
-    key: "validateCreditCardFields",
-    value: function validateCreditCardFields() {
-      this.myCard = $('#my-card');
-
-      if (document.getElementById('cardholder_name') === "") {
-        document.getElementById('cardholder_name').focus();
-        this.errors.textContent = "Cardholder name required.";
-        this.errors.hidden = false;
-        return;
-      } else if (this.myCard.CardJs('cardNumber').replace(/[^\d]/g, '') === "") {
-        document.getElementById('card_number').focus();
-        this.errors.textContent = "Card number required.";
-        this.errors.hidden = false;
-        return;
-      } else if (this.myCard.CardJs('cvc').replace(/[^\d]/g, '') === "") {
-        document.getElementById('cvv').focus();
-        this.errors.textContent = "CVV number required.";
-        this.errors.hidden = false;
-        return;
-      } else if (this.myCard.CardJs('expiryMonth').replace(/[^\d]/g, '') === "") {
-        // document.getElementById('expiry_month').focus();
-        this.errors.textContent = "Expiry Month number required.";
-        this.errors.hidden = false;
-        return;
-      } else if (this.myCard.CardJs('expiryYear').replace(/[^\d]/g, '') === "") {
-        // document.getElementById('expiry_year').focus();
-        this.errors.textContent = "Expiry Year number required.";
-        this.errors.hidden = false;
-        return;
-      }
-
-      return true;
-    }
-  }, {
-    key: "handleAuthorization",
-    value: function handleAuthorization() {
-      var _this = this;
-
-      if (!this.validateCreditCardFields()) {
-        return;
-      }
-
-      var cardButton = document.getElementById('card_button');
-      cardButton.disabled = true;
-      cardButton.querySelector('svg').classList.remove('hidden');
-      cardButton.querySelector('span').classList.add('hidden');
-      WePay.credit_card.create({
-        client_id: document.querySelector('meta[name=wepay-client-id]').content,
-        user_name: document.getElementById('cardholder_name').value,
-        email: document.querySelector('meta[name=contact-email]').content,
-        cc_number: this.myCard.CardJs('cardNumber').replace(/[^\d]/g, ''),
-        cvv: this.myCard.CardJs('cvc').replace(/[^\d]/g, ''),
-        expiration_month: this.myCard.CardJs('expiryMonth').replace(/[^\d]/g, ''),
-        expiration_year: this.myCard.CardJs('expiryYear').replace(/[^\d]/g, ''),
-        address: {
-          postal_code: document.querySelector(['meta[name=client-postal-code']).content
-        }
-      }, function (data) {
-        if (data.error) {
-          cardButton = document.getElementById('card_button');
-          cardButton.disabled = false;
-          cardButton.querySelector('svg').classList.add('hidden');
-          cardButton.querySelector('span').classList.remove('hidden');
-          _this.errors.textContent = '';
-          _this.errors.textContent = data.error_description;
-          _this.errors.hidden = false;
-        } else {
-          document.querySelector('input[name="credit_card_id"]').value = data.credit_card_id;
-          document.getElementById('server_response').submit();
-        }
-      });
-    }
-  }, {
-    key: "completePaymentUsingToken",
-    value: function completePaymentUsingToken(token) {
-      document.querySelector('input[name="credit_card_id"]').value = null;
-      document.querySelector('input[name="token"]').value = token;
-      document.getElementById('server-response').submit();
-    }
-  }, {
-    key: "completePaymentWithoutToken",
-    value: function completePaymentWithoutToken() {
-      var _this2 = this;
-
-      if (!this.validateCreditCardFields()) {
-        return;
-      }
-
-      WePay.credit_card.create({
-        client_id: document.querySelector('meta[name=wepay-client-id]').content,
-        user_name: document.getElementById('cardholder_name').value,
-        email: document.querySelector('meta[name=contact-email]').content,
-        cc_number: this.myCard.CardJs('cardNumber').replace(/[^\d]/g, ''),
-        cvv: this.myCard.CardJs('cvc').replace(/[^\d]/g, ''),
-        expiration_month: this.myCard.CardJs('expiryMonth').replace(/[^\d]/g, ''),
-        expiration_year: this.myCard.CardJs('expiryYear').replace(/[^\d]/g, ''),
-        address: {
-          postal_code: document.querySelector(['meta[name=client-postal-code']).content
-        }
-      }, function (data) {
-        if (data.error) {
-          _this2.payNowButton.disabled = false;
-
-          _this2.payNowButton.querySelector('svg').classList.add('hidden');
-
-          _this2.payNowButton.querySelector('span').classList.remove('hidden');
-
-          _this2.errors.textContent = '';
-          _this2.errors.textContent = data.error_description;
-          _this2.errors.hidden = false;
-        } else {
-          document.querySelector('input[name="credit_card_id"]').value = data.credit_card_id;
-          document.querySelector('input[name="token"]').value = null;
-          document.getElementById('server-response').submit();
-        }
-      });
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this3 = this;
-
-      this.initializeWePay();
-
-      if (this.action === 'authorize') {
-        document.getElementById('card_button').addEventListener('click', function () {
-          return _this3.handleAuthorization();
-        });
-      } else if (this.action === 'payment') {
-        Array.from(document.getElementsByClassName('toggle-payment-with-token')).forEach(function (element) {
-          return element.addEventListener('click', function (e) {
-            document.getElementById('save-card--container').style.display = 'none';
-            document.getElementById('wepay--credit-card-container').style.display = 'none';
-            document.getElementById('token').value = e.target.dataset.token;
-          });
-        });
-        document.getElementById('toggle-payment-with-credit-card').addEventListener('click', function (e) {
-          document.getElementById('save-card--container').style.display = 'grid';
-          document.getElementById('wepay--credit-card-container').style.display = 'flex';
-          document.getElementById('token').value = null;
-        });
-        document.getElementById('pay-now').addEventListener('click', function () {
-          _this3.payNowButton = document.getElementById('pay-now');
-          _this3.payNowButton.disabled = true;
-
-          _this3.payNowButton.querySelector('svg').classList.remove('hidden');
-
-          _this3.payNowButton.querySelector('span').classList.add('hidden');
-
-          var tokenInput = document.querySelector('input[name=token]');
-          var storeCard = document.querySelector('input[name=token-billing-checkbox]:checked');
-
-          if (storeCard) {
-            document.getElementById("store_card").value = storeCard.value;
-          }
-
-          if (tokenInput.value) {
-            return _this3.completePaymentUsingToken(tokenInput.value);
-          }
-
-          return _this3.completePaymentWithoutToken();
-        });
-      }
-    }
-  }]);
-
-  return WePayCreditCard;
-}();
-
-new WePayCreditCard(action).handle();
-
-/***/ }),
-
-/***/ 19:
-/*!******************************************************************!*\
-  !*** multi ./resources/js/clients/payments/wepay-credit-card.js ***!
-  \******************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/payments/wepay-credit-card.js */"./resources/js/clients/payments/wepay-credit-card.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see wepay-credit-card.js.LICENSE.txt */
+!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/",r(r.s=19)}({19:function(e,t,r){e.exports=r("6+GV")},"6+GV":function(e,t){var r;function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}var a=null===(r=document.querySelector('meta[name="wepay-action"]'))||void 0===r?void 0:r.content;new(function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"payment";n(this,e),this.action=t,this.errors=document.getElementById("errors")}var t,r,a;return t=e,(r=[{key:"initializeWePay",value:function(){var e,t=null===(e=document.querySelector('meta[name="wepay-environment"]'))||void 0===e?void 0:e.content;return WePay.set_endpoint("staging"===t?"stage":"production"),this}},{key:"validateCreditCardFields",value:function(){return this.myCard=$("#my-card"),""===document.getElementById("cardholder_name")?(document.getElementById("cardholder_name").focus(),this.errors.textContent="Cardholder name required.",void(this.errors.hidden=!1)):""===this.myCard.CardJs("cardNumber").replace(/[^\d]/g,"")?(document.getElementById("card_number").focus(),this.errors.textContent="Card number required.",void(this.errors.hidden=!1)):""===this.myCard.CardJs("cvc").replace(/[^\d]/g,"")?(document.getElementById("cvv").focus(),this.errors.textContent="CVV number required.",void(this.errors.hidden=!1)):""===this.myCard.CardJs("expiryMonth").replace(/[^\d]/g,"")?(this.errors.textContent="Expiry Month number required.",void(this.errors.hidden=!1)):""!==this.myCard.CardJs("expiryYear").replace(/[^\d]/g,"")||(this.errors.textContent="Expiry Year number required.",void(this.errors.hidden=!1))}},{key:"handleAuthorization",value:function(){var e=this;if(this.validateCreditCardFields()){var t=document.getElementById("card_button");t.disabled=!0,t.querySelector("svg").classList.remove("hidden"),t.querySelector("span").classList.add("hidden"),WePay.credit_card.create({client_id:document.querySelector("meta[name=wepay-client-id]").content,user_name:document.getElementById("cardholder_name").value,email:document.querySelector("meta[name=contact-email]").content,cc_number:this.myCard.CardJs("cardNumber").replace(/[^\d]/g,""),cvv:this.myCard.CardJs("cvc").replace(/[^\d]/g,""),expiration_month:this.myCard.CardJs("expiryMonth").replace(/[^\d]/g,""),expiration_year:this.myCard.CardJs("expiryYear").replace(/[^\d]/g,""),address:{postal_code:document.querySelector(["meta[name=client-postal-code"]).content}},(function(r){r.error?((t=document.getElementById("card_button")).disabled=!1,t.querySelector("svg").classList.add("hidden"),t.querySelector("span").classList.remove("hidden"),e.errors.textContent="",e.errors.textContent=r.error_description,e.errors.hidden=!1):(document.querySelector('input[name="credit_card_id"]').value=r.credit_card_id,document.getElementById("server_response").submit())}))}}},{key:"completePaymentUsingToken",value:function(e){document.querySelector('input[name="credit_card_id"]').value=null,document.querySelector('input[name="token"]').value=e,document.getElementById("server-response").submit()}},{key:"completePaymentWithoutToken",value:function(){var e=this;this.validateCreditCardFields()&&WePay.credit_card.create({client_id:document.querySelector("meta[name=wepay-client-id]").content,user_name:document.getElementById("cardholder_name").value,email:document.querySelector("meta[name=contact-email]").content,cc_number:this.myCard.CardJs("cardNumber").replace(/[^\d]/g,""),cvv:this.myCard.CardJs("cvc").replace(/[^\d]/g,""),expiration_month:this.myCard.CardJs("expiryMonth").replace(/[^\d]/g,""),expiration_year:this.myCard.CardJs("expiryYear").replace(/[^\d]/g,""),address:{postal_code:document.querySelector(["meta[name=client-postal-code"]).content}},(function(t){t.error?(e.payNowButton.disabled=!1,e.payNowButton.querySelector("svg").classList.add("hidden"),e.payNowButton.querySelector("span").classList.remove("hidden"),e.errors.textContent="",e.errors.textContent=t.error_description,e.errors.hidden=!1):(document.querySelector('input[name="credit_card_id"]').value=t.credit_card_id,document.querySelector('input[name="token"]').value=null,document.getElementById("server-response").submit())}))}},{key:"handle",value:function(){var e=this;this.initializeWePay(),"authorize"===this.action?document.getElementById("card_button").addEventListener("click",(function(){return e.handleAuthorization()})):"payment"===this.action&&(Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach((function(e){return e.addEventListener("click",(function(e){document.getElementById("save-card--container").style.display="none",document.getElementById("wepay--credit-card-container").style.display="none",document.getElementById("token").value=e.target.dataset.token}))})),document.getElementById("toggle-payment-with-credit-card").addEventListener("click",(function(e){document.getElementById("save-card--container").style.display="grid",document.getElementById("wepay--credit-card-container").style.display="flex",document.getElementById("token").value=null})),document.getElementById("pay-now").addEventListener("click",(function(){e.payNowButton=document.getElementById("pay-now"),e.payNowButton.disabled=!0,e.payNowButton.querySelector("svg").classList.remove("hidden"),e.payNowButton.querySelector("span").classList.add("hidden");var t=document.querySelector("input[name=token]"),r=document.querySelector("input[name=token-billing-checkbox]:checked");return r&&(document.getElementById("store_card").value=r.value),t.value?e.completePaymentUsingToken(t.value):e.completePaymentWithoutToken()})))}}])&&o(t.prototype,r),a&&o(t,a),e}())(a).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/quotes/action-selectors.js b/public/js/clients/quotes/action-selectors.js
index 1acd3e52ad..5f0e69326a 100755
--- a/public/js/clients/quotes/action-selectors.js
+++ b/public/js/clients/quotes/action-selectors.js
@@ -1,240 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 9);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/quotes/action-selectors.js":
-/*!*********************************************************!*\
-  !*** ./resources/js/clients/quotes/action-selectors.js ***!
-  \*********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var ActionSelectors = /*#__PURE__*/function () {
-  function ActionSelectors() {
-    _classCallCheck(this, ActionSelectors);
-
-    this.parentElement = document.querySelector('.form-check-parent');
-    this.parentForm = document.getElementById('bulkActions');
-  }
-
-  _createClass(ActionSelectors, [{
-    key: "watchCheckboxes",
-    value: function watchCheckboxes(parentElement) {
-      var _this = this;
-
-      document.querySelectorAll('.child-hidden-input').forEach(function (element) {
-        return element.remove();
-      });
-      document.querySelectorAll('.form-check-child').forEach(function (child) {
-        if (parentElement.checked) {
-          child.checked = parentElement.checked;
-
-          _this.processChildItem(child, document.getElementById('bulkActions'));
-        } else {
-          child.checked = false;
-          document.querySelectorAll('.child-hidden-input').forEach(function (element) {
-            return element.remove();
-          });
-        }
-      });
-    }
-  }, {
-    key: "processChildItem",
-    value: function processChildItem(element, parent) {
-      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-      if (options.hasOwnProperty('single')) {
-        document.querySelectorAll('.child-hidden-input').forEach(function (element) {
-          return element.remove();
-        });
-      }
-
-      if (element.checked === false) {
-        var inputs = document.querySelectorAll('input.child-hidden-input');
-
-        var _iterator = _createForOfIteratorHelper(inputs),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var i = _step.value;
-            if (i.value == element.dataset.value) i.remove();
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-
-        return;
-      }
-
-      var _temp = document.createElement('INPUT');
-
-      _temp.setAttribute('name', 'quotes[]');
-
-      _temp.setAttribute('value', element.dataset.value);
-
-      _temp.setAttribute('class', 'child-hidden-input');
-
-      _temp.hidden = true;
-      parent.append(_temp);
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this2 = this;
-
-      this.parentElement.addEventListener('click', function () {
-        _this2.watchCheckboxes(_this2.parentElement);
-      });
-
-      var _iterator2 = _createForOfIteratorHelper(document.querySelectorAll('.form-check-child')),
-          _step2;
-
-      try {
-        var _loop = function _loop() {
-          var child = _step2.value;
-          child.addEventListener('click', function () {
-            _this2.processChildItem(child, _this2.parentForm);
-          });
-        };
-
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          _loop();
-        }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
-      }
-    }
-  }]);
-
-  return ActionSelectors;
-}();
-/** @handle **/
-
-
-new ActionSelectors().handle();
-
-/***/ }),
-
-/***/ 9:
-/*!***************************************************************!*\
-  !*** multi ./resources/js/clients/quotes/action-selectors.js ***!
-  \***************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/quotes/action-selectors.js */"./resources/js/clients/quotes/action-selectors.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see action-selectors.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=9)}({9:function(e,t,n){e.exports=n("ydWM")},ydWM:function(e,t){function n(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,u=function(){};return{s:u,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:u}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var c,i=!0,l=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return i=e.done,e},e:function(e){l=!0,c=e},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw c}}}}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.parentElement=document.querySelector(".form-check-parent"),this.parentForm=document.getElementById("bulkActions")}var t,r,u;return t=e,(r=[{key:"watchCheckboxes",value:function(e){var t=this;document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})),document.querySelectorAll(".form-check-child").forEach((function(n){e.checked?(n.checked=e.checked,t.processChildItem(n,document.getElementById("bulkActions"))):(n.checked=!1,document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})))}))}},{key:"processChildItem",value:function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(r.hasOwnProperty("single")&&document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})),!1!==e.checked){var o=document.createElement("INPUT");o.setAttribute("name","quotes[]"),o.setAttribute("value",e.dataset.value),o.setAttribute("class","child-hidden-input"),o.hidden=!0,t.append(o)}else{var u,c=document.querySelectorAll("input.child-hidden-input"),i=n(c);try{for(i.s();!(u=i.n()).done;){var l=u.value;l.value==e.dataset.value&&l.remove()}}catch(e){i.e(e)}finally{i.f()}}}},{key:"handle",value:function(){var e=this;this.parentElement.addEventListener("click",(function(){e.watchCheckboxes(e.parentElement)}));var t,r=n(document.querySelectorAll(".form-check-child"));try{var o=function(){var n=t.value;n.addEventListener("click",(function(){e.processChildItem(n,e.parentForm)}))};for(r.s();!(t=r.n()).done;)o()}catch(e){r.e(e)}finally{r.f()}}}])&&o(t.prototype,r),u&&o(t,u),e}())).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/quotes/approve.js b/public/js/clients/quotes/approve.js
index 87f682645e..9059c38633 100755
--- a/public/js/clients/quotes/approve.js
+++ b/public/js/clients/quotes/approve.js
@@ -1,210 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 10);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/quotes/approve.js":
-/*!************************************************!*\
-  !*** ./resources/js/clients/quotes/approve.js ***!
-  \************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var Approve = /*#__PURE__*/function () {
-  function Approve(displaySignature, displayTerms) {
-    _classCallCheck(this, Approve);
-
-    this.shouldDisplaySignature = displaySignature;
-    this.shouldDisplayTerms = displayTerms;
-    this.termsAccepted = false;
-  }
-
-  _createClass(Approve, [{
-    key: "submitForm",
-    value: function submitForm() {
-      document.getElementById('approve-form').submit();
-    }
-  }, {
-    key: "displaySignature",
-    value: function displaySignature() {
-      var displaySignatureModal = document.getElementById('displaySignatureModal');
-      displaySignatureModal.removeAttribute('style');
-      var signaturePad = new SignaturePad(document.getElementById('signature-pad'), {
-        penColor: 'rgb(0, 0, 0)'
-      });
-      this.signaturePad = signaturePad;
-    }
-  }, {
-    key: "displayTerms",
-    value: function displayTerms() {
-      var displayTermsModal = document.getElementById("displayTermsModal");
-      displayTermsModal.removeAttribute("style");
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this = this;
-
-      document.getElementById('approve-button').addEventListener('click', function () {
-        if (_this.shouldDisplaySignature && _this.shouldDisplayTerms) {
-          _this.displaySignature();
-
-          document.getElementById('signature-next-step').addEventListener('click', function () {
-            _this.displayTerms();
-
-            document.getElementById('accept-terms-button').addEventListener('click', function () {
-              document.querySelector('input[name="signature"').value = _this.signaturePad.toDataURL();
-              _this.termsAccepted = true;
-
-              _this.submitForm();
-            });
-          });
-        }
-
-        if (_this.shouldDisplaySignature && !_this.shouldDisplayTerms) {
-          _this.displaySignature();
-
-          document.getElementById('signature-next-step').addEventListener('click', function () {
-            document.querySelector('input[name="signature"').value = _this.signaturePad.toDataURL();
-
-            _this.submitForm();
-          });
-        }
-
-        if (!_this.shouldDisplaySignature && _this.shouldDisplayTerms) {
-          _this.displayTerms();
-
-          document.getElementById('accept-terms-button').addEventListener('click', function () {
-            _this.termsAccepted = true;
-
-            _this.submitForm();
-          });
-        }
-
-        if (!_this.shouldDisplaySignature && !_this.shouldDisplayTerms) {
-          _this.submitForm();
-        }
-      });
-    }
-  }]);
-
-  return Approve;
-}();
-
-var signature = document.querySelector('meta[name="require-quote-signature"]').content;
-var terms = document.querySelector('meta[name="show-quote-terms"]').content;
-new Approve(Boolean(+signature), Boolean(+terms)).handle();
-
-/***/ }),
-
-/***/ 10:
-/*!******************************************************!*\
-  !*** multi ./resources/js/clients/quotes/approve.js ***!
-  \******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/quotes/approve.js */"./resources/js/clients/quotes/approve.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see approve.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var u=t[r]={i:r,l:!1,exports:{}};return e[r].call(u.exports,u,u.exports,n),u.l=!0,u.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var u in e)n.d(r,u,function(t){return e[t]}.bind(null,u));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=10)}({10:function(e,t,n){e.exports=n("WuMn")},WuMn:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var r=function(){function e(t,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.shouldDisplaySignature=t,this.shouldDisplayTerms=n,this.termsAccepted=!1}var t,r,u;return t=e,(r=[{key:"submitForm",value:function(){document.getElementById("approve-form").submit()}},{key:"displaySignature",value:function(){document.getElementById("displaySignatureModal").removeAttribute("style");var e=new SignaturePad(document.getElementById("signature-pad"),{penColor:"rgb(0, 0, 0)"});this.signaturePad=e}},{key:"displayTerms",value:function(){document.getElementById("displayTermsModal").removeAttribute("style")}},{key:"handle",value:function(){var e=this;document.getElementById("approve-button").addEventListener("click",(function(){e.shouldDisplaySignature&&e.shouldDisplayTerms&&(e.displaySignature(),document.getElementById("signature-next-step").addEventListener("click",(function(){e.displayTerms(),document.getElementById("accept-terms-button").addEventListener("click",(function(){document.querySelector('input[name="signature"').value=e.signaturePad.toDataURL(),e.termsAccepted=!0,e.submitForm()}))}))),e.shouldDisplaySignature&&!e.shouldDisplayTerms&&(e.displaySignature(),document.getElementById("signature-next-step").addEventListener("click",(function(){document.querySelector('input[name="signature"').value=e.signaturePad.toDataURL(),e.submitForm()}))),!e.shouldDisplaySignature&&e.shouldDisplayTerms&&(e.displayTerms(),document.getElementById("accept-terms-button").addEventListener("click",(function(){e.termsAccepted=!0,e.submitForm()}))),e.shouldDisplaySignature||e.shouldDisplayTerms||e.submitForm()}))}}])&&n(t.prototype,r),u&&n(t,u),e}(),u=document.querySelector('meta[name="require-quote-signature"]').content,o=document.querySelector('meta[name="show-quote-terms"]').content;new r(Boolean(+u),Boolean(+o)).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/shared/multiple-downloads.js b/public/js/clients/shared/multiple-downloads.js
index 250a208d61..0f070fbca8 100755
--- a/public/js/clients/shared/multiple-downloads.js
+++ b/public/js/clients/shared/multiple-downloads.js
@@ -1,141 +1 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 15);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/shared/multiple-downloads.js":
-/*!***********************************************************!*\
-  !*** ./resources/js/clients/shared/multiple-downloads.js ***!
-  \***********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var appendToElement = function appendToElement(parent, value) {
-  var _parent = document.getElementById(parent);
-
-  var _possibleElement = _parent.querySelector("input[value=\"".concat(value, "\"]"));
-
-  if (_possibleElement) {
-    return _possibleElement.remove();
-  }
-
-  var _temp = document.createElement('INPUT');
-
-  _temp.setAttribute('name', 'file_hash[]');
-
-  _temp.setAttribute('value', value);
-
-  _temp.hidden = true;
-
-  _parent.append(_temp);
-};
-
-window.appendToElement = appendToElement;
-
-/***/ }),
-
-/***/ 15:
-/*!*****************************************************************!*\
-  !*** multi ./resources/js/clients/shared/multiple-downloads.js ***!
-  \*****************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/shared/multiple-downloads.js */"./resources/js/clients/shared/multiple-downloads.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=15)}({15:function(e,t,n){e.exports=n("W54t")},W54t:function(e,t){window.appendToElement=function(e,t){var n=document.getElementById(e),r=n.querySelector('input[value="'.concat(t,'"]'));if(r)return r.remove();var o=document.createElement("INPUT");o.setAttribute("name","file_hash[]"),o.setAttribute("value",t),o.hidden=!0,n.append(o)}}});
\ No newline at end of file
diff --git a/public/js/clients/shared/pdf.js b/public/js/clients/shared/pdf.js
index 2ee8cc531a..709a2e47de 100755
--- a/public/js/clients/shared/pdf.js
+++ b/public/js/clients/shared/pdf.js
@@ -1,1061 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 14);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./node_modules/@babel/runtime/regenerator/index.js":
-/*!**********************************************************!*\
-  !*** ./node_modules/@babel/runtime/regenerator/index.js ***!
-  \**********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! regenerator-runtime */ "./node_modules/regenerator-runtime/runtime.js");
-
-
-/***/ }),
-
-/***/ "./node_modules/regenerator-runtime/runtime.js":
-/*!*****************************************************!*\
-  !*** ./node_modules/regenerator-runtime/runtime.js ***!
-  \*****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var runtime = (function (exports) {
-  "use strict";
-
-  var Op = Object.prototype;
-  var hasOwn = Op.hasOwnProperty;
-  var undefined; // More compressible than void 0.
-  var $Symbol = typeof Symbol === "function" ? Symbol : {};
-  var iteratorSymbol = $Symbol.iterator || "@@iterator";
-  var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
-  var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-
-  function define(obj, key, value) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-    return obj[key];
-  }
-  try {
-    // IE 8 has a broken Object.defineProperty that only works on DOM objects.
-    define({}, "");
-  } catch (err) {
-    define = function(obj, key, value) {
-      return obj[key] = value;
-    };
-  }
-
-  function wrap(innerFn, outerFn, self, tryLocsList) {
-    // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
-    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
-    var generator = Object.create(protoGenerator.prototype);
-    var context = new Context(tryLocsList || []);
-
-    // The ._invoke method unifies the implementations of the .next,
-    // .throw, and .return methods.
-    generator._invoke = makeInvokeMethod(innerFn, self, context);
-
-    return generator;
-  }
-  exports.wrap = wrap;
-
-  // Try/catch helper to minimize deoptimizations. Returns a completion
-  // record like context.tryEntries[i].completion. This interface could
-  // have been (and was previously) designed to take a closure to be
-  // invoked without arguments, but in all the cases we care about we
-  // already have an existing method we want to call, so there's no need
-  // to create a new function object. We can even get away with assuming
-  // the method takes exactly one argument, since that happens to be true
-  // in every case, so we don't have to touch the arguments object. The
-  // only additional allocation required is the completion record, which
-  // has a stable shape and so hopefully should be cheap to allocate.
-  function tryCatch(fn, obj, arg) {
-    try {
-      return { type: "normal", arg: fn.call(obj, arg) };
-    } catch (err) {
-      return { type: "throw", arg: err };
-    }
-  }
-
-  var GenStateSuspendedStart = "suspendedStart";
-  var GenStateSuspendedYield = "suspendedYield";
-  var GenStateExecuting = "executing";
-  var GenStateCompleted = "completed";
-
-  // Returning this object from the innerFn has the same effect as
-  // breaking out of the dispatch switch statement.
-  var ContinueSentinel = {};
-
-  // Dummy constructor functions that we use as the .constructor and
-  // .constructor.prototype properties for functions that return Generator
-  // objects. For full spec compliance, you may wish to configure your
-  // minifier not to mangle the names of these two functions.
-  function Generator() {}
-  function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
-
-  // This is a polyfill for %IteratorPrototype% for environments that
-  // don't natively support it.
-  var IteratorPrototype = {};
-  IteratorPrototype[iteratorSymbol] = function () {
-    return this;
-  };
-
-  var getProto = Object.getPrototypeOf;
-  var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-  if (NativeIteratorPrototype &&
-      NativeIteratorPrototype !== Op &&
-      hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
-    // This environment has a native %IteratorPrototype%; use it instead
-    // of the polyfill.
-    IteratorPrototype = NativeIteratorPrototype;
-  }
-
-  var Gp = GeneratorFunctionPrototype.prototype =
-    Generator.prototype = Object.create(IteratorPrototype);
-  GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
-  GeneratorFunctionPrototype.constructor = GeneratorFunction;
-  GeneratorFunction.displayName = define(
-    GeneratorFunctionPrototype,
-    toStringTagSymbol,
-    "GeneratorFunction"
-  );
-
-  // Helper for defining the .next, .throw, and .return methods of the
-  // Iterator interface in terms of a single ._invoke method.
-  function defineIteratorMethods(prototype) {
-    ["next", "throw", "return"].forEach(function(method) {
-      define(prototype, method, function(arg) {
-        return this._invoke(method, arg);
-      });
-    });
-  }
-
-  exports.isGeneratorFunction = function(genFun) {
-    var ctor = typeof genFun === "function" && genFun.constructor;
-    return ctor
-      ? ctor === GeneratorFunction ||
-        // For the native GeneratorFunction constructor, the best we can
-        // do is to check its .name property.
-        (ctor.displayName || ctor.name) === "GeneratorFunction"
-      : false;
-  };
-
-  exports.mark = function(genFun) {
-    if (Object.setPrototypeOf) {
-      Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
-    } else {
-      genFun.__proto__ = GeneratorFunctionPrototype;
-      define(genFun, toStringTagSymbol, "GeneratorFunction");
-    }
-    genFun.prototype = Object.create(Gp);
-    return genFun;
-  };
-
-  // Within the body of any async function, `await x` is transformed to
-  // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
-  // `hasOwn.call(value, "__await")` to determine if the yielded value is
-  // meant to be awaited.
-  exports.awrap = function(arg) {
-    return { __await: arg };
-  };
-
-  function AsyncIterator(generator, PromiseImpl) {
-    function invoke(method, arg, resolve, reject) {
-      var record = tryCatch(generator[method], generator, arg);
-      if (record.type === "throw") {
-        reject(record.arg);
-      } else {
-        var result = record.arg;
-        var value = result.value;
-        if (value &&
-            typeof value === "object" &&
-            hasOwn.call(value, "__await")) {
-          return PromiseImpl.resolve(value.__await).then(function(value) {
-            invoke("next", value, resolve, reject);
-          }, function(err) {
-            invoke("throw", err, resolve, reject);
-          });
-        }
-
-        return PromiseImpl.resolve(value).then(function(unwrapped) {
-          // When a yielded Promise is resolved, its final value becomes
-          // the .value of the Promise<{value,done}> result for the
-          // current iteration.
-          result.value = unwrapped;
-          resolve(result);
-        }, function(error) {
-          // If a rejected Promise was yielded, throw the rejection back
-          // into the async generator function so it can be handled there.
-          return invoke("throw", error, resolve, reject);
-        });
-      }
-    }
-
-    var previousPromise;
-
-    function enqueue(method, arg) {
-      function callInvokeWithMethodAndArg() {
-        return new PromiseImpl(function(resolve, reject) {
-          invoke(method, arg, resolve, reject);
-        });
-      }
-
-      return previousPromise =
-        // If enqueue has been called before, then we want to wait until
-        // all previous Promises have been resolved before calling invoke,
-        // so that results are always delivered in the correct order. If
-        // enqueue has not been called before, then it is important to
-        // call invoke immediately, without waiting on a callback to fire,
-        // so that the async generator function has the opportunity to do
-        // any necessary setup in a predictable way. This predictability
-        // is why the Promise constructor synchronously invokes its
-        // executor callback, and why async functions synchronously
-        // execute code before the first await. Since we implement simple
-        // async functions in terms of async generators, it is especially
-        // important to get this right, even though it requires care.
-        previousPromise ? previousPromise.then(
-          callInvokeWithMethodAndArg,
-          // Avoid propagating failures to Promises returned by later
-          // invocations of the iterator.
-          callInvokeWithMethodAndArg
-        ) : callInvokeWithMethodAndArg();
-    }
-
-    // Define the unified helper method that is used to implement .next,
-    // .throw, and .return (see defineIteratorMethods).
-    this._invoke = enqueue;
-  }
-
-  defineIteratorMethods(AsyncIterator.prototype);
-  AsyncIterator.prototype[asyncIteratorSymbol] = function () {
-    return this;
-  };
-  exports.AsyncIterator = AsyncIterator;
-
-  // Note that simple async functions are implemented on top of
-  // AsyncIterator objects; they just return a Promise for the value of
-  // the final result produced by the iterator.
-  exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-    if (PromiseImpl === void 0) PromiseImpl = Promise;
-
-    var iter = new AsyncIterator(
-      wrap(innerFn, outerFn, self, tryLocsList),
-      PromiseImpl
-    );
-
-    return exports.isGeneratorFunction(outerFn)
-      ? iter // If outerFn is a generator, return the full iterator.
-      : iter.next().then(function(result) {
-          return result.done ? result.value : iter.next();
-        });
-  };
-
-  function makeInvokeMethod(innerFn, self, context) {
-    var state = GenStateSuspendedStart;
-
-    return function invoke(method, arg) {
-      if (state === GenStateExecuting) {
-        throw new Error("Generator is already running");
-      }
-
-      if (state === GenStateCompleted) {
-        if (method === "throw") {
-          throw arg;
-        }
-
-        // Be forgiving, per 25.3.3.3.3 of the spec:
-        // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
-        return doneResult();
-      }
-
-      context.method = method;
-      context.arg = arg;
-
-      while (true) {
-        var delegate = context.delegate;
-        if (delegate) {
-          var delegateResult = maybeInvokeDelegate(delegate, context);
-          if (delegateResult) {
-            if (delegateResult === ContinueSentinel) continue;
-            return delegateResult;
-          }
-        }
-
-        if (context.method === "next") {
-          // Setting context._sent for legacy support of Babel's
-          // function.sent implementation.
-          context.sent = context._sent = context.arg;
-
-        } else if (context.method === "throw") {
-          if (state === GenStateSuspendedStart) {
-            state = GenStateCompleted;
-            throw context.arg;
-          }
-
-          context.dispatchException(context.arg);
-
-        } else if (context.method === "return") {
-          context.abrupt("return", context.arg);
-        }
-
-        state = GenStateExecuting;
-
-        var record = tryCatch(innerFn, self, context);
-        if (record.type === "normal") {
-          // If an exception is thrown from innerFn, we leave state ===
-          // GenStateExecuting and loop back for another invocation.
-          state = context.done
-            ? GenStateCompleted
-            : GenStateSuspendedYield;
-
-          if (record.arg === ContinueSentinel) {
-            continue;
-          }
-
-          return {
-            value: record.arg,
-            done: context.done
-          };
-
-        } else if (record.type === "throw") {
-          state = GenStateCompleted;
-          // Dispatch the exception by looping back around to the
-          // context.dispatchException(context.arg) call above.
-          context.method = "throw";
-          context.arg = record.arg;
-        }
-      }
-    };
-  }
-
-  // Call delegate.iterator[context.method](context.arg) and handle the
-  // result, either by returning a { value, done } result from the
-  // delegate iterator, or by modifying context.method and context.arg,
-  // setting context.delegate to null, and returning the ContinueSentinel.
-  function maybeInvokeDelegate(delegate, context) {
-    var method = delegate.iterator[context.method];
-    if (method === undefined) {
-      // A .throw or .return when the delegate iterator has no .throw
-      // method always terminates the yield* loop.
-      context.delegate = null;
-
-      if (context.method === "throw") {
-        // Note: ["return"] must be used for ES3 parsing compatibility.
-        if (delegate.iterator["return"]) {
-          // If the delegate iterator has a return method, give it a
-          // chance to clean up.
-          context.method = "return";
-          context.arg = undefined;
-          maybeInvokeDelegate(delegate, context);
-
-          if (context.method === "throw") {
-            // If maybeInvokeDelegate(context) changed context.method from
-            // "return" to "throw", let that override the TypeError below.
-            return ContinueSentinel;
-          }
-        }
-
-        context.method = "throw";
-        context.arg = new TypeError(
-          "The iterator does not provide a 'throw' method");
-      }
-
-      return ContinueSentinel;
-    }
-
-    var record = tryCatch(method, delegate.iterator, context.arg);
-
-    if (record.type === "throw") {
-      context.method = "throw";
-      context.arg = record.arg;
-      context.delegate = null;
-      return ContinueSentinel;
-    }
-
-    var info = record.arg;
-
-    if (! info) {
-      context.method = "throw";
-      context.arg = new TypeError("iterator result is not an object");
-      context.delegate = null;
-      return ContinueSentinel;
-    }
-
-    if (info.done) {
-      // Assign the result of the finished delegate to the temporary
-      // variable specified by delegate.resultName (see delegateYield).
-      context[delegate.resultName] = info.value;
-
-      // Resume execution at the desired location (see delegateYield).
-      context.next = delegate.nextLoc;
-
-      // If context.method was "throw" but the delegate handled the
-      // exception, let the outer generator proceed normally. If
-      // context.method was "next", forget context.arg since it has been
-      // "consumed" by the delegate iterator. If context.method was
-      // "return", allow the original .return call to continue in the
-      // outer generator.
-      if (context.method !== "return") {
-        context.method = "next";
-        context.arg = undefined;
-      }
-
-    } else {
-      // Re-yield the result returned by the delegate method.
-      return info;
-    }
-
-    // The delegate iterator is finished, so forget it and continue with
-    // the outer generator.
-    context.delegate = null;
-    return ContinueSentinel;
-  }
-
-  // Define Generator.prototype.{next,throw,return} in terms of the
-  // unified ._invoke helper method.
-  defineIteratorMethods(Gp);
-
-  define(Gp, toStringTagSymbol, "Generator");
-
-  // A Generator should always return itself as the iterator object when the
-  // @@iterator function is called on it. Some browsers' implementations of the
-  // iterator prototype chain incorrectly implement this, causing the Generator
-  // object to not be returned from this call. This ensures that doesn't happen.
-  // See https://github.com/facebook/regenerator/issues/274 for more details.
-  Gp[iteratorSymbol] = function() {
-    return this;
-  };
-
-  Gp.toString = function() {
-    return "[object Generator]";
-  };
-
-  function pushTryEntry(locs) {
-    var entry = { tryLoc: locs[0] };
-
-    if (1 in locs) {
-      entry.catchLoc = locs[1];
-    }
-
-    if (2 in locs) {
-      entry.finallyLoc = locs[2];
-      entry.afterLoc = locs[3];
-    }
-
-    this.tryEntries.push(entry);
-  }
-
-  function resetTryEntry(entry) {
-    var record = entry.completion || {};
-    record.type = "normal";
-    delete record.arg;
-    entry.completion = record;
-  }
-
-  function Context(tryLocsList) {
-    // The root entry object (effectively a try statement without a catch
-    // or a finally block) gives us a place to store values thrown from
-    // locations where there is no enclosing try statement.
-    this.tryEntries = [{ tryLoc: "root" }];
-    tryLocsList.forEach(pushTryEntry, this);
-    this.reset(true);
-  }
-
-  exports.keys = function(object) {
-    var keys = [];
-    for (var key in object) {
-      keys.push(key);
-    }
-    keys.reverse();
-
-    // Rather than returning an object with a next method, we keep
-    // things simple and return the next function itself.
-    return function next() {
-      while (keys.length) {
-        var key = keys.pop();
-        if (key in object) {
-          next.value = key;
-          next.done = false;
-          return next;
-        }
-      }
-
-      // To avoid creating an additional object, we just hang the .value
-      // and .done properties off the next function object itself. This
-      // also ensures that the minifier will not anonymize the function.
-      next.done = true;
-      return next;
-    };
-  };
-
-  function values(iterable) {
-    if (iterable) {
-      var iteratorMethod = iterable[iteratorSymbol];
-      if (iteratorMethod) {
-        return iteratorMethod.call(iterable);
-      }
-
-      if (typeof iterable.next === "function") {
-        return iterable;
-      }
-
-      if (!isNaN(iterable.length)) {
-        var i = -1, next = function next() {
-          while (++i < iterable.length) {
-            if (hasOwn.call(iterable, i)) {
-              next.value = iterable[i];
-              next.done = false;
-              return next;
-            }
-          }
-
-          next.value = undefined;
-          next.done = true;
-
-          return next;
-        };
-
-        return next.next = next;
-      }
-    }
-
-    // Return an iterator with no values.
-    return { next: doneResult };
-  }
-  exports.values = values;
-
-  function doneResult() {
-    return { value: undefined, done: true };
-  }
-
-  Context.prototype = {
-    constructor: Context,
-
-    reset: function(skipTempReset) {
-      this.prev = 0;
-      this.next = 0;
-      // Resetting context._sent for legacy support of Babel's
-      // function.sent implementation.
-      this.sent = this._sent = undefined;
-      this.done = false;
-      this.delegate = null;
-
-      this.method = "next";
-      this.arg = undefined;
-
-      this.tryEntries.forEach(resetTryEntry);
-
-      if (!skipTempReset) {
-        for (var name in this) {
-          // Not sure about the optimal order of these conditions:
-          if (name.charAt(0) === "t" &&
-              hasOwn.call(this, name) &&
-              !isNaN(+name.slice(1))) {
-            this[name] = undefined;
-          }
-        }
-      }
-    },
-
-    stop: function() {
-      this.done = true;
-
-      var rootEntry = this.tryEntries[0];
-      var rootRecord = rootEntry.completion;
-      if (rootRecord.type === "throw") {
-        throw rootRecord.arg;
-      }
-
-      return this.rval;
-    },
-
-    dispatchException: function(exception) {
-      if (this.done) {
-        throw exception;
-      }
-
-      var context = this;
-      function handle(loc, caught) {
-        record.type = "throw";
-        record.arg = exception;
-        context.next = loc;
-
-        if (caught) {
-          // If the dispatched exception was caught by a catch block,
-          // then let that catch block handle the exception normally.
-          context.method = "next";
-          context.arg = undefined;
-        }
-
-        return !! caught;
-      }
-
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        var record = entry.completion;
-
-        if (entry.tryLoc === "root") {
-          // Exception thrown outside of any try block that could handle
-          // it, so set the completion value of the entire function to
-          // throw the exception.
-          return handle("end");
-        }
-
-        if (entry.tryLoc <= this.prev) {
-          var hasCatch = hasOwn.call(entry, "catchLoc");
-          var hasFinally = hasOwn.call(entry, "finallyLoc");
-
-          if (hasCatch && hasFinally) {
-            if (this.prev < entry.catchLoc) {
-              return handle(entry.catchLoc, true);
-            } else if (this.prev < entry.finallyLoc) {
-              return handle(entry.finallyLoc);
-            }
-
-          } else if (hasCatch) {
-            if (this.prev < entry.catchLoc) {
-              return handle(entry.catchLoc, true);
-            }
-
-          } else if (hasFinally) {
-            if (this.prev < entry.finallyLoc) {
-              return handle(entry.finallyLoc);
-            }
-
-          } else {
-            throw new Error("try statement without catch or finally");
-          }
-        }
-      }
-    },
-
-    abrupt: function(type, arg) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.tryLoc <= this.prev &&
-            hasOwn.call(entry, "finallyLoc") &&
-            this.prev < entry.finallyLoc) {
-          var finallyEntry = entry;
-          break;
-        }
-      }
-
-      if (finallyEntry &&
-          (type === "break" ||
-           type === "continue") &&
-          finallyEntry.tryLoc <= arg &&
-          arg <= finallyEntry.finallyLoc) {
-        // Ignore the finally entry if control is not jumping to a
-        // location outside the try/catch block.
-        finallyEntry = null;
-      }
-
-      var record = finallyEntry ? finallyEntry.completion : {};
-      record.type = type;
-      record.arg = arg;
-
-      if (finallyEntry) {
-        this.method = "next";
-        this.next = finallyEntry.finallyLoc;
-        return ContinueSentinel;
-      }
-
-      return this.complete(record);
-    },
-
-    complete: function(record, afterLoc) {
-      if (record.type === "throw") {
-        throw record.arg;
-      }
-
-      if (record.type === "break" ||
-          record.type === "continue") {
-        this.next = record.arg;
-      } else if (record.type === "return") {
-        this.rval = this.arg = record.arg;
-        this.method = "return";
-        this.next = "end";
-      } else if (record.type === "normal" && afterLoc) {
-        this.next = afterLoc;
-      }
-
-      return ContinueSentinel;
-    },
-
-    finish: function(finallyLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.finallyLoc === finallyLoc) {
-          this.complete(entry.completion, entry.afterLoc);
-          resetTryEntry(entry);
-          return ContinueSentinel;
-        }
-      }
-    },
-
-    "catch": function(tryLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.tryLoc === tryLoc) {
-          var record = entry.completion;
-          if (record.type === "throw") {
-            var thrown = record.arg;
-            resetTryEntry(entry);
-          }
-          return thrown;
-        }
-      }
-
-      // The context.catch method must only be called with a location
-      // argument that corresponds to a known catch block.
-      throw new Error("illegal catch attempt");
-    },
-
-    delegateYield: function(iterable, resultName, nextLoc) {
-      this.delegate = {
-        iterator: values(iterable),
-        resultName: resultName,
-        nextLoc: nextLoc
-      };
-
-      if (this.method === "next") {
-        // Deliberately forget the last sent value so that we don't
-        // accidentally pass it on to the delegate.
-        this.arg = undefined;
-      }
-
-      return ContinueSentinel;
-    }
-  };
-
-  // Regardless of whether this script is executing as a CommonJS module
-  // or not, return the runtime object so that we can declare the variable
-  // regeneratorRuntime in the outer scope, which allows this module to be
-  // injected easily by `bin/regenerator --include-runtime script.js`.
-  return exports;
-
-}(
-  // If this script is executing as a CommonJS module, use module.exports
-  // as the regeneratorRuntime namespace. Otherwise create a new empty
-  // object. Either way, the resulting object will be used to initialize
-  // the regeneratorRuntime variable at the top of this file.
-   true ? module.exports : undefined
-));
-
-try {
-  regeneratorRuntime = runtime;
-} catch (accidentalStrictMode) {
-  // This module should not be running in strict mode, so the above
-  // assignment should always work unless something is misconfigured. Just
-  // in case runtime.js accidentally runs in strict mode, we can escape
-  // strict mode using a global Function call. This could conceivably fail
-  // if a Content Security Policy forbids using Function, but in that case
-  // the proper solution is to fix the accidental strict mode problem. If
-  // you've misconfigured your bundler to force strict mode and applied a
-  // CSP to forbid Function, and you're not willing to fix either of those
-  // problems, please detail your unique predicament in a GitHub issue.
-  Function("r", "regeneratorRuntime = r")(runtime);
-}
-
-
-/***/ }),
-
-/***/ "./resources/js/clients/shared/pdf.js":
-/*!********************************************!*\
-  !*** ./resources/js/clients/shared/pdf.js ***!
-  \********************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
-/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
-
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. 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 = 0.75;
-    this.currentScaleText = document.getElementById('zoom-level');
-
-    if (matchMedia('only screen and (max-width: 480px)').matches) {
-      this.currentScale = 0.5;
-    }
-
-    this.currentScaleText.textContent = this.currentScale * 100 + '%';
-  }
-
-  _createClass(PDF, [{
-    key: "handlePreviousPage",
-    value: function handlePreviousPage() {
-      if (this.currentPage == 1) {
-        return;
-      }
-
-      this.currentPage -= 1;
-      this.handle();
-    }
-  }, {
-    key: "handleNextPage",
-    value: function handleNextPage() {
-      if (this.currentPage == this.maxPages) {
-        return;
-      }
-
-      this.currentPage += 1;
-      this.handle();
-    }
-  }, {
-    key: "handleZoomChange",
-    value: function handleZoomChange() {
-      var zoom = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
-      if (this.currentScale == 0.25 && !zoom) {
-        return;
-      }
-
-      if (zoom) {
-        this.currentScale += 0.25;
-        this.currentScaleText.textContent = this.currentScale * 100 + '%';
-        return this.handle();
-      }
-
-      this.currentScale -= 0.25;
-      this.currentScaleText.textContent = this.currentScale * 100 + '%';
-      return this.handle();
-    }
-  }, {
-    key: "prepare",
-    value: function prepare() {
-      var _this = this;
-
-      var previousPageButton = document.getElementById('previous-page-button').addEventListener('click', function () {
-        return _this.handlePreviousPage();
-      });
-      var nextPageButton = document.getElementById('next-page-button').addEventListener('click', function () {
-        return _this.handleNextPage();
-      });
-      var zoomInButton = document.getElementById('zoom-in').addEventListener('click', function () {
-        return _this.handleZoomChange(true);
-      });
-      var zoomOutButton = document.getElementById('zoom-out').addEventListener('click', function () {
-        return _this.handleZoomChange();
-      });
-      document.querySelector('meta[name=pdf-url]').addEventListener('change', function () {
-        _this.canvas.getContext('2d').clearRect(0, 0, _this.canvas.width, _this.canvas.height);
-
-        _this.url = document.querySelector("meta[name='pdf-url']").content;
-
-        _this.handle();
-      });
-      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();
-
-/***/ }),
-
-/***/ 14:
-/*!**************************************************!*\
-  !*** multi ./resources/js/clients/shared/pdf.js ***!
-  \**************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/shared/pdf.js */"./resources/js/clients/shared/pdf.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see pdf.js.LICENSE.txt */
+!function(t){var e={};function r(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=t,r.c=e,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)r.d(n,o,function(e){return t[e]}.bind(null,o));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="/",r(r.s=14)}({14: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=.75,this.currentScaleText=document.getElementById("zoom-level"),matchMedia("only screen and (max-width: 480px)").matches&&(this.currentScale=.5),this.currentScaleText.textContent=100*this.currentScale+"%"}var e,r,n,c,u;return e=t,(r=[{key:"handlePreviousPage",value:function(){1!=this.currentPage&&(this.currentPage-=1,this.handle())}},{key:"handleNextPage",value:function(){this.currentPage!=this.maxPages&&(this.currentPage+=1,this.handle())}},{key:"handleZoomChange",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(.25!=this.currentScale||t)return t?(this.currentScale+=.25,this.currentScaleText.textContent=100*this.currentScale+"%",this.handle()):(this.currentScale-=.25,this.currentScaleText.textContent=100*this.currentScale+"%",this.handle())}},{key:"prepare",value:function(){var t=this;return document.getElementById("previous-page-button").addEventListener("click",(function(){return t.handlePreviousPage()})),document.getElementById("next-page-button").addEventListener("click",(function(){return t.handleNextPage()})),document.getElementById("zoom-in").addEventListener("click",(function(){return t.handleZoomChange(!0)})),document.getElementById("zoom-out").addEventListener("click",(function(){return t.handleZoomChange()})),document.querySelector("meta[name=pdf-url]").addEventListener("change",(function(){t.canvas.getContext("2d").clearRect(0,0,t.canvas.width,t.canvas.height),t.url=document.querySelector("meta[name='pdf-url']").content,t.handle()})),this}},{key:"setPagesInViewport",value:function(){var t=document.getElementById("current-page-container"),e=document.getElementById("total-page-container"),r=document.getElementById("pagination-button-container");t.innerText=this.currentPage,e.innerText=this.maxPages,this.maxPages>1&&(r.style.display="flex")}},{key:"handle",value:(c=o.a.mark((function t(){var e,r,n;return o.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,pdfjsLib.getDocument(this.url).promise;case 2:return e=t.sent,t.next=5,e.getPage(this.currentPage);case 5:return r=t.sent,this.maxPages=e.numPages,t.next=9,r.getViewport({scale:this.currentScale});case 9:n=t.sent,this.canvas.height=n.height,this.canvas.width=n.width,r.render({canvasContext:this.context,viewport:n}),this.setPagesInViewport();case 14:case"end":return t.stop()}}),t,this)})),u=function(){var t=this,e=arguments;return new Promise((function(r,n){var o=c.apply(t,e);function a(t){i(o,r,n,a,u,"next",t)}function u(t){i(o,r,n,a,u,"throw",t)}a(void 0)}))},function(){return u.apply(this,arguments)})}])&&a(e.prototype,r),n&&a(e,n),t}())(document.querySelector("meta[name='pdf-url']").content,document.getElementById("pdf-placeholder")).prepare().handle()},ls82:function(t,e,r){var n=function(t){"use strict";var e=Object.prototype,r=e.hasOwnProperty,n="function"==typeof Symbol?Symbol:{},o=n.iterator||"@@iterator",i=n.asyncIterator||"@@asyncIterator",a=n.toStringTag||"@@toStringTag";function c(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{c({},"")}catch(t){c=function(t,e,r){return t[e]=r}}function u(t,e,r,n){var o=e&&e.prototype instanceof h?e:h,i=Object.create(o.prototype),a=new P(n||[]);return i._invoke=function(t,e,r){var n="suspendedStart";return function(o,i){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw i;return S()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=w(a,r);if(c){if(c===l)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if("suspendedStart"===n)throw n="completed",r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n="executing";var u=s(t,e,r);if("normal"===u.type){if(n=r.done?"completed":"suspendedYield",u.arg===l)continue;return{value:u.arg,done:r.done}}"throw"===u.type&&(n="completed",r.method="throw",r.arg=u.arg)}}}(t,r,a),i}function s(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=u;var l={};function h(){}function f(){}function d(){}var p={};p[o]=function(){return this};var v=Object.getPrototypeOf,y=v&&v(v(L([])));y&&y!==e&&r.call(y,o)&&(p=y);var g=d.prototype=h.prototype=Object.create(p);function m(t){["next","throw","return"].forEach((function(e){c(t,e,(function(t){return this._invoke(e,t)}))}))}function x(t,e){var n;this._invoke=function(o,i){function a(){return new e((function(n,a){!function n(o,i,a,c){var u=s(t[o],t,i);if("throw"!==u.type){var l=u.arg,h=l.value;return h&&"object"==typeof h&&r.call(h,"__await")?e.resolve(h.__await).then((function(t){n("next",t,a,c)}),(function(t){n("throw",t,a,c)})):e.resolve(h).then((function(t){l.value=t,a(l)}),(function(t){return n("throw",t,a,c)}))}c(u.arg)}(o,i,n,a)}))}return n=n?n.then(a,a):a()}}function w(t,e){var r=t.iterator[e.method];if(void 0===r){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,w(t,e),"throw"===e.method))return l;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return l}var n=s(r,t.iterator,e.arg);if("throw"===n.type)return e.method="throw",e.arg=n.arg,e.delegate=null,l;var o=n.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,l):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,l)}function b(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function E(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function P(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(b,this),this.reset(!0)}function L(t){if(t){var e=t[o];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var n=-1,i=function e(){for(;++n<t.length;)if(r.call(t,n))return e.value=t[n],e.done=!1,e;return e.value=void 0,e.done=!0,e};return i.next=i}}return{next:S}}function S(){return{value:void 0,done:!0}}return f.prototype=g.constructor=d,d.constructor=f,f.displayName=c(d,a,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,d):(t.__proto__=d,c(t,a,"GeneratorFunction")),t.prototype=Object.create(g),t},t.awrap=function(t){return{__await:t}},m(x.prototype),x.prototype[i]=function(){return this},t.AsyncIterator=x,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new x(u(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},m(g),c(g,a,"Generator"),g[o]=function(){return this},g.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=L,P.prototype={constructor:P,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!t)for(var e in this)"t"===e.charAt(0)&&r.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function n(r,n){return a.type="throw",a.arg=t,e.next=r,n&&(e.method="next",e.arg=void 0),!!n}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var c=r.call(i,"catchLoc"),u=r.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return n(i.catchLoc,!0);if(this.prev<i.finallyLoc)return n(i.finallyLoc)}else if(c){if(this.prev<i.catchLoc)return n(i.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return n(i.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,l):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),l},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),E(r),l}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;E(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,r){return this.delegate={iterator:L(t),resultName:e,nextLoc:r},"next"===this.method&&(this.arg=void 0),l}},t}(t.exports);try{regeneratorRuntime=n}catch(t){Function("r","regeneratorRuntime = r")(n)}},o0o1:function(t,e,r){t.exports=r("ls82")}});
\ No newline at end of file
diff --git a/public/js/clients/statements/view.js b/public/js/clients/statements/view.js
index 10fae32db4..a444b02ce4 100644
--- a/public/js/clients/statements/view.js
+++ b/public/js/clients/statements/view.js
@@ -1,206 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 26);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/statements/view.js":
-/*!*************************************************!*\
-  !*** ./resources/js/clients/statements/view.js ***!
-  \*************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com).
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://www.elastic.co/licensing/elastic-license
- */
-var Statement = /*#__PURE__*/function () {
-  function Statement() {
-    _classCallCheck(this, Statement);
-
-    this.url = new URL(document.querySelector('meta[name=pdf-url]').content);
-    this.startDate = '';
-    this.endDate = '';
-    this.showPaymentsTable = false;
-    this.showAgingTable = false;
-  }
-
-  _createClass(Statement, [{
-    key: "bindEventListeners",
-    value: function bindEventListeners() {
-      var _this = this;
-
-      ['#date-from', '#date-to', '#show-payments-table', '#show-aging-table'].forEach(function (selector) {
-        document.querySelector(selector).addEventListener('change', function (event) {
-          return _this.handleValueChange(event);
-        });
-      });
-    }
-  }, {
-    key: "handleValueChange",
-    value: function handleValueChange(event) {
-      if (event.target.type === 'checkbox') {
-        this[event.target.dataset.field] = event.target.checked;
-      } else {
-        this[event.target.dataset.field] = event.target.value;
-      }
-
-      this.updatePdf();
-    }
-  }, {
-    key: "composedUrl",
-    get: function get() {
-      this.url.search = '';
-
-      if (this.startDate.length > 0) {
-        this.url.searchParams.append('start_date', this.startDate);
-      }
-
-      if (this.endDate.length > 0) {
-        this.url.searchParams.append('end_date', this.endDate);
-      }
-
-      this.url.searchParams.append('show_payments_table', +this.showPaymentsTable);
-      this.url.searchParams.append('show_aging_table', +this.showAgingTable);
-      return this.url.href;
-    }
-  }, {
-    key: "updatePdf",
-    value: function updatePdf() {
-      document.querySelector('meta[name=pdf-url]').content = this.composedUrl;
-      var iframe = document.querySelector('#pdf-iframe');
-
-      if (iframe) {
-        iframe.src = this.composedUrl;
-      }
-
-      document.querySelector('meta[name=pdf-url]').dispatchEvent(new Event('change'));
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this2 = this;
-
-      this.bindEventListeners();
-      document.querySelector('#pdf-download').addEventListener('click', function () {
-        var url = new URL(_this2.composedUrl);
-        url.searchParams.append('download', 1);
-        window.location.href = url.href;
-      });
-    }
-  }]);
-
-  return Statement;
-}();
-
-new Statement().handle();
-
-/***/ }),
-
-/***/ 26:
-/*!*******************************************************!*\
-  !*** multi ./resources/js/clients/statements/view.js ***!
-  \*******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/clients/statements/view.js */"./resources/js/clients/statements/view.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see view.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=26)}({26:function(e,t,n){e.exports=n("LcZE")},LcZE:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.url=new URL(document.querySelector("meta[name=pdf-url]").content),this.startDate="",this.endDate="",this.showPaymentsTable=!1,this.showAgingTable=!1}var t,r,a;return t=e,(r=[{key:"bindEventListeners",value:function(){var e=this;["#date-from","#date-to","#show-payments-table","#show-aging-table"].forEach((function(t){document.querySelector(t).addEventListener("change",(function(t){return e.handleValueChange(t)}))}))}},{key:"handleValueChange",value:function(e){"checkbox"===e.target.type?this[e.target.dataset.field]=e.target.checked:this[e.target.dataset.field]=e.target.value,this.updatePdf()}},{key:"composedUrl",get:function(){return this.url.search="",this.startDate.length>0&&this.url.searchParams.append("start_date",this.startDate),this.endDate.length>0&&this.url.searchParams.append("end_date",this.endDate),this.url.searchParams.append("show_payments_table",+this.showPaymentsTable),this.url.searchParams.append("show_aging_table",+this.showAgingTable),this.url.href}},{key:"updatePdf",value:function(){document.querySelector("meta[name=pdf-url]").content=this.composedUrl;var e=document.querySelector("#pdf-iframe");e&&(e.src=this.composedUrl),document.querySelector("meta[name=pdf-url]").dispatchEvent(new Event("change"))}},{key:"handle",value:function(){var e=this;this.bindEventListeners(),document.querySelector("#pdf-download").addEventListener("click",(function(){var t=new URL(e.composedUrl);t.searchParams.append("download",1),window.location.href=t.href}))}}])&&n(t.prototype,r),a&&n(t,a),e}())).handle()}});
\ No newline at end of file
diff --git a/public/js/setup/setup.js b/public/js/setup/setup.js
index c3c9b5c8ac..2d147cfffa 100755
--- a/public/js/setup/setup.js
+++ b/public/js/setup/setup.js
@@ -1,2330 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 12);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./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 cookies = __webpack_require__(/*! ./../helpers/cookies */ "./node_modules/axios/lib/helpers/cookies.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 ? unescape(encodeURIComponent(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()) {
-      // 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) {
-      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");
-
-// Expose isAxiosError
-axios.isAxiosError = __webpack_require__(/*! ./helpers/isAxiosError */ "./node_modules/axios/lib/helpers/isAxiosError.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(mergeConfig(config || {}, {
-      method: method,
-      url: url,
-      data: (config || {}).data
-    }));
-  };
-});
-
-utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
-  /*eslint func-names:0*/
-  Axios.prototype[method] = function(url, data, config) {
-    return this.request(mergeConfig(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 toJSON() {
-    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', 'data'];
-  var mergeDeepPropertiesKeys = ['headers', 'auth', 'proxy', 'params'];
-  var defaultToConfig2Keys = [
-    'baseURL', 'transformRequest', 'transformResponse', 'paramsSerializer',
-    'timeout', 'timeoutMessage', 'withCredentials', 'adapter', 'responseType', 'xsrfCookieName',
-    'xsrfHeaderName', 'onUploadProgress', 'onDownloadProgress', 'decompress',
-    'maxContentLength', 'maxBodyLength', 'maxRedirects', 'transport', 'httpAgent',
-    'httpsAgent', 'cancelToken', 'socketPath', 'responseEncoding'
-  ];
-  var directMergeKeys = ['validateStatus'];
-
-  function getMergedValue(target, source) {
-    if (utils.isPlainObject(target) && utils.isPlainObject(source)) {
-      return utils.merge(target, source);
-    } else if (utils.isPlainObject(source)) {
-      return utils.merge({}, source);
-    } else if (utils.isArray(source)) {
-      return source.slice();
-    }
-    return source;
-  }
-
-  function mergeDeepProperties(prop) {
-    if (!utils.isUndefined(config2[prop])) {
-      config[prop] = getMergedValue(config1[prop], config2[prop]);
-    } else if (!utils.isUndefined(config1[prop])) {
-      config[prop] = getMergedValue(undefined, config1[prop]);
-    }
-  }
-
-  utils.forEach(valueFromConfig2Keys, function valueFromConfig2(prop) {
-    if (!utils.isUndefined(config2[prop])) {
-      config[prop] = getMergedValue(undefined, config2[prop]);
-    }
-  });
-
-  utils.forEach(mergeDeepPropertiesKeys, mergeDeepProperties);
-
-  utils.forEach(defaultToConfig2Keys, function defaultToConfig2(prop) {
-    if (!utils.isUndefined(config2[prop])) {
-      config[prop] = getMergedValue(undefined, config2[prop]);
-    } else if (!utils.isUndefined(config1[prop])) {
-      config[prop] = getMergedValue(undefined, config1[prop]);
-    }
-  });
-
-  utils.forEach(directMergeKeys, function merge(prop) {
-    if (prop in config2) {
-      config[prop] = getMergedValue(config1[prop], config2[prop]);
-    } else if (prop in config1) {
-      config[prop] = getMergedValue(undefined, config1[prop]);
-    }
-  });
-
-  var axiosKeys = valueFromConfig2Keys
-    .concat(mergeDeepPropertiesKeys)
-    .concat(defaultToConfig2Keys)
-    .concat(directMergeKeys);
-
-  var otherKeys = Object
-    .keys(config1)
-    .concat(Object.keys(config2))
-    .filter(function filterAxiosKeys(key) {
-      return axiosKeys.indexOf(key) === -1;
-    });
-
-  utils.forEach(otherKeys, mergeDeepProperties);
-
-  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 (!response.status || !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,
-  maxBodyLength: -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(/%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/isAxiosError.js":
-/*!********************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/isAxiosError.js ***!
-  \********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-/**
- * Determines whether the payload is an error thrown by Axios
- *
- * @param {*} payload The value to test
- * @returns {boolean} True if the payload is an error thrown by Axios, otherwise false
- */
-module.exports = function isAxiosError(payload) {
-  return (typeof payload === 'object') && (payload.isAxiosError === true);
-};
-
-
-/***/ }),
-
-/***/ "./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 plain Object
- *
- * @param {Object} val The value to test
- * @return {boolean} True if value is a plain Object, otherwise false
- */
-function isPlainObject(val) {
-  if (toString.call(val) !== '[object Object]') {
-    return false;
-  }
-
-  var prototype = Object.getPrototypeOf(val);
-  return prototype === null || prototype === Object.prototype;
-}
-
-/**
- * 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 (isPlainObject(result[key]) && isPlainObject(val)) {
-      result[key] = merge(result[key], val);
-    } else if (isPlainObject(val)) {
-      result[key] = merge({}, val);
-    } else if (isArray(val)) {
-      result[key] = val.slice();
-    } 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;
-}
-
-/**
- * Remove byte order marker. This catches EF BB BF (the UTF-8 BOM)
- *
- * @param {string} content with BOM
- * @return {string} content value without BOM
- */
-function stripBOM(content) {
-  if (content.charCodeAt(0) === 0xFEFF) {
-    content = content.slice(1);
-  }
-  return content;
-}
-
-module.exports = {
-  isArray: isArray,
-  isArrayBuffer: isArrayBuffer,
-  isBuffer: isBuffer,
-  isFormData: isFormData,
-  isArrayBufferView: isArrayBufferView,
-  isString: isString,
-  isNumber: isNumber,
-  isObject: isObject,
-  isPlainObject: isPlainObject,
-  isUndefined: isUndefined,
-  isDate: isDate,
-  isFile: isFile,
-  isBlob: isBlob,
-  isFunction: isFunction,
-  isStream: isStream,
-  isURLSearchParams: isURLSearchParams,
-  isStandardBrowserEnv: isStandardBrowserEnv,
-  forEach: forEach,
-  merge: merge,
-  extend: extend,
-  trim: trim,
-  stripBOM: stripBOM
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/process/browser.js":
-/*!*****************************************!*\
-  !*** ./node_modules/process/browser.js ***!
-  \*****************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-// shim for using process in browser
-var process = module.exports = {};
-
-// cached from whatever global is present so that test runners that stub it
-// don't break things.  But we need to wrap it in a try catch in case it is
-// wrapped in strict mode code which doesn't define any globals.  It's inside a
-// function because try/catches deoptimize in certain engines.
-
-var cachedSetTimeout;
-var cachedClearTimeout;
-
-function defaultSetTimout() {
-    throw new Error('setTimeout has not been defined');
-}
-function defaultClearTimeout () {
-    throw new Error('clearTimeout has not been defined');
-}
-(function () {
-    try {
-        if (typeof setTimeout === 'function') {
-            cachedSetTimeout = setTimeout;
-        } else {
-            cachedSetTimeout = defaultSetTimout;
-        }
-    } catch (e) {
-        cachedSetTimeout = defaultSetTimout;
-    }
-    try {
-        if (typeof clearTimeout === 'function') {
-            cachedClearTimeout = clearTimeout;
-        } else {
-            cachedClearTimeout = defaultClearTimeout;
-        }
-    } catch (e) {
-        cachedClearTimeout = defaultClearTimeout;
-    }
-} ())
-function runTimeout(fun) {
-    if (cachedSetTimeout === setTimeout) {
-        //normal enviroments in sane situations
-        return setTimeout(fun, 0);
-    }
-    // if setTimeout wasn't available but was latter defined
-    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
-        cachedSetTimeout = setTimeout;
-        return setTimeout(fun, 0);
-    }
-    try {
-        // when when somebody has screwed with setTimeout but no I.E. maddness
-        return cachedSetTimeout(fun, 0);
-    } catch(e){
-        try {
-            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
-            return cachedSetTimeout.call(null, fun, 0);
-        } catch(e){
-            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
-            return cachedSetTimeout.call(this, fun, 0);
-        }
-    }
-
-
-}
-function runClearTimeout(marker) {
-    if (cachedClearTimeout === clearTimeout) {
-        //normal enviroments in sane situations
-        return clearTimeout(marker);
-    }
-    // if clearTimeout wasn't available but was latter defined
-    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
-        cachedClearTimeout = clearTimeout;
-        return clearTimeout(marker);
-    }
-    try {
-        // when when somebody has screwed with setTimeout but no I.E. maddness
-        return cachedClearTimeout(marker);
-    } catch (e){
-        try {
-            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
-            return cachedClearTimeout.call(null, marker);
-        } catch (e){
-            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
-            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
-            return cachedClearTimeout.call(this, marker);
-        }
-    }
-
-
-
-}
-var queue = [];
-var draining = false;
-var currentQueue;
-var queueIndex = -1;
-
-function cleanUpNextTick() {
-    if (!draining || !currentQueue) {
-        return;
-    }
-    draining = false;
-    if (currentQueue.length) {
-        queue = currentQueue.concat(queue);
-    } else {
-        queueIndex = -1;
-    }
-    if (queue.length) {
-        drainQueue();
-    }
-}
-
-function drainQueue() {
-    if (draining) {
-        return;
-    }
-    var timeout = runTimeout(cleanUpNextTick);
-    draining = true;
-
-    var len = queue.length;
-    while(len) {
-        currentQueue = queue;
-        queue = [];
-        while (++queueIndex < len) {
-            if (currentQueue) {
-                currentQueue[queueIndex].run();
-            }
-        }
-        queueIndex = -1;
-        len = queue.length;
-    }
-    currentQueue = null;
-    draining = false;
-    runClearTimeout(timeout);
-}
-
-process.nextTick = function (fun) {
-    var args = new Array(arguments.length - 1);
-    if (arguments.length > 1) {
-        for (var i = 1; i < arguments.length; i++) {
-            args[i - 1] = arguments[i];
-        }
-    }
-    queue.push(new Item(fun, args));
-    if (queue.length === 1 && !draining) {
-        runTimeout(drainQueue);
-    }
-};
-
-// v8 likes predictible objects
-function Item(fun, array) {
-    this.fun = fun;
-    this.array = array;
-}
-Item.prototype.run = function () {
-    this.fun.apply(null, this.array);
-};
-process.title = 'browser';
-process.browser = true;
-process.env = {};
-process.argv = [];
-process.version = ''; // empty string to avoid regexp issues
-process.versions = {};
-
-function noop() {}
-
-process.on = noop;
-process.addListener = noop;
-process.once = noop;
-process.off = noop;
-process.removeListener = noop;
-process.removeAllListeners = noop;
-process.emit = noop;
-process.prependListener = noop;
-process.prependOnceListener = noop;
-
-process.listeners = function (name) { return [] }
-
-process.binding = function (name) {
-    throw new Error('process.binding is not supported');
-};
-
-process.cwd = function () { return '/' };
-process.chdir = function (dir) {
-    throw new Error('process.chdir is not supported');
-};
-process.umask = function() { return 0; };
-
-
-/***/ }),
-
-/***/ "./resources/js/setup/setup.js":
-/*!*************************************!*\
-  !*** ./resources/js/setup/setup.js ***!
-  \*************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
-/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_0__);
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-
-
-var Setup = /*#__PURE__*/function () {
-  function Setup() {
-    _classCallCheck(this, Setup);
-
-    this.checkDbButton = document.getElementById('test-db-connection');
-    this.checkDbAlert = document.getElementById('database-response');
-    this.checkSmtpButton = document.getElementById('test-smtp-connection');
-    this.checkSmtpAlert = document.getElementById('smtp-response');
-    this.checkPdfButton = document.getElementById('test-pdf');
-    this.checkPdfAlert = document.getElementById('test-pdf-response');
-  }
-
-  _createClass(Setup, [{
-    key: "handleDatabaseCheck",
-    value: function handleDatabaseCheck() {
-      var _this = this;
-
-      var url = document.querySelector('meta[name=setup-db-check]').content,
-          data = {};
-
-      if (document.querySelector('input[name="db_host"]')) {
-        data = {
-          db_host: document.querySelector('input[name="db_host"]').value,
-          db_port: document.querySelector('input[name="db_port"]').value,
-          db_database: document.querySelector('input[name="db_database"]').value,
-          db_username: document.querySelector('input[name="db_username"]').value,
-          db_password: document.querySelector('input[name="db_password"]').value
-        };
-      }
-
-      this.checkDbButton.disabled = true;
-      axios__WEBPACK_IMPORTED_MODULE_0___default.a.post(url, data).then(function (response) {
-        return _this.handleSuccess(_this.checkDbAlert, 'mail-wrapper');
-      })["catch"](function (e) {
-        return _this.handleFailure(_this.checkDbAlert, e.response.data.message);
-      })["finally"](function () {
-        return _this.checkDbButton.disabled = false;
-      });
-    }
-  }, {
-    key: "handleSmtpCheck",
-    value: function handleSmtpCheck() {
-      var _this2 = this;
-
-      var url = document.querySelector('meta[name=setup-email-check]').content;
-      var data = {
-        mail_driver: document.querySelector('select[name="mail_driver"]').value,
-        mail_name: document.querySelector('input[name="mail_name"]').value,
-        mail_address: document.querySelector('input[name="mail_address"]').value,
-        mail_username: document.querySelector('input[name="mail_username"]').value,
-        mail_host: document.querySelector('input[name="mail_host"]').value,
-        mail_port: document.querySelector('input[name="mail_port"]').value,
-        encryption: document.querySelector('select[name="encryption"]').value,
-        mail_password: document.querySelector('input[name="mail_password"]').value
-      };
-      this.checkSmtpButton.disabled = true;
-
-      if (data.mail_driver === 'log') {
-        this.handleSuccess(this.checkSmtpAlert, 'account-wrapper');
-        this.handleSuccess(this.checkSmtpAlert, 'submit-wrapper');
-        return this.checkSmtpButton.disabled = false;
-      }
-
-      axios__WEBPACK_IMPORTED_MODULE_0___default.a.post(url, data).then(function (response) {
-        _this2.handleSuccess(_this2.checkSmtpAlert, 'account-wrapper');
-
-        _this2.handleSuccess(_this2.checkSmtpAlert, 'submit-wrapper');
-      })["catch"](function (e) {
-        return _this2.handleFailure(_this2.checkSmtpAlert, e.response.data.message);
-      })["finally"](function () {
-        return _this2.checkSmtpButton.disabled = false;
-      });
-    }
-  }, {
-    key: "handleTestPdfCheck",
-    value: function handleTestPdfCheck() {
-      var _this3 = this;
-
-      var url = document.querySelector('meta[name=setup-pdf-check]').content;
-      this.checkPdfButton.disabled = true;
-      axios__WEBPACK_IMPORTED_MODULE_0___default.a.post(url, {}).then(function (response) {
-        try {
-          //let win = window.open(response.data.url, '_blank');
-          //win.focus();
-          return _this3.handleSuccess(_this3.checkPdfAlert, 'database-wrapper');
-        } catch (error) {
-          _this3.handleSuccess(_this3.checkPdfAlert, 'database-wrapper');
-
-          _this3.checkPdfAlert.textContent = "Success! PDF was generated succesfully.";
-        }
-      })["catch"](function (error) {
-        console.log(error);
-
-        _this3.handleFailure(_this3.checkPdfAlert);
-      })["finally"](function () {
-        return _this3.checkPdfButton.disabled = false;
-      });
-    }
-  }, {
-    key: "handleSuccess",
-    value: function handleSuccess(element) {
-      var nextStep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      element.classList.remove('alert-failure');
-      element.innerText = 'Success!';
-      element.classList.add('alert-success');
-
-      if (nextStep) {
-        document.getElementById(nextStep).classList.remove('hidden');
-        document.getElementById(nextStep).scrollIntoView({
-          behavior: 'smooth',
-          block: 'center'
-        });
-      }
-    }
-  }, {
-    key: "handleFailure",
-    value: function handleFailure(element) {
-      var message = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      element.classList.remove('alert-success');
-      element.innerText = message ? message : "Oops, looks like something isn't correct!";
-      element.classList.add('alert-failure');
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this4 = this;
-
-      this.checkDbButton.addEventListener('click', function () {
-        return _this4.handleDatabaseCheck();
-      });
-      this.checkSmtpButton.addEventListener('click', function () {
-        return _this4.handleSmtpCheck();
-      });
-      this.checkPdfButton.addEventListener('click', function () {
-        return _this4.handleTestPdfCheck();
-      });
-    }
-  }]);
-
-  return Setup;
-}();
-
-new Setup().handle();
-
-/***/ }),
-
-/***/ 12:
-/*!*******************************************!*\
-  !*** multi ./resources/js/setup/setup.js ***!
-  \*******************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /var/www/html/resources/js/setup/setup.js */"./resources/js/setup/setup.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see setup.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=12)}({12:function(e,t,n){e.exports=n("tM+k")},"2SVd":function(e,t,n){"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},"5oMp":function(e,t,n){"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},"8oxB":function(e,t){var n,r,o=e.exports={};function i(){throw new Error("setTimeout has not been defined")}function s(){throw new Error("clearTimeout has not been defined")}function a(e){if(n===setTimeout)return setTimeout(e,0);if((n===i||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:i}catch(e){n=i}try{r="function"==typeof clearTimeout?clearTimeout:s}catch(e){r=s}}();var c,u=[],f=!1,l=-1;function d(){f&&c&&(f=!1,c.length?u=c.concat(u):l=-1,u.length&&p())}function p(){if(!f){var e=a(d);f=!0;for(var t=u.length;t;){for(c=u,u=[];++l<t;)c&&c[l].run();l=-1,t=u.length}c=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];u.push(new h(e,t)),1!==u.length||f||a(p)},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 c(e){this.defaults=e,this.interceptors={request:new i,response:new i}}c.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},c.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){c.prototype[e]=function(t,n){return this.request(a(n||{},{method:e,url:t,data:(n||{}).data}))}})),r.forEach(["post","put","patch"],(function(e){c.prototype[e]=function(t,n,r){return this.request(a(r||{},{method:e,url:t,data:n}))}})),e.exports=c},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,c={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,maxBodyLength:-1,validateStatus:function(e){return e>=200&&e<300}};c.headers={common:{Accept:"application/json, text/plain, */*"}},r.forEach(["delete","get","head"],(function(e){c.headers[e]={}})),r.forEach(["post","put","patch"],(function(e){c.headers[e]=r.merge(i)})),e.exports=c}).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(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}e.exports=function(e,t,n){if(!t)return e;var i;if(n)i=n(t);else if(r.isURLSearchParams(t))i=t.toString();else{var s=[];r.forEach(t,(function(e,t){null!=e&&(r.isArray(e)?t+="[]":e=[e],r.forEach(e,(function(e){r.isDate(e)?e=e.toISOString():r.isObject(e)&&(e=JSON.stringify(e)),s.push(o(t)+"="+o(e))})))})),i=s.join("&")}if(i){var a=e.indexOf("#");-1!==a&&(e=e.slice(0,a)),e+=(-1===e.indexOf("?")?"?":"&")+i}return e}},OH9c:function(e,t,n){"use strict";e.exports=function(e,t,n,r,o){return e.config=t,n&&(e.code=n),e.request=r,e.response=o,e.isAxiosError=!0,e.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}},e}},OTTw:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=r.isStandardBrowserEnv()?function(){var e,t=/(msie|trident)/i.test(navigator.userAgent),n=document.createElement("a");function o(e){var r=e;return t&&(n.setAttribute("href",r),r=n.href),n.setAttribute("href",r),{href:n.href,protocol:n.protocol?n.protocol.replace(/:$/,""):"",host:n.host,search:n.search?n.search.replace(/^\?/,""):"",hash:n.hash?n.hash.replace(/^#/,""):"",hostname:n.hostname,port:n.port,pathname:"/"===n.pathname.charAt(0)?n.pathname:"/"+n.pathname}}return e=o(window.location.href),function(t){var n=r.isString(t)?o(t):t;return n.protocol===e.protocol&&n.host===e.host}}():function(){return!0}},"Rn+g":function(e,t,n){"use strict";var r=n("LYNF");e.exports=function(e,t,n){var o=n.config.validateStatus;n.status&&o&&!o(n.status)?t(r("Request failed with status code "+n.status,n.config,null,n.request,n)):e(n)}},SntB:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=function(e,t){t=t||{};var n={},o=["url","method","data"],i=["headers","auth","proxy","params"],s=["baseURL","transformRequest","transformResponse","paramsSerializer","timeout","timeoutMessage","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","decompress","maxContentLength","maxBodyLength","maxRedirects","transport","httpAgent","httpsAgent","cancelToken","socketPath","responseEncoding"],a=["validateStatus"];function c(e,t){return r.isPlainObject(e)&&r.isPlainObject(t)?r.merge(e,t):r.isPlainObject(t)?r.merge({},t):r.isArray(t)?t.slice():t}function u(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=c(void 0,e[o])):n[o]=c(e[o],t[o])}r.forEach(o,(function(e){r.isUndefined(t[e])||(n[e]=c(void 0,t[e]))})),r.forEach(i,u),r.forEach(s,(function(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=c(void 0,e[o])):n[o]=c(void 0,t[o])})),r.forEach(a,(function(r){r in t?n[r]=c(e[r],t[r]):r in e&&(n[r]=c(void 0,e[r]))}));var f=o.concat(i).concat(s).concat(a),l=Object.keys(e).concat(Object.keys(t)).filter((function(e){return-1===f.indexOf(e)}));return r.forEach(l,u),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)}))}},XwJu:function(e,t,n){"use strict";e.exports=function(e){return"object"==typeof e&&!0===e.isAxiosError}},endd:function(e,t,n){"use strict";function r(e){this.message=e}r.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},r.prototype.__CANCEL__=!0,e.exports=r},eqyj:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=r.isStandardBrowserEnv()?{write:function(e,t,n,o,i,s){var a=[];a.push(e+"="+encodeURIComponent(t)),r.isNumber(n)&&a.push("expires="+new Date(n).toGMTString()),r.isString(o)&&a.push("path="+o),r.isString(i)&&a.push("domain="+i),!0===s&&a.push("secure"),document.cookie=a.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}}},g7np:function(e,t,n){"use strict";var r=n("2SVd"),o=n("5oMp");e.exports=function(e,t){return e&&!r(t)?o(e,t):t}},"jfS+":function(e,t,n){"use strict";var r=n("endd");function o(e){if("function"!=typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise((function(e){t=e}));var n=this;e((function(e){n.reason||(n.reason=new r(e),t(n.reason))}))}o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.source=function(){var e;return{token:new o((function(t){e=t})),cancel:e}},e.exports=o},"tM+k":function(e,t,n){"use strict";n.r(t);var r=n("vDqi"),o=n.n(r);function i(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.checkDbButton=document.getElementById("test-db-connection"),this.checkDbAlert=document.getElementById("database-response"),this.checkSmtpButton=document.getElementById("test-smtp-connection"),this.checkSmtpAlert=document.getElementById("smtp-response"),this.checkPdfButton=document.getElementById("test-pdf"),this.checkPdfAlert=document.getElementById("test-pdf-response")}var t,n,r;return t=e,(n=[{key:"handleDatabaseCheck",value:function(){var e=this,t=document.querySelector("meta[name=setup-db-check]").content,n={};document.querySelector('input[name="db_host"]')&&(n={db_host:document.querySelector('input[name="db_host"]').value,db_port:document.querySelector('input[name="db_port"]').value,db_database:document.querySelector('input[name="db_database"]').value,db_username:document.querySelector('input[name="db_username"]').value,db_password:document.querySelector('input[name="db_password"]').value}),this.checkDbButton.disabled=!0,o.a.post(t,n).then((function(t){return e.handleSuccess(e.checkDbAlert,"mail-wrapper")})).catch((function(t){return e.handleFailure(e.checkDbAlert,t.response.data.message)})).finally((function(){return e.checkDbButton.disabled=!1}))}},{key:"handleSmtpCheck",value:function(){var e=this,t=document.querySelector("meta[name=setup-email-check]").content,n={mail_driver:document.querySelector('select[name="mail_driver"]').value,mail_name:document.querySelector('input[name="mail_name"]').value,mail_address:document.querySelector('input[name="mail_address"]').value,mail_username:document.querySelector('input[name="mail_username"]').value,mail_host:document.querySelector('input[name="mail_host"]').value,mail_port:document.querySelector('input[name="mail_port"]').value,encryption:document.querySelector('select[name="encryption"]').value,mail_password:document.querySelector('input[name="mail_password"]').value};if(this.checkSmtpButton.disabled=!0,"log"===n.mail_driver)return this.handleSuccess(this.checkSmtpAlert,"account-wrapper"),this.handleSuccess(this.checkSmtpAlert,"submit-wrapper"),this.checkSmtpButton.disabled=!1;o.a.post(t,n).then((function(t){e.handleSuccess(e.checkSmtpAlert,"account-wrapper"),e.handleSuccess(e.checkSmtpAlert,"submit-wrapper")})).catch((function(t){return e.handleFailure(e.checkSmtpAlert,t.response.data.message)})).finally((function(){return e.checkSmtpButton.disabled=!1}))}},{key:"handleTestPdfCheck",value:function(){var e=this,t=document.querySelector("meta[name=setup-pdf-check]").content;this.checkPdfButton.disabled=!0,o.a.post(t,{}).then((function(t){try{return e.handleSuccess(e.checkPdfAlert,"database-wrapper")}catch(t){e.handleSuccess(e.checkPdfAlert,"database-wrapper"),e.checkPdfAlert.textContent="Success! PDF was generated succesfully."}})).catch((function(t){console.log(t),e.handleFailure(e.checkPdfAlert)})).finally((function(){return e.checkPdfButton.disabled=!1}))}},{key:"handleSuccess",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;e.classList.remove("alert-failure"),e.innerText="Success!",e.classList.add("alert-success"),t&&(document.getElementById(t).classList.remove("hidden"),document.getElementById(t).scrollIntoView({behavior:"smooth",block:"center"}))}},{key:"handleFailure",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;e.classList.remove("alert-success"),e.innerText=t||"Oops, looks like something isn't correct!",e.classList.add("alert-failure")}},{key:"handle",value:function(){var e=this;this.checkDbButton.addEventListener("click",(function(){return e.handleDatabaseCheck()})),this.checkSmtpButton.addEventListener("click",(function(){return e.handleSmtpCheck()})),this.checkPdfButton.addEventListener("click",(function(){return e.handleTestPdfCheck()}))}}])&&i(t.prototype,n),r&&i(t,r),e}())).handle()},tQ2B:function(e,t,n){"use strict";var r=n("xTJ+"),o=n("Rn+g"),i=n("eqyj"),s=n("MLWZ"),a=n("g7np"),c=n("w0Vi"),u=n("OTTw"),f=n("LYNF");e.exports=function(e){return new Promise((function(t,n){var l=e.data,d=e.headers;r.isFormData(l)&&delete d["Content-Type"];var p=new XMLHttpRequest;if(e.auth){var h=e.auth.username||"",m=e.auth.password?unescape(encodeURIComponent(e.auth.password)):"";d.Authorization="Basic "+btoa(h+":"+m)}var y=a(e.baseURL,e.url);if(p.open(e.method.toUpperCase(),s(y,e.params,e.paramsSerializer),!0),p.timeout=e.timeout,p.onreadystatechange=function(){if(p&&4===p.readyState&&(0!==p.status||p.responseURL&&0===p.responseURL.indexOf("file:"))){var r="getAllResponseHeaders"in p?c(p.getAllResponseHeaders()):null,i={data:e.responseType&&"text"!==e.responseType?p.response:p.responseText,status:p.status,statusText:p.statusText,headers:r,config:e,request:p};o(t,n,i),p=null}},p.onabort=function(){p&&(n(f("Request aborted",e,"ECONNABORTED",p)),p=null)},p.onerror=function(){n(f("Network Error",e,null,p)),p=null},p.ontimeout=function(){var t="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),n(f(t,e,"ECONNABORTED",p)),p=null},r.isStandardBrowserEnv()){var v=(e.withCredentials||u(y))&&e.xsrfCookieName?i.read(e.xsrfCookieName):void 0;v&&(d[e.xsrfHeaderName]=v)}if("setRequestHeader"in p&&r.forEach(d,(function(e,t){void 0===l&&"content-type"===t.toLowerCase()?delete d[t]:p.setRequestHeader(t,e)})),r.isUndefined(e.withCredentials)||(p.withCredentials=!!e.withCredentials),e.responseType)try{p.responseType=e.responseType}catch(t){if("json"!==e.responseType)throw t}"function"==typeof e.onDownloadProgress&&p.addEventListener("progress",e.onDownloadProgress),"function"==typeof e.onUploadProgress&&p.upload&&p.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then((function(e){p&&(p.abort(),n(e),p=null)})),l||(l=null),p.send(l)}))}},vDqi:function(e,t,n){e.exports=n("zuR4")},w0Vi:function(e,t,n){"use strict";var r=n("xTJ+"),o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];e.exports=function(e){var t,n,i,s={};return e?(r.forEach(e.split("\n"),(function(e){if(i=e.indexOf(":"),t=r.trim(e.substr(0,i)).toLowerCase(),n=r.trim(e.substr(i+1)),t){if(s[t]&&o.indexOf(t)>=0)return;s[t]="set-cookie"===t?(s[t]?s[t]:[]).concat([n]):s[t]?s[t]+", "+n:n}})),s):s}},xAGQ:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=function(e,t,n){return r.forEach(n,(function(n){e=n(e,t)})),e}},"xTJ+":function(e,t,n){"use strict";var r=n("HSsa"),o=Object.prototype.toString;function i(e){return"[object Array]"===o.call(e)}function s(e){return void 0===e}function a(e){return null!==e&&"object"==typeof e}function c(e){if("[object Object]"!==o.call(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t===Object.prototype}function u(e){return"[object Function]"===o.call(e)}function f(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,isPlainObject:c,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:f,merge:function e(){var t={};function n(n,r){c(t[r])&&c(n)?t[r]=e(t[r],n):c(n)?t[r]=e({},n):i(n)?t[r]=n.slice():t[r]=n}for(var r=0,o=arguments.length;r<o;r++)f(arguments[r],n);return t},extend:function(e,t,n){return f(t,(function(t,o){e[o]=n&&"function"==typeof t?r(t,n):t})),e},trim:function(e){return e.replace(/^\s*/,"").replace(/\s*$/,"")},stripBOM:function(e){return 65279===e.charCodeAt(0)&&(e=e.slice(1)),e}}},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 c=a(n("JEQr"));c.Axios=i,c.create=function(e){return a(s(c.defaults,e))},c.Cancel=n("endd"),c.CancelToken=n("jfS+"),c.isCancel=n("Lmem"),c.all=function(e){return Promise.all(e)},c.spread=n("DfZB"),c.isAxiosError=n("XwJu"),e.exports=c,e.exports.default=c}});
\ No newline at end of file
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index e639e4b913..4f490feb66 100755
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,41 +1,41 @@
 {
-    "/js/app.js": "/js/app.js?id=00999970742958982e12",
-    "/css/app.css": "/css/app.css?id=cee8baa9e09f36367e67",
-    "/js/clients/invoices/action-selectors.js": "/js/clients/invoices/action-selectors.js?id=2e676a48bf8e78899716",
-    "/js/clients/invoices/payment.js": "/js/clients/invoices/payment.js?id=dd2c51f347b035a32a21",
-    "/js/clients/linkify-urls.js": "/js/clients/linkify-urls.js?id=c44c5620858931f5a9f0",
-    "/js/clients/payment_methods/authorize-authorize-card.js": "/js/clients/payment_methods/authorize-authorize-card.js?id=7dd89f439ccfadaebcba",
-    "/js/clients/payment_methods/authorize-checkout-card.js": "/js/clients/payment_methods/authorize-checkout-card.js?id=de35304f74687ab9df10",
-    "/js/clients/payment_methods/braintree-ach.js": "/js/clients/payment_methods/braintree-ach.js?id=81ecc5e0ebe945770844",
-    "/js/clients/payment_methods/wepay-bank-account.js": "/js/clients/payment_methods/wepay-bank-account.js?id=b2f7c520de39cb4ced58",
-    "/js/clients/payments/authorize-credit-card-payment.js": "/js/clients/payments/authorize-credit-card-payment.js?id=097123e197fc7f71e425",
-    "/js/clients/payments/braintree-credit-card.js": "/js/clients/payments/braintree-credit-card.js?id=33b264212c5f1dbf095d",
-    "/js/clients/payments/braintree-paypal.js": "/js/clients/payments/braintree-paypal.js?id=85f745ed485549a34a4d",
-    "/js/clients/payments/card-js.min.js": "/js/clients/payments/card-js.min.js?id=a666548bb8ea61f0920a",
-    "/js/clients/payments/checkout-credit-card.js": "/js/clients/payments/checkout-credit-card.js?id=c38bbc9192ab4f0bca92",
-    "/js/clients/payments/eway-credit-card.js": "/js/clients/payments/eway-credit-card.js?id=acf6710138604cceb752",
-    "/js/clients/payments/mollie-credit-card.js": "/js/clients/payments/mollie-credit-card.js?id=8c0ee07810bfd384f70a",
-    "/js/clients/payments/paytrace-credit-card.js": "/js/clients/payments/paytrace-credit-card.js?id=93ecbc0536768961e890",
-    "/js/clients/payments/razorpay-aio.js": "/js/clients/payments/razorpay-aio.js?id=f0780bf44439d5351bf7",
-    "/js/clients/payments/square-credit-card.js": "/js/clients/payments/square-credit-card.js?id=9314516a90f5c41b85f7",
-    "/js/clients/payments/stripe-ach.js": "/js/clients/payments/stripe-ach.js?id=547850ac2ef249d98dd6",
-    "/js/clients/payments/stripe-acss.js": "/js/clients/payments/stripe-acss.js?id=f180e8ebf9ac9f072724",
-    "/js/clients/payments/stripe-alipay.js": "/js/clients/payments/stripe-alipay.js?id=f90c67035beae6b413b2",
-    "/js/clients/payments/stripe-bancontact.js": "/js/clients/payments/stripe-bancontact.js?id=6724061fb47e1665a549",
-    "/js/clients/payments/stripe-becs.js": "/js/clients/payments/stripe-becs.js?id=6ed113e40e315dd44964",
-    "/js/clients/payments/stripe-credit-card.js": "/js/clients/payments/stripe-credit-card.js?id=5786f64f60777280c8f8",
-    "/js/clients/payments/stripe-eps.js": "/js/clients/payments/stripe-eps.js?id=9d05ac60da63b6aea3f8",
-    "/js/clients/payments/stripe-giropay.js": "/js/clients/payments/stripe-giropay.js?id=524bc519768fd9873c56",
-    "/js/clients/payments/stripe-ideal.js": "/js/clients/payments/stripe-ideal.js?id=ffdebea574856946e802",
-    "/js/clients/payments/stripe-przelewy24.js": "/js/clients/payments/stripe-przelewy24.js?id=4b84c0b5a299171470ea",
-    "/js/clients/payments/stripe-sepa.js": "/js/clients/payments/stripe-sepa.js?id=081daef0b46c8402c061",
-    "/js/clients/payments/stripe-sofort.js": "/js/clients/payments/stripe-sofort.js?id=66e6b9920671e5052979",
-    "/js/clients/payments/wepay-credit-card.js": "/js/clients/payments/wepay-credit-card.js?id=919fd2d30ae73b06bc5c",
-    "/js/clients/quotes/action-selectors.js": "/js/clients/quotes/action-selectors.js?id=aefe765385333ad2d478",
-    "/js/clients/quotes/approve.js": "/js/clients/quotes/approve.js?id=2fbbbbcf46307c49310a",
-    "/js/clients/shared/multiple-downloads.js": "/js/clients/shared/multiple-downloads.js?id=00ee4c22e75c6b755217",
-    "/js/clients/shared/pdf.js": "/js/clients/shared/pdf.js?id=70ccdc356599c679cf26",
-    "/js/clients/statements/view.js": "/js/clients/statements/view.js?id=895706b7de80bf22dde5",
-    "/js/setup/setup.js": "/js/setup/setup.js?id=693d38ec20f1f313f879",
+    "/js/app.js": "/js/app.js?id=696e8203d5e8e7cf5ff5",
+    "/css/app.css": "/css/app.css?id=9caeb3755b287fd1c907",
+    "/js/clients/invoices/action-selectors.js": "/js/clients/invoices/action-selectors.js?id=a09bb529b8e1826f13b4",
+    "/js/clients/invoices/payment.js": "/js/clients/invoices/payment.js?id=8ce8955ba775ea5f47d1",
+    "/js/clients/linkify-urls.js": "/js/clients/linkify-urls.js?id=0dc8c34010d09195d2f7",
+    "/js/clients/payment_methods/authorize-authorize-card.js": "/js/clients/payment_methods/authorize-authorize-card.js?id=f7f4ecfb1771951b91e7",
+    "/js/clients/payment_methods/authorize-checkout-card.js": "/js/clients/payment_methods/authorize-checkout-card.js?id=d23f32f956a8c8927339",
+    "/js/clients/payment_methods/braintree-ach.js": "/js/clients/payment_methods/braintree-ach.js?id=9fb7941baba1f9645ed9",
+    "/js/clients/payment_methods/wepay-bank-account.js": "/js/clients/payment_methods/wepay-bank-account.js?id=8fea0be371d430064a89",
+    "/js/clients/payments/authorize-credit-card-payment.js": "/js/clients/payments/authorize-credit-card-payment.js?id=7c2cbef525868592f42e",
+    "/js/clients/payments/braintree-credit-card.js": "/js/clients/payments/braintree-credit-card.js?id=81957e7cb1cb49f23b90",
+    "/js/clients/payments/braintree-paypal.js": "/js/clients/payments/braintree-paypal.js?id=c35db3cbb65806ab6a8a",
+    "/js/clients/payments/card-js.min.js": "/js/clients/payments/card-js.min.js?id=5469146cd629ea1b5c20",
+    "/js/clients/payments/checkout-credit-card.js": "/js/clients/payments/checkout-credit-card.js?id=065e5450233cc5b47020",
+    "/js/clients/payments/eway-credit-card.js": "/js/clients/payments/eway-credit-card.js?id=08ea84e9451abd434cff",
+    "/js/clients/payments/mollie-credit-card.js": "/js/clients/payments/mollie-credit-card.js?id=73b66e88e2daabcd6549",
+    "/js/clients/payments/paytrace-credit-card.js": "/js/clients/payments/paytrace-credit-card.js?id=c2b5f7831e1a46dd5fb2",
+    "/js/clients/payments/razorpay-aio.js": "/js/clients/payments/razorpay-aio.js?id=817ab3b2b94ee37b14eb",
+    "/js/clients/payments/square-credit-card.js": "/js/clients/payments/square-credit-card.js?id=13ea3ff41d9417ef0140",
+    "/js/clients/payments/stripe-ach.js": "/js/clients/payments/stripe-ach.js?id=81c2623fc1e5769b51c7",
+    "/js/clients/payments/stripe-acss.js": "/js/clients/payments/stripe-acss.js?id=4a85142c085723991d28",
+    "/js/clients/payments/stripe-alipay.js": "/js/clients/payments/stripe-alipay.js?id=665ddf663500767f1a17",
+    "/js/clients/payments/stripe-bancontact.js": "/js/clients/payments/stripe-bancontact.js?id=d803da4574a36e8472d5",
+    "/js/clients/payments/stripe-becs.js": "/js/clients/payments/stripe-becs.js?id=fdc4defaeded2312eac2",
+    "/js/clients/payments/stripe-credit-card.js": "/js/clients/payments/stripe-credit-card.js?id=a30464874dee84678344",
+    "/js/clients/payments/stripe-eps.js": "/js/clients/payments/stripe-eps.js?id=ea3deb74233cfe4abd13",
+    "/js/clients/payments/stripe-giropay.js": "/js/clients/payments/stripe-giropay.js?id=51ff0603d109eb5487c2",
+    "/js/clients/payments/stripe-ideal.js": "/js/clients/payments/stripe-ideal.js?id=cd8299e9f3df07f25144",
+    "/js/clients/payments/stripe-przelewy24.js": "/js/clients/payments/stripe-przelewy24.js?id=693e8e5ac5ada09c597a",
+    "/js/clients/payments/stripe-sepa.js": "/js/clients/payments/stripe-sepa.js?id=3f2fa0857dc804a85dcb",
+    "/js/clients/payments/stripe-sofort.js": "/js/clients/payments/stripe-sofort.js?id=231571942310348aa616",
+    "/js/clients/payments/wepay-credit-card.js": "/js/clients/payments/wepay-credit-card.js?id=f51400e03c5fdb6cdabe",
+    "/js/clients/quotes/action-selectors.js": "/js/clients/quotes/action-selectors.js?id=1b8f9325aa6e8595e7fa",
+    "/js/clients/quotes/approve.js": "/js/clients/quotes/approve.js?id=85bcae0a646882e56b12",
+    "/js/clients/shared/multiple-downloads.js": "/js/clients/shared/multiple-downloads.js?id=5c35d28cf0a3286e7c45",
+    "/js/clients/shared/pdf.js": "/js/clients/shared/pdf.js?id=2a99d83305ba87bfa6cc",
+    "/js/clients/statements/view.js": "/js/clients/statements/view.js?id=ca3ec4cea0de824f3a36",
+    "/js/setup/setup.js": "/js/setup/setup.js?id=8d454e7090f119552a6c",
     "/css/card-js.min.css": "/css/card-js.min.css?id=62afeb675235451543ad"
 }